Notes

<!-- ==========================
Meta Tags
=========================== -->
<meta https-equiv="Content-Type" content="text/html; charset=utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">

<!-- ==========================
Title
=========================== -->
<title>JQPJ</title>
<script src="js/title.js"></script>

<!-- ==========================
Favicons
=========================== -->
<link rel="shortcut icon" href="./favicon.png">
<link rel="apple-touch-icon" href="./icons/apple-touch-icon.png">
<link rel="apple-touch-icon" sizes="72x72" href="./icons/apple-touch-icon-72x72.png">
<link rel="apple-touch-icon" sizes="114x114" href="./icons/apple-touch-icon-114x114.png">

<!-- ==========================
Fonts
=========================== -->
<link href="https://fonts.googleapis.com/css?family=Lato:100,300,400,700,900,100italic,300italic,400italic,700italic,900italic" rel="stylesheet" type="text/css">
<link href="https://fonts.googleapis.com/css?family=Lilita+One" rel="stylesheet" type="text/css">
<link href="https://fonts.googleapis.com/css?family=Alegreya+Sans+SC" rel="stylesheet" type="text/css">
<link href="https://fonts.googleapis.com/css?family=Montserrat" rel="stylesheet" type="text/css">


<!-- ==========================
CSS
=========================== -->
<link href="./css/bootstrap.min.css" rel="stylesheet" type="text/css">
<link href="./css/font-awesome.min.css" rel="stylesheet" type="text/css">
<link href="./css/animate.css" rel="stylesheet" type="text/css">
<link href="./css/creative-brands.css" rel="stylesheet" type="text/css">
<link href="./css/vertical-carousel.css" rel="stylesheet" type="text/css">
<link href="./css/custom.css" rel="stylesheet" type="text/css">
<script src="./js/13071909f2.js"></script><link rel="stylesheet" href="https://use.fontawesome.com/13071909f2.css" media="all">
<script src="video.js"></script>
<!-- ==========================
JS
=========================== -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
<script src="https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script>
<![endif]-->




<video autoplay="" loop="" id="videoPlaying"><source src="videos/pb3.mp4" type="video/mp4"></video>




<div id="main">
<a href="#page-top" class="scroll-up scroll"><i class="fa fa-chevron-up" aria-hidden="true"></i></a>
<h1>JqpJ</h1>

<!-- ==========================
HEADER - START
=========================== -->
<header>
<nav class="navbar navbar-default navbar-fixed-top" role="navigation">
<div class="container">
<!-- Brand and toggle get grouped for better mobile display -->
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#myNavigation"><i class="fa fa-bars" aria-hidden="true"></i></button>
<img src="./Jq.png" class="navbar-logo pull-left" alt="">
<a href="index.html" class="navbar-brand animated flipInX">Jq </a>
</div>
</div><!-- /.container -->
</nav>

<div class="jumbotron">
<div class="social-wrapper">
<ul class="brands brands-inline hidden-xs sp-effect1">
<li><a href="ts3server://ts3.wareacommunity.com" target="_blank"><i class="fa fa-flash hi-icon-effect-8" aria-hidden="true"></i></a></li>
</ul>
<h2>Jq<span class="text_colorb"><span class="text_color">pJ</span></span></h2>
<ul class="brands brands-inline hidden-xs sp-effect2">
<li><a href="https://steamcommunity.com/id/-Jq-" target="_blank"><i class="fa fa-steam" aria-hidden="true"></i></a></li>
</ul>
</div>
<!-- Slideshow start -->
<div id="slideshow" class="carousel slide vertical sp-effect3" data-ride="carousel">
<div>
<h3>We<span class="text_colorb"> <span class="text_colorw">Will<span class="text_colorb"> <span class="text_color">Bang You<span class="text_colorb"> <span class="text_colorw">Up<h3>
</h3></span></span></span></span></span></span></h3></div>
<div class="carousel-inner">
<!-- Slideshow item 1 active -->
<div class="item"><a href="https://steamcommunity.com/id/Wicaowin" target="_blank"><h3>Wicaowin <i class="fa fa-crosshairs icon" aria-hidden="true"></i></h3></a></div>
<!-- Slideshow item 2 -->
<div class="item"><a href="https://steamcommunity.com/id/Cearess" target="_blank"><h3>Ceares <i class="fa fa-bomb icon" aria-hidden="true"></i></h3></a></div>
<!-- Slideshow item 3 -->
<div class="item active left"><a href="https://steamcommunity.com/id/eraymuz" target="_blank"><h3>Gravity <i class="fa fa-bug icon" aria-hidden="true"></i></h3></a></div>
<!-- Slideshow item 4 -->
<div class="item next left"><a href="https://steamcommunity.com/id/bozokdabest" target="_blank"><h3>Bozokhan <i class="fa fa-gg icon" aria-hidden="true"></i></h3></a></div>
</div>
</div>
<!-- Slideshow end -->
<a href="https://steamcommunity.com/groups/warea" target="_blank" class="btn btn-reference btn-lg scroll sp-effect2" role="button"><i class="fa fa-hashtag" aria-hidden="true"></i> 16pix Gang</a>
</div>
</header>

<script src="./js/jquery-latest.min.js"></script>
<script src="./js/bootstrap.min.js"></script>
<script src="./js/jquery.magnific-popup.min.js"></script>
<script src="./js/creative-brands.js"></script>
<script src="./js/jquery.easy-pie-chart.js"></script>
<script src="./js/modernizr.custom.js"></script>
<script src="./js/waypoints.min.js"></script>
<script src="./js/jquery.countTo.js"></script>
<script src="./js/jqBootstrapValidation.js"></script>
<script src="./js/custom.js"></script>
<script>
$(function () {
$("input,textarea").jqBootstrapValidation({
preventSubmit: true,

submitSuccess: function($form, event) {
event.preventDefault(); // prevent default submit behaviour
// get values from FORM
var firstname = $("input#firstname").val();
var lastname = $("input#lastname").val();
var email = $("input#email").val();
var message = $("textarea#message").val();

$.ajax({
url: "send.php",
type: "POST",
data: {
firstname: firstname,
lastname: lastname,
email: email,
message: message
},
cache: false,
success: function() {
// Success message
$('.contact-alert').html("<div class='alert alert-success'>");
$('.contact-alert > .alert-success').html("<button type='button' class='close' data-dismiss='alert' aria-hidden='true'><i class='fa fa-times'></i></button><strong>Your message has been sent.</strong></div>");
//clear all fields
$('#contactForm').trigger("reset");
},
error: function() {
// Fail message
$('.contact-alert').html("<div class='alert alert-danger'>");
$('.contact-alert > .alert-danger').html("<button type='button' class='close' data-dismiss='alert' aria-hidden='true'><i class='fa fa-times'></i></button><strong>Sorry, it seems that my mail server is not responding. Please try again later!</strong></div>");
//clear all fields
$('#contactForm').trigger("reset");
},
})
}
});
});
</script>


<noscript>&lt;i&gt;Javascript required&lt;/i&gt;</noscript>

</div></body></html>