/
game-detail.html
72 lines (72 loc) · 3.27 KB
/
game-detail.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
<!DOCTYPE html>
<html>
<head>
<script src="//use.typekit.net/tar7ije.js"></script>
<script>try{Typekit.load();}catch(e){}</script>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-title" content="GamePad">
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
<meta name="mobile-web-app-capable" content="yes">
<meta name="mobile-web-app-title" content="GamePad">
<title>Destiny [Xbox One] — GamePad</title>
<link href="assets/css/style.css" rel="stylesheet" type="text/css">
<link href="assets/img/apple-touch-icon-ipad-retina.png" rel="icon">
</head>
<body>
<div class="container">
<div class="full">
<header class="logo">
<h1><a href="index.html">GamePad</a></h1>
<nav>
<ul>
<li><a href="collection.html"><img src="assets/img/grid.png" alt="Collection"></a></li>
<li><a href="search.html">+</a></li>
</ul>
</nav>
</header>
</div>
<main class="game">
<div class="full">
<header>
<h2>Destiny (Xbox One)</h2>
<p>From the creators of Halo and the publisher of Call of Duty comes Destiny. With an unprecedented variety of FPS gameplay, Destiny promises to deliver an incredible story set within a newly-imagined, always-connected universe filled with action and adventure. <a href="#" class="more">More …</a></p>
<p class="addendum">Everything changed with the arrival of the Traveler. It sparked a Golden Age when our civilization spanned the solar system ... but it didn't last. Something hit us, knocked us down. The survivors built a city beneath the Traveler, and have begun to explore our old worlds, only to find them filled with deadly foes. In Destiny, you are a Guardian of the last safe city on Earth, able to wield incredible power. Defend the City. Defeat our enemies. Reclaim all that we have lost. <a href="#" class="less">— Less</a></p>
</header>
</div>
<div class="container">
<form action="collection.html">
<button>Add to Collection</button>
</form>
<dl>
<dt>Developer:</dt>
<dd>Bungie</dd>
<dt>Publisher:</dt>
<dd>Activision</dd>
<dt>Released:</dt>
<dd>September 9, 2014</dd>
<dt>Platforms:</dt>
<dd>Xbox One, Xbox 360, PS4, PS3</dd>
<dt>Genres:</dt>
<dd>Action, <abbr title="First-Person Shooter">FPS</abbr>, <abbr title="Massive Multiplayer Online Game">MMO</abbr>, <abbr title="Roleplaying Game">RPG</abbr></dd>
<dt>Rating:</dt>
<dd>Teen: Animated Blood, Violence</dd>
</dl>
<footer>
<h3>Similar Games</h3>
<ul>
<li><a href="#"><img src="assets/img/BorderlandsPS-360.jpg" alt="Borderlands: The Pre-Sequel!"></a></li>
<li><a href="#"><img src="assets/img/HaloMCC-XBO.jpg" alt="Halo: The Master Chief Collection"></a></li>
<li><a href="#"><img src="assets/img/Destiny-PS4.jpg" alt="Borderlands: The Pre-Sequel!"></a></li>
<li><a href="#"><img src="assets/img/Destiny-PS3.jpg" alt="Halo: The Master Chief Collection"></a></li>
</ul>
</footer>
</div>
</main>
</div>
<script src="assets/js/jq.js"></script>
<script src="assets/js/ixd.js"></script>
<script src="http://localhost:35729/livereload.js"></script>
</body>
</html>