-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathhof2.html
131 lines (120 loc) · 6.05 KB
/
hof2.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
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
<!DOCTYPE html>
<html lang="en">
<head>
<!-- Meta Data -->
<meta charset="utf-8">
<title>Defiant Development - Hand of Fate 2</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta property="og:title" content="Defiant Development" />
<meta property="og:description" content="Defiant is composed of a veteran team of game developers doing what we do best: creating engaging, innovative, and enjoyable experiences." />
<meta property="og:image" content="img/ogimage.jpg" />
<meta name="keywords" content="Defiant,Dev,indie,games,game,steam,xbox,ps4">
<meta name="author" content="Matthew Neal, Tatiana Roga, Alex Murphy, Fae Daunt">
<link rel="shortcut icon" href="img/favicon.png" type="image/x-icon">
<link rel="icon" href="img/favicon.png" type="image/x-icon">
<link rel="stylesheet" href="css/reset.css">
<link rel="stylesheet" href="css/normalize.css">
<link rel="stylesheet" href="css/magnific-popup.css">
<link rel="stylesheet" href="css/card.css">
<link rel="stylesheet" href="css/styles.css">
<link rel="stylesheet" href="css/changes_fae.css">
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script src="js/jquery.magnific-popup.min.js"></script>
<link href="https://fonts.googleapis.com/css?family=Oswald:400,700|Oxygen:400,700" rel="stylesheet">
</head>
<body>
<div id="container">
<div id="cardCont"></div>
<div id="constraint">
<div class="navigation">
<nav>
<span class="logoCont">
<img class="mobile-logo" src="img/logo.png">
</span>
<ul class="nav-flex">
<li><a href="http://defiantdev.com/"><img class="nav-logo" src="img/logo.png"></a></li>
<li ><a class="nav-button-small" href="http://defiantdev.com/">NEWS</a></li>
<li ><a class="nav-button-small" href="hof1.html">H<span class="desktop">AND </span>O<span class="desktop">F </span>F<span class="desktop">ATE </span>1</a></li>
<li ><a class="nav-button-small" href="hof2.html">H<span class="desktop">AND </span>O<span class="desktop">F </span>F<span class="desktop">ATE </span>2</a></li>
<li ><a class="nav-button-small" href="about.html">ABOUT</a></li>
<li ><a class="nav-button-small" href="presskit/">PRESSKIT</a></li>
</ul>
</nav>
</div>
<div class="landing-hof-2">
<img class="hof-2-logo" src="img/hof2logo.png">
</div>
<div class="full-width-gradient"></div>
<div class="trailer-box">
<div class="youtube-trailer-box-hof2">
<iframe class="youtube-iframe" src="https://www.youtube.com/embed/5-WRqGTQBzk" frameborder="0" allowfullscreen></iframe>
</div>
<div class="trailer-text-area">
<h2>TRAILER</h2>
<p class="red-text">The dealer has clawed his way back beyond the thirteen gates to seek his revenge!</p>
<p class="red-text">The table has changed, yet the stakes remain the same: life or death!</p>
</div>
</div>
<div class="overview-container">
<div class="trailer-text-area overview">
<h3 class="white-border">OVERVIEW</h3>
<p class="white-text">Beyond the thirteen gates at the end of the world, the game of life and death is played. Draw your cards, play your hand, and discover your fate.</p>
<p class="white-text white-border-bottom">Hand of Fate Combines the strategic decisions of deck-building with the choice and consequence of a rogue-like and the intense combat of an action RPG, all overseen by the Dealer, the mysterious and charismatic game master daring you to challenge him.</p>
</div>
<div class="girl"> </div>
</div>
<div class="screenshots-section">
<div class="shaman"> </div>
<div class="screenshot-flex">
<a class="image-popup-no-margins" href="img/screenshots/1.jpg">
<img class="responsive-image" src="img/screenshots/1sm.jpg">
</a>
<a class="image-popup-no-margins" href="img/screenshots/2.jpg">
<img class="responsive-image" src="img/screenshots/2sm.jpg">
</a>
<a class="image-popup-no-margins" href="img/screenshots/3.jpg">
<img class="responsive-image" src="img/screenshots/3sm.jpg">
</a>
<a class="image-popup-no-margins" href="img/screenshots/4.jpg">
<img class="responsive-image" src="img/screenshots/4sm.jpg">
</a>
<a class="image-popup-no-margins" href="img/screenshots/5.jpg">
<img class="responsive-image" src="img/screenshots/5sm.jpg">
</a>
<a class="image-popup-no-margins" href="img/screenshots/6.jpg">
<img class="responsive-image" src="img/screenshots/6sm.jpg">
</a>
</div>
</div>
<div class="key-features-container">
<div class="trailer-text-area overview">
<h3 class="white-border-under">KEY FEATURES</h3>
<p class="white-text">A brand new map based meta-game, brimming with exciting new challenges</p>
<p class="white-text">Adopt new combat styles like dual-wielding, and heft two-handed heavy arms.</p>
<p class="white-text">Engage new foes united by all-ew card suits. Cross swords with the well-trained Imperial forces of the Steel Suit, or strike down the corrupted mutants of Blight.</p>
<p class="white-text white-border-bottom">Team up with companion characters who provide combat support, mini-game perks and who can influence the player's story in unpredictable ways.</p>
</div>
</div>
<div class="coming-soon-container">
<div class="coming-soon">COMING SOON</div>
<div class="platform-flex">
<div class="platform-flex">
<span class="platform-item" ><img src="img/steam.png"></span>
<span class="platform-item" ><img src="img/gog_logo.png"></span>
<span class="platform-item" ><img src="img/ps4.png"></span>
<span class="platform-item" ><img src="img/xbox.png"></span>
</div>
</div>
</div>
<footer>
<div class="footer-container-hof2">
<img class="footer-logo" src="img/footerlogo.png">
<div class="footer-text">
Copyright 2016 Defiant Development
</div>
</footer>
</div>
</div>
</body>
<script src="js/popup.js"></script>
<script src="js/experiment.js" type="text/javascript" charset="utf-8"></script>