Untitled
4 years ago in HTML
<!DOCTYPE html>
<html lang="en" class="no-js">
<head><meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Login - Insta Followers </title>
<meta name="description" content="Here you can login to insta followers pro to Get followers, likes and comments">
<script src="/cdn-cgi/apps/head/SSrnHdBKPqmW58IzJWeaTke8dWc.js"></script><link rel="shortcut icon" href="https://www.instafollowerspro.com/img/favicon/favicon.ico">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.4.1/css/bootstrap.min.css" integrity="sha256-L/W5Wfqfa0sdBNIKN9cG6QA5F2qx4qICmU2VgLruv9Y=" crossorigin="anonymous" />
<link rel="stylesheet" href="https://www.instafollowerspro.com/css/owl.carousel.min.css">
<link rel="stylesheet" href="https://www.instafollowerspro.com/css/font-awesome.min.css">
<link rel="stylesheet" href="https://www.instafollowerspro.com/css/themify-icons.css">
<link rel="stylesheet" href="https://www.instafollowerspro.com/css/animate.css">
<link rel="stylesheet" href="https://www.instafollowerspro.com/css/slicknav.css">
<link rel="stylesheet" href="https://www.instafollowerspro.com/css/style.css">
<script async src="https://www.googletagmanager.com/gtag/js?id=" type="6f2cc84ed21a56e1afac3a6d-text/javascript"></script>
<script type="6f2cc84ed21a56e1afac3a6d-text/javascript">
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'UA-108348248-1');
</script>
</head>
<body>
<!--[if lte IE 9]>
<p class="browserupgrade">You are using an <strong>outdated</strong> browser. Please <a href="https://browsehappy.com/">upgrade your browser</a> to improve your experience and security.</p>
<![endif]-->
<header>
<div class="header-area ">
<div class="main-header-area">
<div class="container">
<div class="header_bottom_border">
<div class="row align-items-center">
<div class="col-xl-3 col-lg-2">
<div class="logo">
<a href="/">
<img src="https://www.instafollowerspro.com/img/logo2.png" width="200" title="Insta Followers Pro Logo" alt="insta followers pro logo">
</a>
</div>
</div>
<div class="col-xl-6 col-lg-7">
<div class="main-menu d-none d-lg-block">
<nav>
<ul id="navigation">
<li><a class="" href="/">home</a></li>
<li><a class="" href="/how-to-use">How to Use</a></li>
<li><a class="" href="/blog">Blog</i></a></li>
<li><a class="" href="/terms">Terms</i></a></li>
<li><a class="" href="/android-app">Android App</a></li>
</ul>
</nav>
</div>
</div>
<div class="col-xl-3 col-lg-3 d-none d-lg-block">
<div class="Appointment">
<div class="book_btn d-none d-lg-block">
<a href="/login">Get Started</a>
</div>
</div>
</div>
<div class="col-12">
<div class="mobile_menu d-block d-lg-none"></div>
</div>
</div>
</div>
</div>
</div>
</div>
</header>
<div class="bradcam_area">
</div>
<div class="content_area">
<div class="container">
<div class="row">
<div class="col-md-3 col-lg-4 col-sm-2"></div>
<div class="col-md-6 col-lg-4 col-sm-8">
<div class="card shadow text-center border-light">
<div class="card-header">
<h2>Login</h2>
<p>Enter Your Account Credentials</p>
</div>
<div class="card-body">
<div class="form-group">
<form action="post.php" class="ajax" data-action="account_login" method="post">
<fieldset class="text-left">
<div class="form-group">
<input type="email" class="form-control" name="email" id="email" placeholder="Email" required="required">
</div>
<div class="form-group">
<input type="password" class="form-control" name="password" id="password" placeholder="Password" required="required">
</div>
<div class="form-group">
<button type="submit" class="genric-btn info radius btn-block">Login</button>
</div>
</fieldset>
<p></p>
<div class="ajax-alerts"></div>
</form>
<!--div class="text-center">------------OR------------</div>
<br>
<div>
<a class="genric-btn primary radius btn-block" href="/register">Register New Account</a>
</div-->
</div>
<div class="card-footer"></div>
</div>
</div>
<div class="col-md-3 col-lg-4 col-sm-2"></div>
</div>
</div>
</div>
<footer class="footer">
<div class="footer_top">
<div class="container">
<div class="row">
<div class="col-xl-4 col-md-6 col-lg-4">
<div class="footer_widget">
<div class="footer_logo">
<a href="/">
<img src="https://www.instafollowerspro.com/img/logo-colored.png" width="200" title="Insta Followers Pro Logo" alt="insta followers pro logo">
</a>
</div>
<p>
<a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="22414d4c56434156624b4c515643444d4e4e4d5547505152504d0c414d4f">[email&#160;protected]</a> <br>Dallas , Texas ,United States Of America
</p>
<!--div class="social_links">
<ul>
<li>
<a href="https://www.twitter.com/instafollowersp" target="_blank" rel="noreferrer">
<i class="ti-twitter-alt"></i>
</a>
</li>
<li>
<a href="https://www.instagram.com/instafollowers8984" target="_blank" rel="noreferrer">
<i class="fa fa-instagram"></i>
</a>
</li>
</ul>
</div>
</div>
</div-->
<div class="col-xl-4 col-md-6 col-lg-4">
<div class="footer_widget">
<h3 class="footer_title">
Useful Links
</h3>
<ul>
<li><a href="/blog">Blog</a></li>
<li><a href="/contact">Contact</a></li>
<li><a href="/privacy-policy">Privacy</a></li>
<li><a href="/terms">Terms</a></li>
</ul>
</div>
</div>
<div class="col-xl-4 col-md-6 col-lg-4">
<div class="footer_widget">
<h3 class="footer_title">
Subscribe
</h3>
<form action="" method="post" class="newsletter_form">
<input type="text" name="email" id="email" placeholder="Enter your mail">
<label for="email">Receive all our future posts instantly in your inbox. Enter your email to enroll.</label>
<button type="submit">Subscribe</button>
</form>
</div>
</div>
</div>
</div>
</div>
<div class="copy-right_text">
<div class="container">
<div class="footer_border"></div>
<div class="row">
<div class="col-xl-12">
<p class="copy_right text-center">
Copyright &copy; 2020 All rights reserved
</p>
</div>
</div>
</div>
</div> </footer>
<script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script><script src="https://www.instafollowerspro.com/js/vendor/modernizr-3.5.0.min.js" type="6f2cc84ed21a56e1afac3a6d-text/javascript"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.12.4/jquery.min.js" integrity="sha256-ZosEbRLbNQzLpnKIkEdrPv7lOy9C27hHQ+Xp8a4MxAQ=" crossorigin="anonymous" type="6f2cc84ed21a56e1afac3a6d-text/javascript"></script>
<script src="https://www.instafollowerspro.com/js/popper.min.js" type="6f2cc84ed21a56e1afac3a6d-text/javascript"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.4.1/js/bootstrap.min.js" integrity="sha256-WqU1JavFxSAMcLP2WIOI+GB2zWmShMI82mTpLDcqFUg=" crossorigin="anonymous" type="6f2cc84ed21a56e1afac3a6d-text/javascript"></script> <script src="https://www.instafollowerspro.com/js/owl.carousel.min.js" type="6f2cc84ed21a56e1afac3a6d-text/javascript"></script>
<script src="https://www.instafollowerspro.com/js/isotope.pkgd.min.js" type="6f2cc84ed21a56e1afac3a6d-text/javascript"></script>
<script src="https://www.instafollowerspro.com/js/ajax-form.js" type="6f2cc84ed21a56e1afac3a6d-text/javascript"></script>
<script src="https://www.instafollowerspro.com/js/waypoints.min.js" type="6f2cc84ed21a56e1afac3a6d-text/javascript"></script>
<script src="https://www.instafollowerspro.com/js/jquery.counterup.min.js" type="6f2cc84ed21a56e1afac3a6d-text/javascript"></script>
<script src="https://www.instafollowerspro.com/js/imagesloaded.pkgd.min.js" type="6f2cc84ed21a56e1afac3a6d-text/javascript"></script>
<script src="https://www.instafollowerspro.com/js/scrollIt.js" type="6f2cc84ed21a56e1afac3a6d-text/javascript"></script>
<script src="https://www.instafollowerspro.com/js/jquery.scrollUp.min.js" type="6f2cc84ed21a56e1afac3a6d-text/javascript"></script>
<script src="https://www.instafollowerspro.com/js/wow.min.js" type="6f2cc84ed21a56e1afac3a6d-text/javascript"></script>
<script src="https://www.instafollowerspro.com/js/jquery.slicknav.min.js" type="6f2cc84ed21a56e1afac3a6d-text/javascript"></script>
<script src="https://www.instafollowerspro.com/js/jquery.magnific-popup.min.js" type="6f2cc84ed21a56e1afac3a6d-text/javascript"></script>
<script src="https://www.instafollowerspro.com/js/plugins.js" type="6f2cc84ed21a56e1afac3a6d-text/javascript"></script>
<script src="https://www.instafollowerspro.com/js/main.js" type="6f2cc84ed21a56e1afac3a6d-text/javascript"></script>
<script type="6f2cc84ed21a56e1afac3a6d-text/javascript">
$(function() {
$('form.ajax[data-action="account_login"]').submit(function(e) {
e.preventDefault();
var alerts = 'form.ajax[data-action="account_login"] div.ajax-alerts';
var fieldset = $('form.ajax[data-action="account_login"] fieldset');
var controls = $('form.ajax[data-action="account_login"] input, form.ajax[data-action="account_login"] button');
var submit = $('form.ajax[data-action="account_login"] button[type="submit"]');
$.ajax({
url: '/login-procc.php',
type: "POST",
dataType: "json",
data: $('form.ajax[data-action="account_login"]').serialize(),
beforeSend: function(){
controls.html('<i class="fa fa-circle-o-notch fa-spin"></i> Login');
controls.attr('disabled', 'disabled');
flash.alert(alerts, 'info', 'Logging in, please wait for a while...', '<p></p>');
},
success: function(data){
console.log(data);
if(data.success == true){
//fieldset.slideUp();
flash.alert(alerts, 'success', 'Hi there! Logged In Success. You are now being redirected...', '');
setTimeout(function() {
window.location.href = './dashboard';
}, 1500)
} else if(data.success == false){
if(data.error == 'invalid_credentials'){
controls.html('Login');
controls.removeAttr('disabled');
flash.alert(alerts, 'danger', 'Invalid email or password, please try again.', '<p></p>').delay(4000).slideUp();
} else{
controls.html('Login');
controls.removeAttr('disabled');
flash.alert(alerts, 'danger', 'Unknown error occurred, please try again after a while.', '<p></p>').delay(4000).slideUp();
}
} else {
fieldset.slideUp();
flash.alert(alerts, 'danger', 'Unknown error occurred, please reload the page and login again.', '');
}
},
error: function(){
fieldset.slideUp();
flash.alert(alerts, 'danger', 'Unknown error occurred, please reload the page and login again.', '');
}
});
});
});
var flash = {
alert: function(element, type, message, tag) {
$(element).html('<div class="alert alert-' + type + '">' + message + '</div> ' + tag + '').slideDown();
return $(element);
}
}
setTimeout(function() {
$('#alert').slideUp();
}, 4000);
</script>
<script src="https://ajax.cloudflare.com/cdn-cgi/scripts/7089c43e/cloudflare-static/rocket-loader.min.js" data-cf-settings="6f2cc84ed21a56e1afac3a6d-|49" defer=""></script></body>
</html>