-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
167 lines (152 loc) · 6.4 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
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
<!DOCTYPE HTML>
<!--
Telephasic by HTML5 UP
html5up.net | @ajlkn
Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
-->
<html>
<head>
<title>TowerBlast</title>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
<link rel="stylesheet" href="assets/css/main.css" />
</head>
<body class="homepage is-preload">
<div id="page-wrapper">
<!-- Header -->
<div id="header-wrapper">
<div id="header" class="container">
<!-- Logo -->
<h1 id="logo"><a href="index.html">TowerBlast</a></h1>
<!-- Nav -->
<nav id="nav">
<ul>
<li><a href="#">How to Play</a></li>
<li class="break"><a href="#">About Us</a></li>
</ul>
</nav>
</div>
<!-- Hero -->
<section id="hero" class="container">
<header>
<h2>All new Fantasy Tower Defence game!</h2>
</header>
<p>It's your army against the undead. Lead them to make sure you end up victorious on the battlefield and put a stop to the uprise of the undead.</p>
<ul class="actions">
<li><a href="https://store.steampowered.com/" target="_blank" class="button">Buy Now!</a></li>
</ul>
</section>
</div>
<!-- Features 1 -->
<div class="wrapper">
<div class="container">
<div>
<section class="col-6 col-12-narrower feature">
<div class="image-wrapper first">
<a class="image featured first"><img src="images/FightImage.PNG" alt="" /></a>
</div>
<header>
<h2>Command Your Army!</h2>
</header>
<p>When the undead rise and attempt to take over the world it is your duty to go and stop them! Pick up your sword and lead your army to battle against the undead and defeat them before there are too many. Choose from a variety of troops and deploy them to fight against the opponents but make sure you are careful as misplacing them could end up getting them killed early and leave you defenceless.</p>
<!--<ul class="actions">
<li><a href="#" class="button">Elevate my awareness</a></li>
</ul>-->
</section>
<!--<section class="col-6 col-12-narrower feature">
<div class="image-wrapper">
<a href="#" class="image featured"><img src="images/ChosenImage.PNG" alt="" /></a>
</div>
<header>
<h2>Enter The BattleField!</h2>
</header>
<p>Fill the Rage Gauge by killing opposition troops and join your army in the battlefield by clicking one of your troops and taking over. Be careful though, as when you are in the battlefield you will not be able to deploy more troops so think carefully.</p>-->
<!--<ul class="actions">
<li><a href="#" class="button">Elevate my awareness</a></li>
</ul>-->
<!--</section>-->
</div>
</div>
</div>
<!-- Promo -->
<div id="promo-wrapper">
<section id="promo">
<h2>Do you have what it takes?</h2>
<a href="https://store.steampowered.com/" target="_blank" class="button">Play Now!</a>
</section>
</div>
<!-- Features 2 -->
<div class="wrapper">
<section class="container">
<header class="major">
<h2>Enjoy a range of features available in the game</h2>
<p></p>
</header>
<div class="row features">
<section class="col-6 col-12-narrower feature">
<div class="image-wrapper first">
<a class="image featured first"><img src="images/BattleFieldImage.PNG" alt="" /></a>
</div>
<header>
<h2>Choose your Strategy</h2>
</header>
<p>Choose which troops you want to deploy to fight for you! Select a tactic before going into battle to be able to set your formation for Towers that contain archers and can fire from a long distance</p>
</section>
<section class="col-6 col-12-narrower feature">
<div class="image-wrapper">
<a class="image featured"><img src="images/ChosenImage.PNG" alt="" /></a>
</div>
<header>
<h2>Enter The BattleField!</h2>
</header>
<p>Fill the Rage Gauge by killing opposition troops and join your army in the battlefield by clicking one of your troops and taking over. Be careful though, as when you are in the battlefield you will not be able to deploy more troops so think carefully.</p>
</section>
</div>
</section>
</div>
<!-- Footer -->
<div id="footer-wrapper">
<div id="footer" class="container">
<header class="major">
<h2>Follow us</h2>
<p>If you have any feedback or just want to know what we are up to follow on these platforms</p>
</header>
<div class="row">
<section class="col-6 col-12-narrower">
<div class="row gtr-0">
<ul class="divided icons col-6 col-12-mobile">
<li class="icon brands fa-twitter"><a href="#"><span class="extra">twitter.com/</span>Twitter</a></li>
</ul>
<ul class="divided icons col-6 col-12-mobile">
<li class="icon brands fa-youtube"><a href="#"><span class="extra">youtube.com/</span>YouTube</a></li>
</ul>
</div>
</section>
<section class="col-6 col-12-narrower">
<div class="row gtr-0">
<ul class="divided icons col-6 col-12-mobile">
<li class="icon brands fa-linkedin"><a href="#"><span class="extra">twitter.com/</span>LinkedIn</a></li>
</ul>
<ul class="divided icons col-6 col-12-mobile">
<li class="icon brands fa-github"><a href="#"><span class="extra">instagram.com/</span>GitHub</a></li>
</ul>
</div>
</section>
</div>
</div>
<div id="copyright" class="container">
<ul class="menu">
<li>© Untitled. All rights reserved.</li><li>Design: <a href="http://html5up.net">HTML5 UP</a></li>
</ul>
</div>
</div>
</div>
<!-- Scripts -->
<script src="assets/js/jquery.min.js"></script>
<script src="assets/js/jquery.dropotron.min.js"></script>
<script src="assets/js/browser.min.js"></script>
<script src="assets/js/breakpoints.min.js"></script>
<script src="assets/js/util.js"></script>
<script src="assets/js/main.js"></script>
</body>
</html>