Skip to content
Permalink
master
Switch branches/tags

Name already in use

A tag already exists with the provided branch name. Many Git commands accept both tag and branch names, so creating this branch may cause unexpected behavior. Are you sure you want to create this branch?

khx/index.html

Go to file
 
 
Cannot retrieve contributors at this time
161 lines (137 sloc) 8.34 KB
Raw Blame
Open in GitHub Desktop
<!doctype html>
<html class="no-js" lang="">
<head>
<meta charset="utf-8">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<title>Kingdom Hearts Unchained X</title>
<meta name="description" content="">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="apple-touch-icon" href="apple-touch-icon.png">
<!-- Place favicon.ico in the root directory -->
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
<link href="https://fonts.googleapis.com/css?family=Lora|Source+Sans+Pro" rel="stylesheet">
<link rel="stylesheet" href="css/normalize.css">
<link rel="stylesheet" href="css/main.css">
<script src="js/vendor/modernizr-2.8.3.min.js"></script>
</head>
<body>
<!--[if lt IE 8]>
<p class="browserupgrade">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> to improve your experience.</p>
<![endif]-->
<!-- Add your site or application content here -->
<div class="controls row">
</div>
<video muted autoplay id="vid">
<source src="img/khxIntro.mp4" type="video/mp4">
</video>
<div class="btn btn-default hidden-lg hidden-md" id="app-store" ><a href="https://itunes.apple.com/us/app/kingdom-hearts-unchained-ch/id1086859120?mt=8"><img src="img/appstore.png" alt="Download on the App Store"></a></div>
<div class="btn btn-default hidden-lg hidden-md" id="google-play" ><a href="https://play.google.com/store/apps/details?id=com.square_enix.android_googleplay.khuxww&hl=en"><img src="img/googleplay.png" alt="Download on Google Play"></a></div>
<div id="container" class="row">
<img class="full-width" src="img/border-green.png">
<blockquote id="prophecy">The fated land will be the battleground for a great war. Light will see defeat and expire, while darkness prevails evermore.</blockquote>
<div class="game-intro col-xs-12">
<h1>KINGDOM HEARTS UNCHAINED X</h1>
<p>The universe needs new heroes. Darkness spreads throughout every world. Only a keyblade master can defeat this evil. Become the hero the world needs and protect the Light</p>
<p>Experience the beloved franchise on a mobile stage in a new Multi-Player Interactive RPG.</p>
</div>
<div id="demo" class="carousel slide col-xs-12 row" data-ride="carousel">
<div class="carousel-inner col-xs-12 row" role="listbox">
<div class="item row active">
<div class="title col-xs-12">
<h2>MEET DISNEY CHARACTERS</h2>
</div>
<div class="img-contain col-xs-12 col-md-6">
<img src="img/screen-1.png" alt="Travel to Worlds and Help Disney Characters">
</div>
<div class="text col-xs-12 col-md-6">
<p>As Darkness spreads through every land, there will people in need of your help. Alongside your guide, visit worlds often to save as many as you can. New friends reside in each one to help you out.</p>
</div>
</div>
<div class="item row">
<div class="title col-xs-12">
<h2 class=>CUSTOMIZE YOUR AVATAR</h2>
</div>
<div class="img-contain col-xs-12 col-md-6">
<img src="img/screen-2.png" alt="Customize your Avatar Anytime">
</div>
<div class="text col-xs-12 col-md-6">
<p>With thousands of options in hair styles, clothes, and accessories, change your look with tap of the screen. Choose from pre-set styles and character designs, or create your own style.</p>
</div>
</div>
<div class="item row">
<div class="title col-xs-12">
<h2 class=>GAIN NEW STRENGTH</h2>
</div>
<div class="img-contain col-xs-12 col-md-6">
<img src="img/screen-3.png" alt="Call on the Powers of your Friends">
</div>
<div class="text col-xs-12 col-md-6">
<p> In the form of medals, utilize Disney and Final Fantasy characters to attackt the Heartless. Evolve your medals to gain even greater strength. Fight alongside your Party. Your friends are your power. </p>
</div>
</div>
</div>
<ol class="carousel-indicators">
<li data-target="#demo" data-slide-to="0" class="active"></li>
<li data-target="#demo" data-slide-to="1"></li>
<li data-target="#demo" data-slide-to="2"></li>
</ol>
<a class="left" href="#demo" role="button" data-slide="prev">
<span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
<span class="sr-only">Previous</span>
</a>
<a class="right" href="#demo" role="button" data-slide="next">
<span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
<span class="sr-only">Next</span>
</a>
<img class="part-width" src="img/border-green.png">
</div>
<footer class="col-xs-12">
<a href="http://na.square-enix.com/us/home" class="company">
<img src="img/Square_Enix_Logo.png">
</a>
<a href="http://www.disney.com/" id="disney" class="company">
<img src="img/Disney_Logo.png">
</a>
<br>
<a href="https://www.facebook.com/Kingdom-HeartsUnchained-X-English-408728216000035/" class="social">
<img src="img/facebook.png">
</a>
<img src="img/crown.png">
<a href="https://twitter.com/kh_ux_na" class="social">
<img src="img/twitter.png">
</a>
<img src="img/crown.png">
<a href="https://www.youtube.com/channel/UCH01EqN_4ZTvrRUWVoY77xg" class="social">
<img src="img/youtube.png">
</a>
</footer>
</div>
<script type="text/javascript">
var video = document.getElementById("vid");
video.addEventListener("timeupdate", function(){
if(this.currentTime >= 40.25) {
this.pause();
document.getElementById('google-play').className="btn btn-default";
document.getElementById('app-store').className="btn btn-default";
}
});
video.onclick = function () {
video.play();
}
</script>
<script src="https://code.jquery.com/jquery-1.12.0.min.js"></script>
<script>window.jQuery || document.write('<script src="js/vendor/jquery-1.12.0.min.js"><\/script>')</script>
<script src="js/plugins.js"></script>
<script src="js/main.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>
<!-- Google Analytics: change UA-XXXXX-X to be your site's ID. -->
<script>
(function(b,o,i,l,e,r){b.GoogleAnalyticsObject=l;b[l]||(b[l]=
function(){(b[l].q=b[l].q||[]).push(arguments)});b[l].l=+new Date;
e=o.createElement(i);r=o.getElementsByTagName(i)[0];
e.src='https://www.google-analytics.com/analytics.js';
r.parentNode.insertBefore(e,r)}(window,document,'script','ga'));
ga('create','UA-XXXXX-X','auto');ga('send','pageview');
</script>
</body>
</html>