-
Notifications
You must be signed in to change notification settings - Fork 0
/
about.html
145 lines (126 loc) · 5.07 KB
/
about.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
132
133
134
135
136
137
138
139
140
141
142
143
144
145
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Defiant Development - About us</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="https://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>
<style>
.navigation-background {
background-color: #000;
}
.about-background{
background-image: url('img/about-background-image.jpeg');
background-size: cover;
background-position:center;
padding:50px;
height: 100%;
}
.about-box {
width:auto; height:auto; background-image: url('img/mobile-about-content_06.png');
background-size: cover;
background-position: center;
background-repeat: repeat;
margin:0 auto;
padding:40px;
color:#fff;
min-height:707px;
line-height: 1.5;
}
.border-top {
border-top: 1px solid #fff;
width:185px;
margin-top: 40px;
}
.white {
color: #fff;
}
.sticky-footer {
height: 100%;
padding-bottom: 130px;
}
.sticky-footer-pos {
margin-top: -130px;
}
@media screen and (max-width: 2560px){
.about-box {width:563px;}
}
@media screen and (max-width: 1440px){
.about-box {width:500px;}
#container {height:auto;}
.about-background {height: auto;}
}
@media screen and (max-width: 700px){
.about-box {width:auto; height:auto;}
}
.aboutHeader {
font-size: 2.5rem;
text-transform: uppercase;
color: #fff;
margin: 0 0 10px;
}
</style>
<body class="aboutPage">
<div id="container">
<div class='sticky-footer'>
<div class="navigation-background">
<div class="navigation">
<nav>
<a href='index.php'>
<img class="mobile-logo" src="img/logo.png" alt='defiant development logo'>
</a>
<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>
<div class='about-background'>
<div class='about-box'>
<div class='white-border'>
<h1 class='aboutHeader'>About</h1>
</div>
<div class=''>
<p>Defiant Development is an independent game development studio founded in 2010 by a bunch of grizzled industry veterans seeking a better life. We believe that in order to make great games, you put together a great team and give them a great place to work. Defiant is based out of Brisbane, Australia, because the fantastic weather makes up for the global isolation.</p>
</div>
<div class='white-border'>
<h2 class='aboutHeader'>Our Games</h2>
</div>
<div class=''>
<p>Defiant has developed a range of games for mobile, PC, Augmented Reality and console platforms. You might know us from Rocket Bunnies (iOS and Android), Ski Safari (iOS and Android), Heroes Call (iOS and Android) or Hand of Fate (PC, PS4 and Xbox One).<br><br>
Our games are born from the passions of our team, and right now our team is really into boardgames. Ask us about our collection some time. </p>
</div>
</div>
</div>
</div>
<footer class='sticky-footer-pos'>
<div class="footer-container-hof2">
<img class="footer-logo" src="img/footerlogo.png">
<div class="footer-text">
Copyright 2016 Defiant Development
</div>
</div>
</footer>
</div>
</body>