/
game.html
144 lines (141 loc) · 5.46 KB
/
game.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
<!DOCTYPE HTML>
<html>
<head>
<title>Mach Brothers Games</title>
<link rel="icon" type="image/png" href="favicon.png" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">
<link href='http://fonts.googleapis.com/css?family=Raleway:300' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Dosis:300' rel='stylesheet' type='text/css'>
<link rel="stylesheet" type="text/css" href="css-reset.css" />
<link rel="stylesheet" type="text/css" href="style.css" />
<link rel="stylesheet" type="text/css" href="fontello.css" />
</head>
<body>
<section class="menuBar">
<header class="mbHeader">
<div class="mbLogo">
</div>
<div class="mbNavicon">
</div>
</header>
<header class="mbBacking">
</header>
<nav class="mbLinks">
<ul class="textLinks">
<li id="game" class="mbTranslucent mbLinkButton hiliteButton" ><a href="game.html">game</a></li>
<li id="blog" class="mbTranslucent mbLinkButton" ><a href="/blog/">blog</a></li>
<li id="about" class="mbTranslucent mbLinkButton" ><a href="about.html">about</a></li>
<li id="contact" class="mbTranslucent mbLinkButton" ><a href="contact.html">contact</a></li>
<li id="icons">
<ul class="iconLinks">
<li id="fb" class="mbTranslucent mbLinkButton" ><a href="https://www.facebook.com/MachBrothersGames" target="_blank"><i class="icon-facebook-squared"></i></a></li>
<li id="twtr" class="mbTranslucent mbLinkButton" ><a href="https://twitter.com/machbrothers" target="_blank"><i class="icon-twitter-squared"></i></a></li>
</ul>
</li>
</ul>
</nav>
</section>
<section class="psPrimary psGame menuBarTrigger" >
<div class="gameSplash ">
<div class="gameSplashContainer">
<div class="gameSplashMediaAside">
<div class="gameSplashGameLogo"></div>
<div class="gameSplashPoints">
<h3> Designed by a "Forbes 30 under 30" in Science </h3>
<h3> Playtested by 100+ in over 5 U.S. cities </h3>
<h3> 2 years in the making </h3>
</div>
</div>
<div class="gameSplashMedia">
</div>
<div class="gameSplashClear">
</div>
</div>
</article>
</section>
<section class="pageContent gameCards">
<article class="gamePicturesCard cardA">
<header>
<h2>pictures</h2>
</header>
<aside class="gameInfo">
Over 100 people of all ages have played "Vikings of Dragonia"! Contact us to play in your area!
</aside>
<div class="pictureSlider slidesjs-control">
<div class="pictureSliderArrow psaLeft slidesjs-previous slidesjs-navigation">
<span> < </span>
</div>
<div class="pictureSliderArrow psaRight slidesjs-next slidesjs-navigation">
<span> > </span>
</div>
<div class="slide">
<img src="slider/image3.jpg">
<div class="caption">
<p>Game Night for 6 - reading the rules</p>
</div>
</div>
<div class="slide">
<img src="slider/image4.jpg">
<div class="caption">
<p>One of our very early prototypes</p>
</div>
</div>
<div class="slide">
<img src="slider/image2.jpg">
<div class="caption">
<p>Come back later for more photos!</p>
</div>
</div>
</div>
</article>
<!-- <article class="gamePlayCard cardB">
<header>
<h2>how to play</h2>
</header>
<aside class="gameInfo">
Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
</aside>
<div class="gameplayMovie">
<h2>media placeholder</h2>
</div>
</article> -->
</section>
<section class="pageContent contactCard">
<article class="signUpCard cardC">
<header>
<h2 id="debug">be the first to know</h2>
</header>
<aside>
Enter your email and be the FIRST to know when we kickstart and inside information about our game development process! We promise to keep emails to a minimum and will not share your emails with others.
</aside>
<aside class="newsletter">
<form class="signupForm" action="http://google.us3.list-manage.com/subscribe/post?u=bb5e2ded30c549b68612e2f24&id=b4932657cb" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate" target="_blank" novalidate>
<fieldset>
<input placeholder="e-mail" type="email" id="mce-email" name="EMAIL" size=20 required/>
<div style="position: absolute; left: -5000px;"><input type="text" name="b_bb5e2ded30c549b68612e2f24_b4932657cb" value=""></div>
<input id="submitDiv" type="submit" name="Submit" value="send" id="submit">
</fieldset>
</form>
</aside>
<footer class="psSecondary"></footer>
</article>
</section>
<div class="copyright">
©2014 MACH BROTHERS. WEBSITE DESIGNED BY <a href="http://www.ryandumlao.com" target="_blank">RD DESIGN</a>
</div>
<!-- <footer class="siteFooter">
©2014 MACH BROTHERS
</footer> -->
</body>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script>
if (!window.jQuery) {
document.write('<script src="js/jquery-1.10.2.min.js"><\/script>');
}
</script>
<script type="text/javascript" src="js/jquery.mobile.custom.min.js"></script>
<script type="text/javascript" src="js/jquery.slides.min.js"></script>
<script type="text/javascript" src="js/waypoints.min.js"></script>
<script type="text/javascript" src="js/script.js"></script>
</html>