-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
220 lines (208 loc) · 9.55 KB
/
index.html
File metadata and controls
220 lines (208 loc) · 9.55 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
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
---
---
<!DOCTYPE html>
<html lang="en-US">
<head>
<!-- Meta tags for character encoding, viewport, SEO, and theme -->
<meta charset="utf-8" />
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<meta
name="viewport"
content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1, user-scalable=no"
/>
<meta name="title" content="FireWave Interactive | Home" />
<meta name="description" content="Innovating with passion, playing with determination." />
<meta
name="keywords"
content="firewave, games, gamedev, indie, horror games, fps games, br games, brazil, brazilian games, project walker, gabriel aplok, asn"
/>
<meta name="robots" content="index, follow" />
<meta name="language" content="English" />
<meta name="author" content="Gabriel Lima (CEO)" />
<meta name="theme-color" content="#000000" />
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
<!-- Canonical link and external stylesheets -->
<link rel="canonical" href="https://firewavestudios.com/" />
<link rel="stylesheet" href="https://necolas.github.io/normalize.css/8.0.1/normalize.css" />
<link
rel="stylesheet"
href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css"
/>
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v6.7.2/css/all.css" />
<link rel="stylesheet" href="/assets/css/style.css" />
<link rel="shortcut icon" type="image/x-icon" href="/assets/img/favicon.png" />
<!-- External JS scripts -->
<script defer src="https://assets.onedollarstats.com/stonks.js"></script>
<title>FireWave Interactive</title>
</head>
<body>
<!-- Header with navigation, logo, tagline, and CTA button -->
<header class="header custom">
<nav class="navigation">
<!-- Hamburger menu for mobile -->
<input type="checkbox" id="menu-toggle" />
<label class="hamburger" for="menu-toggle">
<span></span>
<span></span>
<span></span>
</label>
<ul class="menu">
<li><a href="#welcome" class="active">Home</a></li>
<li><a href="#games">Games</a></li>
<li><a href="#career">Career</a></li>
<li><a href="#about">About</a></li>
<li><a href="#contact">Contact</a></li>
</ul>
</nav>
<div class="logo">
<h1>FIREWAVE</h1>
<h1>INTERACTIVE</h1>
</div>
<div class="tagline">
<p>INNOVATING WITH PASSION, PLAYING WITH DETERMINATION.</p>
</div>
<a href="#about">
<button class="call-to-action animate__animated animate__bounce animate__delay-4s">
LEARN MORE ABOUT US
</button>
</a>
</header>
<!-- Main content sections -->
<main class="main">
<!-- Welcome Section -->
<section class="section" id="welcome">
<div class="title">
<h1>WELCOME</h1>
</div>
<p class="tagline">
Welcome to <strong class="brand">FireWave Interactive</strong>, a new gaming
company founded by a team of young and passionate developers. Although we're a
small team and relatively new to the market, we are ambitious in our goal to
create amazing and innovative games.
</p>
</section>
<!-- About Section -->
<section class="section" id="about">
<div class="title">
<h1>ABOUT <span class="brand">US</span></h1>
</div>
<p class="tagline">
As teenagers, we bring a fresh and creative perspective to game development,
reflected in our unique and innovative approach. We believe passion and
determination are fundamental to success, and these values guide our journey.
</p>
<p class="tagline">
Our talented team works tirelessly to create unique and exciting games that
surprise and challenge players. We're proud to be a young indie company,
offering gaming experiences you won't find elsewhere.
</p>
<p class="tagline">
Explore our current games and stay tuned for future releases. Thank you for
choosing <strong class="brand">FireWave Interactive</strong>. We hope you enjoy
your gaming experience with us. Play with us and <strong>have fun</strong>!
</p>
</section>
<!-- Games Section -->
<section class="section" id="games">
<div class="title">
<h1>GAMES</h1>
</div>
<p class="tagline">
Discover our best creations—enjoy every detail crafted with care!
</p>
<div class="games-list">
{%- assign games = site.data.games | default: null -%} {% if games %} {% for
game in games %}
<div class="game-item">
<div class="overflow">
<img
src="{{ game.image | default: 'https://placehold.co/600x400' }}"
alt="{{ game.name | default: 'Game' }}"
/>
</div>
<h2>{{ game.name | default: 'Game Name' }}</h2>
<p>
{{ game.description | default: "A brief description of our game to catch
the visitor's attention." }}
</p>
</div>
{% endfor %} {% else %} {% for i in (1..4) %}
<div class="game-item">
<div class="overflow">
<img src="https://placehold.co/600x400" alt="Game" />
</div>
<h2>Game Name</h2>
<p>A brief description of our game to catch the visitor's attention.</p>
</div>
{% endfor %} {% endif %}
</div>
<a
class="button-text-primary-outline small"
style="width: 50vw; margin-top: 1.25em"
href="https://play.google.com/store/apps/dev?id=8726283399583812148"
target="_blank"
>
VIEW MORE ON STORE
</a>
</section>
<!-- Career Section -->
<section class="section" id="career">
<div class="title">
<h1>CAREER</h1>
</div>
<p class="tagline">
Interested in joining our team? Stay tuned for career opportunities!
</p>
</section>
<!-- Contact Section -->
<section class="section" id="contact">
<div class="title">
<h1>CONTACT</h1>
</div>
<p class="tagline">
Have questions or feedback? Reach out to us through our social channels below.
</p>
</section>
<!-- Notice for WIP -->
<div class="notice" style="text-align: center; margin: 2em 0">
<p>[WIP] Gabriel Aplok (CEO) is still working on the website design...</p>
</div>
</main>
<!-- Footer with social links, copyright, and theme toggle -->
<footer class="footer">
<div class="social">
<a href="https://twitter.com/firewaveinterac" target="_blank" aria-label="Twitter">
<i class="fa-brands fa-x-twitter fa-1x"></i>
</a>
<a
href="https://youtube.com/firewaveinteractive"
target="_blank"
aria-label="YouTube"
>
<i class="fa-brands fa-youtube fa-1x"></i>
</a>
<a
href="https://instagram.com/firewaveinteractive"
target="_blank"
aria-label="Instagram"
>
<i class="fa-brands fa-instagram fa-1x"></i>
</a>
<a href="https://gabriel-aplok.com/discord" target="_blank" aria-label="Discord">
<i class="fa-brands fa-discord fa-1x"></i>
</a>
</div>
<p>
© 2022-<span class="footer-copyright-y">{{ site.time | date: "%Y" }}</span>
FIREWAVE INTERACTIVE. ALL RIGHTS RESERVED.
</p>
<p>ALL COPYRIGHTS AND TRADEMARKS ARE THE PROPERTY OF THEIR RESPECTIVE OWNERS.</p>
<div class="toggle-theme" aria-label="Toggle theme">
<i class="fa-solid fa-moon fa-lg"></i>
<i class="fa-solid fa-sun fa-lg"></i>
</div>
</footer>
<!-- Main JS file -->
<script defer src="/assets/js/main.js"></script>
</body>
</html>