-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
101 lines (94 loc) · 4.81 KB
/
index.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
<!DOCTYPE html>
<html lang="en">
<head>
<!-- Meta Data -->
<meta charset="utf-8">
<title>Defiant Development</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 href="https://fonts.googleapis.com/css?family=Oswald:400,700|Oxygen:400,700" rel="stylesheet">
<link rel="stylesheet" href="css/reset.css">
<link rel="stylesheet" href="css/normalize.css">
<link rel="stylesheet" href="css/styles.css">
<link rel="stylesheet" href="css/changes_fae.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.4/jquery.min.js"></script>
</head>
<body> <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">
<div class="leftQuote">
<div class="quoteHolder">
"Hand of Fate might just be one of the most instantly-atmospheric games this reviewer has ever encountered"
<a href="http://gameplanet.com.au/pc/reviews/g54f525d828582/Hand-of-Fate-review">- Chris Brown, Game Planet</a>
</div>
</div>
<div class="landingImage">
<img src="img/landing.png" alt="landing image" />
</div>
<div class="rightQuote">
<div class="quoteHolder">
"Defiant Deals a Winning Hand"
<a href="http://gameinformer.com/games/hand_of_fate/b/pc/archive/2015/02/16/defiant-deals-a-winning-hand.aspx">- Daniel Tack, Game Informer</a>
</div>
</div>
</div>
<div class='home-background'>
<div class="container">
<div class="twitter-title">Latest Tweets
<div class="twitter-container">
<a class="twitter-timeline" data-width="400" data-height="700" data-theme="dark" data-link-color="#a02626" href="https://twitter.com/DefiantDev">Tweets by DefiantDev</a> <script async src="//platform.twitter.com/widgets.js" charset="utf-8"></script>
</div>
</div>
<div class="blog">
<div class="blog-box-heading">Latest News</div>
<div class="blog-entry-container">
<article>
<div class="blog-title">
Welcome </div>
<div class="blog-date">Posted <time datetime="2016-08-31T20:54:55+10:00">
2 days ago</time>.
</div>
<div class="blog-content">
<p>Welcome to the Defiant Development blog! Now that we're a fair chunk of the way through production with Hand of Fate 2, we figured it was time to stop playing our cards so close to our chest. Watch this space to receive regular updates on the dev process, and to learn more about the exciting new features and improvements being built for the sequel. We're extremely proud of how HoF2 is shaping up, and we can't wait to share it with you.</p?
<p>-Defiant</p> </div>
<img class="bottom-blog-border" src="img/border.png">
</article>
<ul class="items">
</div>
</div>
<div class="twitter-title mobile-twitter">Latest Tweets
<div class="twitter-container">
<a class="twitter-timeline" data-width="400" data-height="700" data-theme="dark" data-link-color="#a02626" href="https://twitter.com/DefiantDev">Tweets by DefiantDev</a> <script async src="//platform.twitter.com/widgets.js" charset="utf-8"></script>
</div>
</div>
<div class='clear-float'></div>
<footer>
<div class="footer-container">
<img class="footer-logo" src="img/footerlogo.png">
<div class="footer-text">
Copyright 2016 Defiant Development
</div>
</div>
</footer>
</div>
</div>
</body>