forked from udacity/frontend-nanodegree-mobile-portfolio
-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
131 lines (119 loc) · 3.6 KB
/
Copy pathindex.html
File metadata and controls
131 lines (119 loc) · 3.6 KB
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>
<head>
<meta charset="utf-8" />
<title>Super Leo D.</title>
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
<style type="text/css">
#featured {
width:900px !important;
height:500px !important;
}
</style>
<link rel="stylesheet" href="orbit/orbit.css">
<link rel="stylesheet" href="orbit/styleLanding.css">
<script type="text/javascript" src="orbit/jquery-1.4.1.min.js"></script>
<script type="text/javascript" src="orbit/jquery.orbit.min.js"></script>
<script type="text/javascript">
$(window).load(function() {
$('#featured').orbit({
'bullets': true,
'timer' : true,
'animation' : 'horizontal-slide'
});
});
</script>
</head>
<body>
<div class="wrapper">
<header>
<img src="images/leoD.png">
<div>
<img src="images/super.png">
<h1>Leo <span>D.</span></h1>
</div>
<img src="images/revLeo.png">
</header>
<section>
<div id="featured">
<img src="images/slide-5.jpg" width="900" alt="Marcus Fenix" rel="marcusCaption" />
<img src="images/slide-1.jpg" width="900" alt="Link" />
<a href="game.html" target="_blank"><img src="images/slide-2.jpg" width="900" alt="Ezio" rel="ezioCaption" /></a>
<img src="images/slide-3.jpg" width="900" alt="Master Chief" />
<img src="images/slide-4.jpg" width="900" alt="Marcus Fenix" rel="marcusCaption" />
</div>
</section>
<section class="description-of-the-game instructions" >
<h2>Description of the game</h2>
<p>In this game you'll have to kill every one and collect all coins to reach the most important award for Leo D. But it is not just ordinary Leo - it is super Leo D., so use his power and have fun!</p>
<a class="btn play-game-btn" href="game.html">Play</a><br>
<a class="btn presentation-btn" href="presentation.html">presentation</a>
</section>
<section class="control-of-the-game instructions">
<table>
<thead>
<tr>
<th colspan="2"><h2>Controls</h2></th>
</tr>
</thead>
<tbody>
<tr>
<td><div class="key">←</div></td>
<td>Move left</td>
</tr>
<tr>
<td><div class="key">→</div></td>
<td>Move right</td>
</tr>
<tr>
<td><div class="key jump-key"></div></td>
<td>Jump</td>
</tr>
<tr>
<td><div class="key">F</div></td>
<td>Fire with gold raspberry</td>
</tr>
<tr>
<td><div class="key">G</div></td>
<td>Use super swipe</td>
</tr>
</tbody>
</table>
</section>
<section class="game-rules instructions">
<table>
<thead>
<tr>
<th colspan="2"><h2>Rules</h2></th>
</tr>
</thead>
<tbody>
<tr>
<td><img src="images/rule-1.jpg"></td>
<td>You can kill all paparazzi using gold raspberry!</td>
</tr>
<tr>
<td><img src="images/rule-2.jpg"></td>
<td>You can <span>not</span> kill iceberg and scarlet using gold raspberry. <span>Avoid them!</span></td>
</tr>
<tr>
<td><img src="images/rule-3.jpg"></td>
<td>But you can kill them using <span>super swipe</span></td>
</tr>
<tr>
<td><img src="images/rule-4.jpg"></td>
<td>Collect gold raspberry and swipes to replenish your ammo!</td>
</tr>
<tr>
<td><img src="images/rule-5.jpg"></td>
<td>And kill this<span> f**ng bear</span>!</td>
</tr>
</tbody>
</table>
</section>
<footer>
Super <span>Leo D.</span> was made by <span>Alexey Astafiev</span>.
</footer>
</div>
<div></div>
</body>
</html>