-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
135 lines (108 loc) · 5.46 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
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
<!DOCTYPE html>
<html lang="en">
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<meta charset="utf-8">
<title>Meego Studios</title>
<meta name="generator" content="Bootply" />
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<link href="css/bootstrap.min.css" rel="stylesheet">
<link href="//netdna.bootstrapcdn.com/font-awesome/3.2.1/css/font-awesome.min.css" rel="stylesheet">
<link href="css/styles.css" rel="stylesheet">
</head>
<!-- =====================================================================-->
<div class="header vert">
<div class="container">
<div class="col-md-6 col-md-offset-3 text-center">
<h1>Flipping<br />Alien</h1>
<p class="lead">It's hard. It's flipping hard!</p>
<!-- <div> </div>
<a href="#" class="btn btn-default btn-lg">Download Now</a> -->
<a href="https://appsto.re/ca/dIOF9.i"><img src="img/AppStoreIcon2.png"></img></a>
</div>
</div>
</div>
<!-- =====================================================================-->
<!-- Marketing messaging and featurettes-->
<!-- =====================================================================-->
<!-- START THE FEATURETTES -->
<div class="container marketing">
<div class="featurette">
<h2 class="featurette-heading text-left">At First. <span class="text-muted">It'll seem like any other game.</span></h2>
<p class="lead text-left">Jump on bricks. Avoid falling. Easy, right?</p>
<img class="featurette-image img-circle pull-right" src="img/Level1.png">
</div>
<hr class="featurette-divider">
<div class="featurette">
<h2 class="featurette-heading text-right">But Oh Boy. <span class="text-muted">You're so wrong.</span></h2>
<p class="lead text-right">It's an alien planet with alien gravity. Duh!</p>
<img class="featurette-image img-circle pull-left" src="img/Level2.png">
</div>
<hr class="featurette-divider">
<div class="featurette">
<h2 class="featurette-heading text-left">And Just When You Think <span class="text-muted">"I got this."</span></h2>
<p class="lead text-left">The weather changes like you're in Canada!</p>
<img class="featurette-image img-circle pull-right" src="img/Level3.png">
</div>
</div>
<!-- /END THE FEATURETTES -->
<!-- =====================================================================-->
<!-- Download Section -->
<section class="success" id="about">
<div class="container">
<div class="row">
<div class="col-lg-12 text-center">
<h2>Download it now</h2>
<hr class="star-light">
</div>
</div>
<div class="row">
<div class="col-lg-8 col-lg-offset-2 text-center">
<a href="https://appsto.re/ca/dIOF9.i"><img src="img/AppStoreIcon2.png"></img></a>
</div>
</div>
</div>
</section>
<!-- =====================================================================-->
<!-- Footer -->
<footer class="text-center">
<div class="footer-above">
<div class="container">
<div class="row">
<div class="footer-col col-md-4">
<h4>Made by</h4>
<a><img src="img/Meego-Studios.png"></img></a>
<!-- <p>3481 Melrose Place<br>Beverly Hills, CA 90210</p> -->
</div>
<div class="footer-col col-md-4">
<br /><br /><br />
<h4>Follow me</h4>
<ul class="list-inline">
<a href="https://twitter.com/melegy_el" class="twitter-follow-button" data-show-count="false" data-size="large">Follow @melegy_el</a>
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+'://platform.twitter.com/widgets.js';fjs.parentNode.insertBefore(js,fjs);}}(document, 'script', 'twitter-wjs');</script>
<!-- <li><a href="http://www.twitter.com/melegy_el"><i class="icon-twitter icon-2x"></i><br />@melegy_el</a></li> -->
</ul>
</div>
<div class="footer-col col-md-4">
<br /><br /><br /><br /><br />
<p>Built with <i class="icon-heart-empty"></i> in Canada</a>.<br>Copyright © 2015 Meego Studios
<br>Website by <a href="http://foudamo.ca">Mohamed Fouda</a></p>
</div>
</div>
<!-- Scroll to Top Button (Only visible on small and extra-small screen sizes) -->
<!-- <ul class="nav pull-right scroll-down visible-xs visible-sm">
<li><a href="#" title="Scroll down"><i class="icon-chevron-down icon-2x"></i></a></li>
</ul> -->
<ul class="nav pull-right scroll-top visible-xs visible-sm">
<li><a href="#" title="Scroll to top"><i class="icon-chevron-up icon-2x"></i></a></li>
</ul>
</div>
</div>
</footer>
<!-- ========================================================================================= -->
<!-- script references -->
<script src="//ajax.googleapis.com/ajax/libs/jquery/2.0.2/jquery.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/scripts.js"></script>
</body>
</html>