-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
274 lines (250 loc) · 10.5 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
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
<!doctype html>
<html lang="en">
<head>
<!-- Required meta tags -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="author" content="Arwaz Khan">
<meta name="description" content="Space invaders is a shooting game developed using pygame (python).">
<meta name="google-site-verification" content="cJBVLFxxDmdYLSLM7ijbl2PlsqksdtfVDnqgefJNdfk" />
<!--noscript tag -->
<noscript>Sorry, your browser does not support JavaScript!</noscript>
<!-- Bootstrap CSS CDN-->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css"
integrity="sha384-TX8t27EcRE3e/ihU7zmQxVncDAy5uIKz4rEkgIXeMed4M0jlfIDPvg6uqKI2xXr2" crossorigin="anonymous">
<!--fontawesome link-->
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
<!--Animate on scroll -->
<link href="https://unpkg.com/[email protected]/dist/aos.css" rel="stylesheet">
<!--Animate CSS link-->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css" />
<!--title and icon-->
<title>SPACE INVADERS - PC GAME</title>
<link rel="icon" href="./Website-file/images/favicon.ico" type="icon">
<!--css-->
<style>
body {
font-family: "Open Sans", sans-serif;
color: #272829;
background-image: linear-gradient(to right, #13547a 0%, #80d0c7 100%);
padding: 0px;
margin: 0px;
}
h1, h2, h3, h4, h5, h6 {
font-family: "Raleway", sans-serif;
}
/*smoothing scroll */
*{scroll-behavior: smooth;}
/*scroll bar effect*/
::-webkit-scrollbar {
width: 12px ;
background: #f6f6f7;
border-radius: 10px;
border: 1px solid transparent ;
}
::-webkit-scrollbar-thumb {
border-radius: 10px ;
background-color: #80d0c7 ;
}
.back-to-top {
position: fixed;
display: none;
width: 40px;
height: 40px;
border-radius: 50px;
right: 15px;
bottom: 15px;
background: #80d0c7;
color: #fff;
transition: display 0.5s ease-in-out;
z-index: 99999;
border: 1px solid #fff;
}
.back-to-top i {
font-size: 24px;
position: absolute;
top: 7px;
left: 8px;
}
.back-to-top:hover {
color: #fff;
background: #80d0c7;
transition: background 0.2s ease-in-out;
}
#header span{
font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
font-weight: bold;
}
/*hiding form in small screen and showing button*/
@media only screen and (max-width: 1026px) {
#hide-small-div {
display: none;
}
}
#show-small-div {
display: none;
}
@media only screen and (max-width: 1024px) {
#show-small-div {
display: block;
}
}
.footer{
color: black;
font-weight: bolder;
}
.fa-heart{
color: red;
}
.footer a{
text-decoration: none;
color: black;
}
</style>
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-R0D46XGDLZ"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'G-R0D46XGDLZ');
</script>
</head>
<body>
<!--header section-->
<section id="header">
<nav class="navbar navbar-expand-lg navbar-light bg-light align-item-center">
<a class="navbar-brand mx-auto" href="#"><img src="./Website-file/images/icon.png" width='40px'
alt="SPACE INVADERS"> <span id='title'>SPACE INVADERS</span></a>
</nav>
</section>
<!--header section end-->
<!--main section-->
<section id="main">
<div class="container py-2">
<div class="row">
<h3 class="text-center" style="color:white;font-weight:bold; text-decoration:underline; ">Game Description :
</h3>
<div class="col-12 text-center ">
<img src="./Website-file/images/SPACE INVADERS.png" width='400px' alt="Poster" class="img-fluid">
<p style="color:white; font-weight:bold; font-size:larger; " class="text-justify py-2">
Space Invaders is a shooting game developed using pygame (python).
The game space invaders have a simple plotline. Alien invaders have come to Earth. The player is in control
of the missile cannon and must destroy all of the Aliens before they reach Earth.
The player controls a cannon and can moves left and right on the X-Axis near the bottom of the screen.
The Player has three controls, left, right and fire. player objective is to destroy the Aliens before they
reach the bottom of the screen. The player receives one point for destroying the one Alien.
</p>
</div>
<h3 class="text-center" style="color:white;font-weight:bold; text-decoration:underline; ">Game Features : </h3>
<div class="col-12 text-center">
<p style="color:white; font-weight:bold; font-size:larger; " class="text-justify ">Below are the some exciting
features of SPACE INVADERS Game.</p>
<ul style="color:white; font-weight:bold; font-size:larger; " class="text-justify">
⭐ Interesting Shooting Game 🔫<br>
⭐ Simple Interface 👨💻<br>
⭐ Fighter Jet 🚀 and Cute Aliens 👽 <br>
⭐ Nice 2D graphics and dynamic soundtrack. 🔊<br>
</ul>
<p style="color:white; font-weight:bold; font-size:larger; " class="text-justify ">
❗ Note : New Features will be available on updates.
</p>
</div>
<h3 class="text-center" style="color:white;font-weight:bold; text-decoration:underline; ">System Requirements :
</h3>
<div class="col-12 text-center">
<p style="color:white; font-weight:bold; font-size:larger; " class="text-justify">Before you start SPACE
INVADERS Game make sure your PC meets minimum system requirements.</p>
<ul style="color:white; font-weight:bold; font-size:larger; " class="text-justify">
📌 Operating System: Windows Vista/7/8/8.1/10 or Any <br>
📌 CPU: 1Ghz Pentium III or AMD Athlon Processor or Any <br>
📌 RAM: 256 MB <br>
📌 HardDisk Space Required : 36 MB <br>
</ul>
</div>
<h3 class="text-center" style="color:white;font-weight:bold; text-decoration:underline; ">Game Screenshots :
</h3>
<div class="col-12 text-center pb-4">
<img src="./Website-file/images/1.jpg" width='350px' alt="Game Capture" class="img-fluid "
data-aos="zoom-in">
<img src="./Website-file/images/2.jpg" width='350px' alt="Game Capture" class="img-fluid "
data-aos="zoom-in">
<img src="./Website-file/images/3.png" width='350px' alt="Game Capture" class="img-fluid "
data-aos="zoom-in">
</div>
<h3 class="text-center" style="color:white;font-weight:bold; text-decoration:underline; ">Download Game : </h3>
<div class="col-12 text-center">
<p style="color:white; font-weight:bold; ">Download the latest version SPACE INVADERS (1.0) </p>
<a class="btn btn-success btn-lg" href="SPACE%20INVADERS-Game.rar" download>Download Game</a>
</div>
<h3 class="text-center" style="color:white;font-weight:bold; text-decoration:underline; ">Game Feedback / Review
: </h3>
<div class="col-12 text-center">
<div class="row mx-auto" style=" max-width:fit-content;">
<div class="col mx-auto p-2" style="background-color: #f6f6f7;border-radius:10px;border: 1px solid black;" >
<img src="./Website-file/images/r1.png" alt="Avtar" style="border: 1px solid black;border-radius:50%;">
<br>
<p style="float: right;"><strong>Yesh Hukare</strong>
<br>
⭐⭐⭐<br>
<b>Your work is always of top class brother🙌</b>
</p>
</div>
</div>
<p style="color:white; font-weight:bold;" class=" pt-4"> Please submit your review after playing game.</p>
<div id="hide-small-div">
<iframe src="https://docs.google.com/forms/d/e/1FAIpQLSdZ6UPlta-l1OCkZuuZ4lKM42I6sNjDKsYfytvCDmgZ1DH2ZQ/viewform?embedded=true" width="500" height="500" frameborder="0" marginheight="0" marginwidth="0">Loading…</iframe>
</div>
<div id='show-small-div'>
<a href="https://forms.gle/UhgmBvK7ibGMrnoU8" target="_blank" class="btn btn-primary">Form link</a>
</div>
</div>
</div>
</div>
</section>
<!--main section end-->
<!--footer section-->
<footer id='footer' class="footer py-2 mt-5 bg-light">
<div class="footer-copyright text-center bg-light pt-1">
<i class="fa fa-copyright" aria-hidden="true">
<script>document.write(new Date().getFullYear());</script>
</i> | <b>SPACE INVADERS</b><br>
<p>Designed with <i class="fa fa-heart" aria-hidden="true"></i> by <a href="https://arwazkhan189.github.io/"
target="_blank">Arwaz Khan</a></p>
</div>
</footer>
<!--footer section end-->
<!--jQuery, Popper.js, and Bootstrap JS-->
<script src="https://code.jquery.com/jquery-3.5.1.slim.min.js"
integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj"
crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/umd/popper.min.js"
integrity="sha384-9/reFTGAW83EW2RDu2S0VKaIzap3H66lZH81PoYlFhbGU+6BZp6G7niu735Sk7lN"
crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.min.js"
integrity="sha384-w1Q4orYjBQndcko6MimVbzY0tgp4pWB4lZ7lr30WKz0vr/aWKhXdBNmNb5D92v7s"
crossorigin="anonymous"></script>
<!--INITIALIZE AOS-->
<script src="https://unpkg.com/[email protected]/dist/aos.js"></script>
<script>AOS.init();</script>
<!--jquery easing file-->
<script src="./Website-file/jquery.easing/jquery.easing.min.js"></script>
<!--Main JS -->
<script >
// Back to top button
$(window).scroll(function() {
if ($(this).scrollTop() > 100) {
$('.back-to-top').fadeIn('slow');
} else {
$('.back-to-top').fadeOut('slow');
}
});
$('.back-to-top').click(function() {
$('html, body').animate({
scrollTop: 0
}, 1000, 'easeInOutExpo');
return false;
});
</script>
</body>
</html>