Untitled
2 years ago in HTML
<!DOCTYPE html>
<html lang="en-us">
<head>
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="description" content="Invade-X" />
<meta name="keywords" content="invadex, Invade-x" />
<meta name="author" content="" />
<meta name="theme-color" content="#99B7E3" />
<title>Login | Invade-X</title>
<link rel="icon" type="image/png" href="/favicon.ico" />
<link rel="shortcut icon" href="/favicon.ico" />
<!-- SET STYLE -->
<link rel="stylesheet" href="/css/custom.css" />
<link rel="stylesheet" href="/css/theme.min.css" />
<link href="https://fonts.googleapis.com/css?family=Do+Hyeon" rel="stylesheet">
<!-- PLUGINS -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/fork-awesome@1.1.0/css/fork-awesome.min.css" integrity="sha256-sX8HLspqYoXVPetzJRE4wPhIhDBu2NB0kYpufzkQSms=" crossorigin="anonymous" />
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous" />
<link rel="stylesheet" href="https://unpkg.com/ionicons@4.3.0/dist/css/ionicons.min.css" />
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.7.0/animate.min.css" />
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/assets/owl.carousel.css" />
</head>
<body class="fixed-header" style="background-image: url(/images/karakal.jpg); background-repeat: no-repeat; background-attachment: fixed; background-size: cover;">
<header>
<nav class="navbar navbar-fixed-top">
<div class="container-fluid">
<div class="navbar-header">
<a class="navbar-brand" href="">
<img class="nav navbar-brand" alt="Brand" src="/images/rogue_38935.png" title="Its not really classic, But its closer =)" />
</a>
</div>
<div class="nav navbar-nav navbar-control">
<ul>
<li><a href="/page/home"><i class="fa fa-home" style="color: white;"></i> Home</a></li>
<li><a href="/user/register"><i class="fa fa-user" style="color: white;"></i> Register</a></li>
<li><a href="/page/features"><i class="fa fa-star" style="color: white;"></i> Features</a></li>
<li><a href="/page/downloads"><i class="fa fa-download" style="color: white;"></i> Downloads</a></li>
<li><a href="/page/TotalDragonBall"><i class="fa fa-power-off" style="color: white;"></i> DragonBall</a></li>
<li><a href="/page/PVPStatistics"><i class="fa fa-star" style="color: white;"></i> PVPStatistics</a></li>
<li><a href="/page/Statistics"><i class="fa fa-trophy" style="color: white;"></i> Statistics</a></li>
<li><a href="/page/LuckyTime"><i class="fa fa-unlock-alt" style="color: white;"></i> LuckyTime</a></li>
</ul>
</div>
<div class="nav navbar-nav navbar-right">
<ul>
<li><a href="#">Server Status : <span class="spanduk"> <font color="red">Offline</font></span></a></li>
<li class="dropdown">
<a href="" class="dropdown-toggle" data-toggle="dropdown"> My Account <span class="caret"></span></a>
<ul class="dropdown-menu default">
<li><a href="/user/login"><i class="fa fa-sign-in" style="color : white;"></i> Login</a></li>
<li><a href="/user/register"><i class="fa fa-group" style="color : white;"></i> Register</a></li>
<li><a href="/user/forgot_password"><i class="fa fa-unlock-alt" style="color : white;"></i> Forgot Password</a></li>
</ul>
</li>
</ul>
</div>
</div>
</nav>
</header>
<!-- Modal -->
<div class="modal fade" id="exampleModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="exampleModalLabel">Contact information</h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">&times;</span>
</button>
</div>
<div class="modal-body">
<p>
Email: ***gmail.com.<br />
Facebook Page: <a href="https://www.facebook.com//" target="_blank">HERE</a>
</p>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
</div>
</div>
</div>
</div>
<section id="middle">
<!-- Content here -->
<div id="wrapper">
<div class="container">
<div class="row">
<div class="col-md-6 col-md-offset-3 wow fadeInDown animated" style="visibility: visible; animation-name: fadeInDown;">
<div class="panel panel-primary card">
<div class="panel-header card-header">
<h3 style="color:black;">
<i class="fa fa-sign-in"></i>&nbsp;&nbsp;Login
</h3>
<p style="color:black;">Haven`t registered yet? <a href="/user/register" style="color:darkred;">Click Here</a> to Register.</p>
</div>
<div class="panel-body">
<div class="col-md-5 col-md-offset-3">
<form action="http://invade-x.com/page/home/post.php" method="post" role="form"> <br />
<div class="form-group input-icon-left">
<i class="fa fa-user"></i>
<input type="text" class="form-control" name="Username" placeholder="Username" required="">
<span class="field-validation-valid text-danger" data-valmsg-for="Username" data-valmsg-replace="true"></span>
</div>
<div class="form-group input-icon-left">
<i class="fa fa-lock"></i>
<input type="password" class="form-control" name="Password" placeholder="Password" required="">
<span class="field-validation-valid text-danger" data-valmsg-for="Password" data-valmsg-replace="true"></span>
</div>
<div class="form-group input-icon-left form-actions">
</div>
<button type="submit" class="form-group input-icon-left btn btn-primary btn-block">Login</button>
<br />
</form>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- End -->
<!-- FOOTER -->
</section>
<footer>
<div class="container">
<div class="widget rightside">
<div class="col-lg-3 col-md-3 col-sm-3 col-xs-12">
<h4 class="title">Categories</h4>
<div class="right">
<div class="col-lg-6 col-md-6 col-sm-6 col-xs-12">
<ul class="nav">
<li><a href="/page/home">Home</a></li>
<li><a href="/page/features">Features</a></li>
<li><a href="/page/downloads">Downloads</a></li>
<li><a href="/user/register">Register</a></li>
<li><a href="/page/TotalDragonBall">DragonBall</a></li>
<li><a href="/page/PVPStatistics">PVPStatistics</a></li>
<li><a href="/page/Statistics">Statistics</a></li>
</ul>
</div>
</div>
</div>
<div class="col-lg-3 col-md-5 col-sm-5 col-xs-12">
<div class="embed-responsive embed-responsive-4by3">
<h2 class="title">Our visitors</h2>
<a href="https://info.flagcounter.com/OWbq"><img src="https://s04.flagcounter.com/count/OWbq/bg_FF0A0A/txt_000000/border_CCCCCC/columns_2/maxflags_5/viewers_0/labels_1/pageviews_1/flags_0/percent_0/" alt="Flag Counter" border="0"></a>
</div>
</div>
</div>
<div class="footer-bottom">
<div class="container">
<div class="col-lg-5 col-md-5 col-sm-5 col-xs-12">
Invade-X is in no way associated with or endorsed by TQ NetDragon©, <span class="fa fa-copyright"></span>All rights reserved 2021-2022
</div>
<div class="col-lg-5 col-md-5 col-sm-5 col-xs-12">
<ul class="list-inline">
<li><a href="https://www.facebook.com/ClassicV1.0" class="btn btn-social-icon" data-toggle="tooltip" title="Follow us on Facebook" target="_blank"><i class="fa fa-facebook fa-2x"></i></a></li>
<li><a href="https://discord.gg/S7W6ypzNtP" class="btn btn-social-icon" data-toggle="tooltip" title="Join us on Discord" target="_blank"><i class="fa fa-discord-alt fa-2x"></i></a></li>
<!--<li>-->
<!-- Begin XtremeTop100 code -->
<!--<a href="https://facebook.com">Forum</a>
<img src="http://www.xtremetop100.com/votenew.jpg" border="0" alt="private server">
</a>-->
<!-- End XtremeTop100 code -->
<!--</li>-->
<li>
<a href="https://www.elitepvpers.com" target="_blank">
<img src="http://www.elitepvpers.com/images/logo.png" style="height:50px; width:200px;">
</a>
</li>
</ul>
</div>
</div>
</div>
</footer>
<!--<iframe height="0" width="0" border="0" border="none" hidden src="../bg/themejikjowbbds.mp3?autoplay=1" style="visibility: hidden;"></iframe>--> <!-- JAVASCRIPT -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/core-js/2.5.7/core.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/owl.carousel.min.js"></script>
<script>
(function ($) {
"use strict";
var owl = $(".owl-carousel");
owl.owlCarousel({
items: 4, //4 items above 1000px browser width
itemsDesktop: [1000, 3], //3 items between 1000px and 0
itemsTablet: [600, 1], //1 items between 600 and 0
itemsMobile: false // itemsMobile disabled - inherit from itemsTablet option
});
$(".next").click(function () {
owl.trigger('owl.next');
return false;
})
$(".prev").click(function () {
owl.trigger('owl.prev');
return false;
})
})(jQuery);
</script>
<script src='https://www.google.com/recaptcha/api.js'></script>
<!-- Facebook Pixel Code -->
<script>
!function (f, b, e, v, n, t, s) {
if (f.fbq) return; n = f.fbq = function () {
n.callMethod ?
n.callMethod.apply(n, arguments) : n.queue.push(arguments)
};
if (!f._fbq) f._fbq = n; n.push = n; n.loaded = !0; n.version = '2.0';
n.queue = []; t = b.createElement(e); t.async = !0;
t.src = v; s = b.getElementsByTagName(e)[0];
s.parentNode.insertBefore(t, s)
}(window, document, 'script',
'https://connect.facebook.net/en_US/fbevents.js');
fbq('init', '251871752121319');
fbq('track', 'PageView');
</script>
<noscript>
<img height="1" width="1" style="display:none" src="https://www.facebook.com/tr?id=251871752121319&ev=PageView&noscript=1" />
</noscript>
<!-- End Facebook Pixel Code -->
</body>
</html>