-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
193 lines (172 loc) · 9 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
<!DOCTYPE html>
<html lang="en">
<head>
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-1125526-9"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'UA-1125526-9');
</script>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="description" content="">
<meta name="author" content="">
<title>Retrowax - video game studio</title>
<!-- Font Awesome Icons -->
<link href="vendor/fontawesome-free/css/all.min.css" rel="stylesheet" type="text/css">
<!-- Google Fonts -->
<link href="https://fonts.googleapis.com/css?family=Merriweather+Sans:400,700" rel="stylesheet">
<link href='https://fonts.googleapis.com/css?family=Merriweather:400,300,300italic,400italic,700,700italic' rel='stylesheet' type='text/css'>
<!-- Plugin CSS -->
<link href="vendor/magnific-popup/magnific-popup.css" rel="stylesheet">
<!-- Theme CSS - Includes Bootstrap -->
<link href="css/creative.min.css" rel="stylesheet">
</head>
<body id="page-top">
<!-- Navigation -->
<nav class="navbar navbar-expand-lg navbar-light fixed-top py-3" id="mainNav">
<div class="container">
<a class="navbar-brand js-scroll-trigger" href="#page-top">Retrowax</a>
<button class="navbar-toggler navbar-toggler-right" type="button" data-toggle="collapse" data-target="#navbarResponsive" aria-controls="navbarResponsive" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarResponsive">
<ul class="navbar-nav ml-auto my-2 my-lg-0">
<li class="nav-item">
<a class="nav-link js-scroll-trigger" target="_blank" href="https://medium.com/retrowax-games">Blog</a>
</li>
<li class="nav-item">
<a class="nav-link js-scroll-trigger" href="#who-we-are">Who we are</a>
</li>
<li class="nav-item">
<a class="nav-link js-scroll-trigger" href="#opensource">Open Source</a>
</li>
<li class="nav-item">
<a class="nav-link js-scroll-trigger" href="#our-games">Our Games</a>
</li>
<li class="nav-item">
<a class="nav-link js-scroll-trigger" href="#contact">Contact</a>
</li>
</ul>
</div>
</div>
</nav>
<!-- Masthead -->
<header class="masthead">
<div class="container h-100">
<div class="row h-100 align-items-center justify-content-center text-center">
<div class="col-lg-10 align-self-end">
<img src="img/retrowax-logo.png" />
<hr class="divider my-4">
</div>
<div class="col-lg-8 align-self-baseline">
<p class="text-white-75 font-weight-light mb-5">We are an independent video games studio based in Barcelona. Our mission is to create the most creative and fun co-op games.</p>
<a class="btn btn-primary btn-xl js-scroll-trigger" href="#who-we-are">Who we are</a>
</div>
</div>
</div>
</header>
<!-- Who we are -->
<section class="page-section bg-primary" id="who-we-are">
<div class="container">
<div class="row justify-content-center">
<div class="col-lg-8 text-center">
<h2 class="text-white mt-0">Who we are</h2>
<hr class="divider light my-4">
<p class="text-white-75 mb-4">We love classic cooperative games from the 8bit/16bit era so we are commited to create fantastic co-op experiences while creating great and artistic visuals. With a team with almost 10 years in the industry, our experience covers a lot of different kind of applications, from web app development to the desktop and mobile applications and, of course, videogames. We made games that have been published for the Xbox360 and Windows Phone and PC Windows. And we are working hard to distribute our games to more platforms (Xbox One, Xbox Series X, Nintendo Switch).</p>
<a class="btn btn-light btn-xl js-scroll-trigger" href="#opensource" target="_blank">Where we are heading</a>
</div>
</div>
</div>
</section>
<!-- Open Source -->
<section class="page-section" id="opensource">
<div class="container">
<h2 class="text-center mt-0">Open Source</h2>
<hr class="divider my-4" />
<p class="text-black-75 mb-4">Open Source is reshaping our industry. We want to be part of this change, by exploring and applying the latest technology, by being honest and transparent in our relationship with each other and our community, and by allowing our curiosity to lead us down unexpected paths.</p>
<div class="row">
<div class="col-lg-3 col-md-6 text-center">
<div class="mt-5">
</div>
</div>
<div class="col-lg-3 col-md-6 text-center">
<div class="mt-5">
<i class="fas fa-4x fa-laptop-code text-primary mb-4"></i>
<h3 class="h4 mb-2">Open Source</h3>
<p class="text-muted mb-0">Technology is reshaping our industry and Open Source is part of this change.</p>
</div>
</div>
<div class="col-lg-3 col-md-6 text-center">
<div class="mt-5">
<i class="fas fa-4x fa-heart text-primary mb-4"></i>
<h3 class="h4 mb-2">Made with Love</h3>
<p class="text-muted mb-0">Is it really open source if it's not made with love?</p>
</div>
</div>
<div class="col-lg-3 col-md-6 text-center">
<div class="mt-5">
</div>
</div>
</div>
<hr class="divider my-4" />
<div class="row justify-content-center">
<a class="btn btn-primary btn-xl js-scroll-trigger" href="https://github.com/retrowax">Check out our Github page</a>
</div>
<hr class="divider my-4" />
<div class="row justify-content-center">
<a class="btn btn-primary btn-xl js-scroll-trigger" href="#our-games">Our Games</a>
</div>
</div>
</section>
<!-- Our Games -->
<section class="page-section bg-dark text-white" id="our-games">
<div class="container text-center">
<h2 class="text-white mt-0">Zombusters</h2>
<hr class="divider light my-4">
<p class="text-white-75 mb-4">A classic twin-stick shooter with a twist, you will have to face lots of Zombies and other creatures with everything you got. Beware!</p>
<p>
<iframe width="720" height="460" src="https://www.youtube-nocookie.com/embed/BbYRxxzWzkI" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
</p>
<p class="text-white-75 mb-4">It will let you sticked on your seat until the end. Its 2D graphics and isometric view make it a different specie in its genre. You will have to face a horde of Zombies that try to get you down with the help of various weapons/power ups and different</p>
<a class="btn btn-light btn-xl js-scroll-trigger" href="https://store.steampowered.com/app/1272300/Zombusters/" target="_blank">PLAY NOW ON STEAM</a>
<a class="btn btn-light btn-xl js-scroll-trigger" href="https://retrowax.itch.io/zombusters" target="_blank">PLAY NOW ON ITCH.IO</a>
<a class="btn btn-light btn-xl js-scroll-trigger" href="https://gamejolt.com/games/zombusters/547022" target="_blank">PLAY NOW ON GAMEJOLT</a>
</div>
</section>
<!-- Contact Section -->
<section class="page-section" id="contact">
<div class="container">
<div class="row justify-content-center">
<div class="col-lg-8 text-center">
<h2 class="mt-0">Let's Get In Touch!</h2>
<hr class="divider my-4">
<p class="text-muted mb-5">Want to know more about us? Send us an email and we will get back to you as soon as possible!</p>
</div>
</div>
<div class="row justify-content-center">
<div class="col-lg-8 text-center">
<i class="fas fa-envelope fa-3x mb-3 text-muted"></i>
<a class="d-block" href="mailto:[email protected]">[email protected]</a>
</div>
</div>
</div>
</section>
<!-- Footer -->
<footer class="bg-light py-5">
<div class="container">
<div class="small text-center text-muted">Copyright © 2020 - Retrowax</div>
</div>
</footer>
<!-- Bootstrap core JavaScript -->
<script src="vendor/jquery/jquery.min.js"></script>
<script src="vendor/bootstrap/js/bootstrap.bundle.min.js"></script>
<!-- Plugin JavaScript -->
<script src="vendor/jquery-easing/jquery.easing.min.js"></script>
<script src="vendor/magnific-popup/jquery.magnific-popup.min.js"></script>
<!-- Custom scripts for this template -->
<script src="js/creative.min.js"></script>
</body>
</html>