<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="author" content="">
<meta name="description" content="">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
<link rel="shortcut icon" href="images/favicon.ico">
<meta property="og:url" content="" />
<meta property="og:type" content="website" />
<meta property="og:title" content="" />
<meta property="og:description" content="" />
<meta property="og:image" content="" />
<meta property="fb:app_id" content="" />
<title>Xbox Gift Codes</title>
<!-- CSS -->
<link rel="stylesheet" href="https://cdn.unpacker.org/font-awesome/4.7.0/css/font-awesome.min.css">
<link rel="stylesheet" href="https://cdn.unpacker.org/bootstrap/3.3.7/css/bootstrap.min.css">
<link href="css/animate.min.css" rel="stylesheet">
<link href="css/style.min.css" rel="stylesheet">
</head>
<body>
<!-- header -->
<div id="particles-js"></div>
<!-- header -->
<nav class="navbar navbar-default navbar-fixed-top">
<div class="container">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="index.php">
<a href="index.php"><img class="logo-push" src="images/logo-gift.png" height="32" ></a>
</a>
</div>
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
<ul class="nav navbar-nav">
<li class="active">
<a id="home" href="index.php">Home</a>
</li>
<li>
<a id="generator" href="generator.php">Generator</a>
</li>
<li>
<a id="Contact us" href="contact.php">Contact us</a>
</li>
</ul>
</div>
</div>
</nav>
<!-- card-intro-section -->
<div class="card-intro-section">
<div class="container">
<div class="intro-card-holder">
<div class="row">
<div class="col-md-8 col-md-offset-2">
<div class="img-flex">
<div class="xbox-intro-card-right">
<a href="generator.php"> <img class="img-respo animated slideInLeft" src="images/50-gift.png" alt=""></a>
</div>
<div class="avatar">
<img class="img-respo animated slideInDown" src="images/xbox-avatar.png" alt="">
</div>
<div class="xbox-intro-card-left">
<a href="generator.php"><img class="img-respo animated slideInRight" src="images/100-gift.png" alt=""></a>
</div>
</div>
<img class="img-responsive" src="images/xbox-shelf-no-shadow.png" alt="">
<img src="images/intro-text.png" width="500" class="img-responsive img-btn-text" alt="">
<br>
<a href="generator.php" class="btn btn-default btn-lg btn-block btn-xbox animated shake mainBtn">Click Here <i class="fa fa-chevron-right" aria-hidden="true"></i></a>
</div>
</div>
</div>
</div>
</div>
<div class="section-text-1">
<div class="container">
<!-- h1 -->
<h1 class="h1-section-2 text-center light">Lorem ipsum dolor sit amet.</h1>
<hr>
<div class="regular-holder">
<p class="p-section-2">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ad, nemo itaque nihil iure suscipit quod, sequi tenetur. Architecto, molestias, enim. Autem nisi deserunt laborum distinctio, ex ab veniam earum rerum.Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ad, nemo itaque nihil iure suscipit quod, sequi tenetur. Architecto, molestias, enim. Autem nisi deserunt laborum distinctio, ex ab veniam earum rerum.Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ad, nemo itaque nihil iure suscipit quod, sequi tenetur.</p>
<img src="images/text-btn.png" width="400" class="img-responsive img-btn-text" alt="">
<div class="row">
<div class="col-md-6 col-md-offset-3">
<a href="generator.php" class="btn btn-default btn-lg btn-block btn-xbox helper-brake">Click Here <i class="fa fa-chevron-right" aria-hidden="true"></i></a>
</div>
</div>
</div>
<br>
<h2 class="h2-section-2 text-center light">Lorem ipsum dolor.</h2>
<hr>
<!-- video -->
<div class="row">
<div class="col-md-10 col-md-offset-1">
<div class="well">
<div class="embed-responsive embed-responsive-16by9">
<a id="start" href="#modal-video" data-toggle="modal">
<div class="bw">
<img sizes="100vw" class="img-responsive" src="images/cover.jpg">
</div>
</a>
</div>
</div>
<div class="video-shadow"></div>
</div>
</div>
<!-- h2 -->
<div class="regular-holder">
<div class="row">
<div class="col-xs-12 col-md-8">
<p class="p-section-2">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ad, nemo itaque nihil iure suscipit quod, sequi tenetur. Architecto, molestias, enim. Autem nisi deserunt laborum distinctio, ex ab veniam earum rerum.Lorem ipsum dolor sit amet, consectetur adipisicing elit. </p>
<p class="p-section-2">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ad, nemo itaque nihil iure suscipit quod, sequi tenetur. Architecto, molestias, enim. Autem nisi deserunt laborum distinctio, ex ab veniam earum rerum.Lorem ipsum dolor sit amet, consectetur adipisicing elit. </p>
</div>
<div class="col-xs-12 col-md-4">
<img src="images/section4.jpg" width="100%" alt="...">
</div>
</div>
</div>
</div>
</div>
<div class="section-text-2">
<div class="container">
<!-- h3 -->
<h3 class="h2-section-2 text-center light">Lorem ipsum dolor.</h3>
<hr>
<div class="regular-holder">
<div class="row">
<div class="col-xs-12 col-md-4">
<img src="images/section4.jpg" width="100%" alt="...">
</div>
<div class="col-xs-12 col-md-8">
<p class="p-section-2">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ad, nemo itaque nihil iure suscipit quod, sequi tenetur. Architecto, molestias, enim. Autem nisi deserunt laborum distinctio, ex ab veniam earum rerum.Lorem ipsum dolor sit amet, consectetur adipisicing elit. </p>
<p class="p-section-2">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ad, nemo itaque nihil iure suscipit quod, sequi tenetur. Architecto, molestias, enim. Autem nisi deserunt laborum distinctio, ex ab veniam earum rerum.Lorem ipsum dolor sit amet, consectetur adipisicing elit. </p>
</div>
</div>
</div>
<!-- h4 -->
<h4 class="h2-section-2 text-center light">Lorem ipsum dolor.</h4>
<hr>
<div class="regular-holder">
<div class="row">
<div class="col-xs-12 col-md-8">
<p class="p-section-2">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ad, nemo itaque nihil iure suscipit quod, sequi tenetur. Architecto, molestias, enim. Autem nisi deserunt laborum distinctio, ex ab veniam earum rerum.Lorem ipsum dolor sit amet, consectetur adipisicing elit. </p>
<p class="p-section-2">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ad, nemo itaque nihil iure suscipit quod, sequi tenetur. Architecto, molestias, enim. Autem nisi deserunt laborum distinctio, ex ab veniam earum rerum.Lorem ipsum dolor sit amet, consectetur adipisicing elit. </p>
</div>
<div class="col-xs-12 col-md-4">
<img src="images/section4.jpg" width="100%" alt="...">
</div>
</div>
</div>
<!-- h5 -->
<h5 class="h2-section-2 text-center light">Lorem ipsum dolor.</h5>
<hr>
<div class="regular-holder">
<div class="row">
<div class="col-xs-12 col-md-4">
<img src="images/section4.jpg" width="100%" alt="...">
</div>
<div class="col-xs-12 col-md-8">
<p class="p-section-2">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ad, nemo itaque nihil iure suscipit quod, sequi tenetur. Architecto, molestias, enim. Autem nisi deserunt laborum distinctio, ex ab veniam earum rerum.Lorem ipsum dolor sit amet, consectetur adipisicing elit. </p>
<p class="p-section-2">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ad, nemo itaque nihil iure suscipit quod, sequi tenetur. Architecto, molestias, enim. Autem nisi deserunt laborum distinctio, ex ab veniam earum rerum.Lorem ipsum dolor sit amet, consectetur adipisicing elit. </p>
</div>
</div>
</div>
</div>
</div>
<!-- footer -->
<div class="footer">
<div class="container">
<div class="row">
<div class="col-md-4 col-md-offset-4">
<a class="social-btn" href="#"><i class="fa fa-facebook"></i></a>
<a class="social-btn" href="#"><i class="fa fa-twitter"></i></a>
<a class="social-btn" href="#"><i class="fa fa-google-plus"></i></a>
</div>
</div>
<p class="text-footer">Xbox-Giveaway © 2016. All rights reserved.</p>
</div>
</div>
<!-- modal-video -->
<div class="modal fadebs-example-modal-lg" id="modal-video" tabindex="-1" role="dialog" aria-labelledby="modal-video">
<div class="modal-dialog modal-lg" role="document">
<div class="modal-content">
<div class="modal-body-video">
<div class="embed-responsive embed-responsive-16by9">
<div id="player"></div>
</div>
</div>
</div>
</div>
</div>
<!-- JS -->
<script>
function onYouTubeIframeAPIReady() {
player = new YT.Player("player", {
height: "490",
width: "740",
// video url-id
videoId: "qWWSM3wCiKY",
playerVars: {
autoplay: 0,
controls: 1,
iv_load_policy: 3,
modestbranding: 1,
showinfo: 0
},
events: {
onReady: onPlayerReady
}
})
}
</script>
<script src="https://cdn.unpacker.org/jquery/2.2.4/jquery.min.js"></script>
<script src="https://cdn.unpacker.org/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<script src="scripts/particles.min.js"></script>
<script src="scripts/youtube.min.js"></script>
<script src="scripts/script.beautified.js"></script>
</body>
</html>