-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.php
311 lines (253 loc) · 12.9 KB
/
index.php
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
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
<html>
<head>
<title>PROJECT</title>
<!-- App Title -->
<!-- App Description -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0" />
<link rel="stylesheet" type="text/css" href="css/bootstrap.css"/>
<link rel="stylesheet" type="text/css" href="css/animate.css"/>
<link rel="stylesheet" type="text/css" href="css/main.css"/>
</script>
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/wow.js"></script>
<script type="text/javascript" src="js/parallax.js"></script>
<script type="text/javascript" src="js/main.js"></script>
<style type="text/css">
.hero{
display: block;
position: relative;
width: 100%;
height: 560px;
background: url('img/fif.jpg') no-repeat fixed center center;
background-size: cover;
}
</style>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<script>
$(document).ready(function(){
$("#bun").click(function(){
$("#panel").slideDown("slow");
});
});
</script>
<script>
$(document).ready(function(){
$("#bun1").click(function(){
$("#panel1").slideDown("slow");
});
});
</script>
<script>
$(document).ready(function(){
$("#bun2").click(function(){
$("#panel2").slideDown("slow");
});
});
</script>
<style type="text/css">
.rating_0 {
unicode-bidi: bidi-override;
direction: rtl;
text-align: center;
}
.rating_0 > span {
display: inline-block;
position: relative;
width: 1.1em;
}
.rating_0 > span:hover,
.rating_0 > span:hover ~ span {
color: transparent;
}
.rating_0 > span:hover:before,
.rating_0 > span:hover ~ span:before {
content: "\2605";
position: absolute;
left: 0;
color: gold;
}
</style>
</head>
<body>
<div id="block">
<!-- Header Section -->
<header>
<div class="container">
<div class="heading pull-left animated wow bounceInLeft">
<h1 class="text-uppercase animated wow wobble" data-wow-delay="1s" style="font-size:24;font-family:Copperplate Gothic Light;color:black">QUICK GAME</h1>
</div>
<nav class="pull-left">
<ul class="list-unstyled">
<li class="animated wow bounceInLeft" data-wow-delay="0s"><a href="index.php"> Home</a></li>
<li class="animated wow bounceInLeft" data-wow-delay="0s"><a href="#about"> About</a></li>
<li class="animated wow bounceInLeft" data-wow-delay=".8s"><a href="css.html">Upcoming games</a></li>
<li class="animated wow bounceInLeft" data-wow-delay="1.2s"><a href="#copy">Contact Us</a></li>
</ul>
</nav>
</div>
</header>
<!-- End Header Section -->
<!-- Hero Section -->
<section class="hero" id="hero" >
<div class="container">
<div class="caption">
<div class="col-md-4 text-center animated wow bounceInLeft">
<div class="pic">
<div id="back">
<h2>LOG-IN</h2>
<form action="checklogin.php" method="POST">
Username: <input type="text" name="username" required="required" style="border-radius: 25px;"/> <br/><br/>
Password:<br> <input type="password" name="password" required="required" style="border-radius: 25px;" /> <br/><br><br>
<button type="submit" value="Login" style="font-size:24;font-family:Copperplate Gothic Light;color: #FF6600">LOG-IN</button>
</div>
</div>
</div>
<div class="col-md-10 animated wow bounceInLeft">
<div class="features_list">
<a href="test.php"> <h1 class="text-uppercase animated wow wobble" data-wow-delay="1s" style="font-family:Copperplate Gothic Light">REGISTER HERE!!!</h1> </a>
<a href="admin.php"><h1 class="text-uppercase animated wow wobble" data-wow-delay="1s" style="font-family:Copperplate Gothic Light">ADMIN</h1></a>
</div>
</div>
</div>
</div>
</section>
<!-- End Hero Section -->
<!-- About Section -->
<section class="about" id="about">
<div class="container">
<div class="row">
<div class="col-md-4 text-center animated wow bounceInLeft">
<div class="pic">
<h1>CRYSIS 3</h1>
<div class="imb"><a href="https://www.youtube.com/embed/2F3_JMYNB6A"><img src="img/cr.jpeg"></a></div>
</div>
</div>
<div class="col-md-6 animated wow bounceInLeft">
<div class="features_list">
<h1 class="text-uppercase">About</h1>
<div class="story">
<h1>Review</h1>
<div id="flip">
Crysis 3 is a first-person shooter video game developed by Crytek and published by Electronic Arts for Microsoft Windows, PlayStation 3, and Xbox 360. It was released in North America on 19 February 2013.Officially announced 16 April 2012, it is the third main installment of the Crysis series, a sequel to the 2011 video game Crysis 2, and runs on the CryEngine 3 game engine.</div>
<div id="panel" style="display: none;">Crysis 3's gameplay revolves around Prophet, a Nanosuit holder who is on a quest to take revenge to CELL Corporation, an evil corporation, and Alpha Ceph, the leader of the Ceph, which is an alien race. He is accompanied by Psycho, the protagonist of Crysis Warhead. The story of the game serves as the end of the Crysis trilogy. Gameplay revolves around the use of the Nanosuit, which grants players a variety of abilities such as being invisible. New features introduced in Crysis 3 includes a new compound bow and the "hacking" feature, which allows players to hack into enemies' equipment and weapons. New additions to the game includes Rip & Throw, a new Nanosuit ability, and an asymmetrical multiplayer game mode called "The Hunter".</div>
<button id="bun">CONTINUE READING >></button>
</div><br>
<br>
</div>
</div>
</div>
</div>
<!-- About Section -->
<section class="about" id="about">
<div class="container">
<div class="row">
<div class="col-md-4 text-center animated wow bounceInLeft">
<div class="pic">
<div class="imb"><h1>WITCHERS 3</h1><a href="https://www.youtube.com/embed/XHrskkHf958"><img src="img/with.jpg" width="640px"></a></div>
</div>
</div>
<div class="col-md-6 animated wow bounceInLeft">
<div class="features_list">
<h1 class="text-uppercase">About</h1>
<div class="story">
<h1>Review</h1>
<div id="flip1">
The Witcher 3: Wild Hunt (Polish: Wiedźmin 3: Dziki Gon) is an action role-playing video game set in an open world environment, developed by Polish video game developer CD Projekt RED. Announced in February 2013, it was released for Microsoft Windows, PlayStation 4, and Xbox One on 19 May 2015. The game is the third in the series, preceded by The Witcher and The Witcher 2: Assassins of Kings, which are based on the series of fantasy novels of the same title by the Polish author Andrzej Sapkowski, but all take place after them.
</div>
<div id="panel1" style="display: none;">
The Witcher 3: Wild Hunt follows directly from the events of The Witcher 2: Assassin of Kings. The game begins with Geralt's dream about Kaer Morhen, a demolished witcher school. Yennefer, a sorceress and his love interest, notifies Geralt of Ciri, a young female witcher in training and their adopted daughter, practicing without his permission. Geralt finds Ciri and brings her back to Vesemir, her teacher. However, the titular Wild Hunt, a phantom army whose appearance is the beginning of the end of the world, kidnaps Ciri. While Geralt wakes up, he realizes that it was just a bad dream and he is still on a journey to find Yennefer with his mentor Vesemir..</div>
<button id="bun1">CONTINUE READING >></button>
</div><br><br>
</div>
</div>
</div>
</div>
<!-- About Section -->
<section class="about" id="about">
<div class="container">
<div class="row">
<div class="col-md-4 text-center animated wow bounceInLeft">
<div class="pic">
<div class="imb"><h1>FIFA-15</h1><a href="https://www.youtube.com/embed/TnTYVT6lwBc" ><img src="img/fif.jpg" width="640px"></a></div>
</div>
</div>
<div class="col-md-6 animated wow bounceInLeft">
<div class="features_list">
<h1 class="text-uppercase">About</h1>
<div class="story">
<h1>Review</h1>
<div id="flip2">
FIFA 15 is an association football simulation video game developed by EA Canada and published by Electronic Arts. It was released on 23 September 2014 in North America, 25 September in Europe and 26 September in the United Kingdom and Ireland for the PlayStation 3, PlayStation 4, PlayStation Vita, Nintendo 3DS, Wii, Xbox One, Xbox 360, Microsoft Windows, iOS, Android and Windows Phone.On PC, FIFA 15 runs on EA’s Ignite engine with the same features as the PS4 and Xbox One editions.
</div>
<div id="panel2" style="display: none;">
The game features Lionel Messi on its cover, alongside a different player in different parts of the world, and is the first game in the FIFA series to be fully licensed by the Premier League. FIFA 15 received positive reviews across all platforms, although the PC version in particular was criticised for the amount of bugs that were featured at release.</div>
<button id="bun2">CONTINUE READING >></button>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- End About Section -->
<!-- App Features Section -->
<section class="app_features" id="app_features">
<div class="container">
<h1>UPCOMING GAMES</h1>
<div class="row text-center">
<div class="col-sm-4 col-md-4 details animated wow bounceInLeft" data-wow-delay="0s">
<img src="img/home.jpeg" id="pic" alt="" title="">
<h1 class="text-uppercase">HomeFront THE REVOLUTION</h1>
</div>
<div class="col-sm-4 col-md-4 details animated wow bounceInLeft" data-wow-delay=".6s">
<img src="img/star.jpeg" id="pic" alt="" title="">
<h1 class="text-uppercase">Star Citizen</h1>
</div>
</div>
<div class="row text-center">
<div class="col-sm-4 col-md-4 details animated wow bounceInLeft" data-wow-delay="1s">
<img src="img/tom.jpeg" id="pic" height="200px" width="200px" alt="" title="">
<h1 class="text-uppercase">Rainbow's SIX Siege</h1>
</div>
<div class="col-sm-4 col-md-4 details animated wow bounceInLeft" data-wow-delay="1.2s">
<img src="img/creed.jpeg" id="pic" height="300px" width="400px" alt="" title="" style="box-shadow:10px 10px #ccc">
<h1 class="text-uppercase">ASSASSIN's CREED VICTORY</h1>
</div>
</div>
<div class="row text-center">
<div class="col-sm-4 col-md-4 details animated wow bounceInLeft" data-wow-delay="1.5s">
<img src="img/hell.jpeg" id="pic" height="300px" width="400px" alt="" title="">
<h1 class="text-uppercase">HELLBLADE</h1>
</div>
<div class="col-sm-4 col-md-4 details animated wow bounceInLeft" data-wow-delay="1.5s">
<img src="img/mirror.jpeg" id="pic" height="300px" width="400px" alt="" title="">
<h1 class="text-uppercase">Mirror's EDGE 2</h1>
</div>
</div>
<div class="row text-center">
<div class="col-sm-4 col-md-4 details animated wow bounceInLeft" data-wow-delay="1.5s">
<img src="img/silent.jpeg" id="pic" height="300px" width="400px" alt="" title="">
<h1 class="text-uppercase">SILENT HILLS</h1>
</div>
<div class="col-sm-4 col-md-4 details animated wow bounceInLeft" data-wow-delay="1.5s">
<img src="img/dead.jpeg" id="pic" height="300px" width="400px" alt="" title="">
<h1 class="text-uppercase">Dead ISLAND 2</h1>
</div>
</div>
</div>
</section>
<!-- And App Features Section -->
<!-- Email Subscription Section -->
<section class="sub_box">
<div class="cta_text animated wow bounceInLeft">Contact Us!</div>
<div class="cta_text">The web site has been created by Harshad reddy . It has been developed for WEB APPLICATION DEVELOPMENT PROJECT . You can contact me at <a href="mailto:harshad.rocks07@gmail.com" style="color:black">harshad.rocks07@gmail.com </a>. </div>
</section>
</div></div>
<!-- Footer Section -->
<footer>
<div id="copy">COPYRIGHTS © belong to HARSHAD </div>
</footer>
<!-- End Footer Section -->
</div>
</body>
</html>