generated from Code-Institute-Org/gitpod-full-template
/
index.html
238 lines (230 loc) · 6.85 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
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<!-- Site metadata -->
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta
name="description"
content="An engine for crafting beautiful games without code. Download the installer and start creating for free."
/>
<title>Gamecraft</title>
<!-- Page resources -->
<link rel="stylesheet" href="assets/css/style.css" />
<!-- Google fonts -->
<link rel="preconnect" href="https://fonts.googleapis.com" />
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
<link
href="https://fonts.googleapis.com/css2?family=Poppins:wght@600&family=Quicksand&display=swap"
rel="stylesheet"
/>
</head>
<body>
<!-- Site header -->
<header>
<a class="logo" href="index.html">Gamecraft</a>
<nav>
<input class="burger-toggle" type="checkbox" />
<div class="burger-icon"></div>
<ul>
<li class="active"><a href="index.html">Home</a></li>
<li><a href="asset-store.html">Asset Store</a></li>
<li><a href="pricing.html">Pricing</a></li>
<li><a href="support.html">Support</a></li>
</ul>
</nav>
</header>
<main>
<!-- Hero image and eye-catch -->
<section id="hero">
<div class="hero-box">
<h1>Gamecraft</h1>
<h2>Make your dream game. No code, no frustration.</h2>
<div class="labelled-button">
<a class="button" href="#">
<img
class="icon"
src="assets/icons/download.svg"
alt="Download icon"
/>
Download Gamecraft
</a>
<p>Windows 10+, 64-bit</p>
</div>
</div>
</section>
<!-- Example project gallery -->
<section id="projects">
<div class="section-title">
<h2>See what you can do.</h2>
<p>
All of the games below were made with
<em>Gamecraft</em>, using content from our
<a href="asset-store.html">Asset Store</a>. The example
projects cover a wide range of genres - have a look at
them for inspiration, or simply to see what
<em>Gamecraft</em> is capable of.
</p>
</div>
<div class="gallery">
<a href="#">
<figure>
<img
src="assets/images/project1.webp"
alt="Screenshot of the videogame 'Backpacking'"
/>
<figcaption>Backpacking</figcaption>
</figure>
</a>
<a href="#">
<figure>
<img
src="assets/images/project2.webp"
alt="Screenshot of the videogame 'Ruins of Berlin'"
/>
<figcaption>Ruins of Berlin</figcaption>
</figure>
</a>
<a href="#">
<figure>
<img
src="assets/images/project3.webp"
alt="Screenshot of the videogame 'Superextraordinary'"
/>
<figcaption>Forest Life</figcaption>
</figure>
</a>
<a href="#">
<figure>
<img
src="assets/images/project4.webp"
alt="Screenshot of the videogame 'Avid'"
/>
<figcaption>Avid</figcaption>
</figure>
</a>
</div>
</section>
<!-- List of product features -->
<section id="features">
<figure>
<img
src="assets/images/feature1.webp"
alt="Picture illustrating the level-up system"
/>
<figcaption>
<h3>Start simple. Then, level-up.</h3>
<p>
<em>Gamecraft</em> doesn't overwhelm you with
buttons and properties. Instead, we start you out
with a simple interface for setting up basic game
controls and interactions between game objects. When
you feel that you mastered the features currently
available to you, press the
<strong>level-up</strong> button! This will unlock
more features, allowing you to make more complex
games.
</p>
</figcaption>
</figure>
<figure>
<img
src="assets/images/feature2.webp"
alt="Picture showing training materials"
/>
<figcaption>
<h3>Training included.</h3>
<p>
Don't waste your time switching between your tools
and external tutorials. All you need to become a
game-making machine is available within
<em>Gamecraft</em> itself. Pop-up
<strong>documentation</strong>,
<strong>guided tours</strong>,
<strong>tutorial videos</strong> and more - all
inside of the main program window.
</p>
</figcaption>
</figure>
<figure>
<img
src="assets/images/feature3.webp"
alt="Picture showcasing the customization options"
/>
<figcaption>
<h3>Make your own feature levels.</h3>
<p>
Every project is unique, and uses a different set of
features from its engine. If
<em>Gamecraft</em> holds no secrets to you anymore,
you can <strong>customize</strong> the level-up
system to hide all elements of the interface that
aren't useful to you right now. Minimize visual
clutter to get in the zone faster and be more
productive than ever before.
</p>
</figcaption>
</figure>
</section>
<!-- Pricing and download button -->
<section id="download" class="light">
<h2 class="main">Gamecraft is free to use!</h2>
<p>
Your success is our success. You can create a complete game
<strong>for free</strong>, export it to a standalone
executable, and give it away to others. If you decide to
sell your game, you'll only need a license once you cross a
certain amount of revenue. For the fine details, head to our
<a href="pricing.html">pricing table</a>.
</p>
<p>
If at any point in your creator's journey you encounter
problems moving forward, get in touch with our passionate
<strong>creator community</strong> or contact our dedicated
<strong>support agents</strong>. Find out more from the
<a href="support.html">support page</a>.
</p>
<div class="labelled-button">
<a class="button" href="#">
<img
class="icon"
src="assets/icons/download.svg"
alt="Download icon"
/>
Download Gamecraft
</a>
<p>Windows 10+, 64-bit</p>
</div>
</section>
</main>
<!-- Site footer -->
<footer>
<div class="links">
<h3>Gamecraft</h3>
<ul>
<li><a href="index.html#download">Download</a></li>
<li><a href="index.html#features">Features</a></li>
<li><a href="asset-store.html">Asset Store</a></li>
<li><a href="pricing.html">Pricing</a></li>
</ul>
</div>
<div class="links">
<h3>Support</h3>
<ul>
<li><a href="support.html#docs">Documentation</a></li>
<li><a href="support.html#forums">Forums</a></li>
<li><a href="support.html#email">Email</a></li>
</ul>
</div>
<div class="business-details">
<p>
Copyright © 2022 Gamecraft Inc.<br />
18 Fake St.<br />
Tralee, Ireland<br />
089 123 4567
</p>
</div>
</footer>
</body>
</html>