-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
227 lines (222 loc) · 13.9 KB
/
index.html
File metadata and controls
227 lines (222 loc) · 13.9 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
221
222
223
224
225
226
227
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>The Gaming Boss</title>
<link rel="stylesheet" href="css/style.css">
<link rel="stylesheet" href="./bootstrap/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css" integrity="sha512-Fo3rlrZj/k7ujTnHg4CGR2D7kSs0v4LLanw2qksYuRlEzO+tcaEPQogQ0KaoGN26/zrn20ImR1DfuLWnOo7aBA==" crossorigin="anonymous" referrerpolicy="no-referrer" />
</head>
<body>
<nav class="navbar navbar-expand-lg navbar-dark bg-dark fixed-top">
<div class="container-fluid">
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav me-auto mb-2 mb-lg-0">
<li class="nav-item">
<a class="nav-link active" aria-current="page" href="#">Home</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">About</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">Games</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">Contact</a>
</li>
</ul>
</div>
</div>
</nav>
<div id="carouselExampleCaptions" class="carousel slide" data-bs-ride="carousel">
<div class="carousel-indicators">
<button type="button" data-bs-target="#carouselExampleCaptions" data-bs-slide-to="0" class="active" aria-current="true" aria-label="Slide 1"></button>
<button type="button" data-bs-target="#carouselExampleCaptions" data-bs-slide-to="1" aria-label="Slide 2"></button>
<button type="button" data-bs-target="#carouselExampleCaptions" data-bs-slide-to="2" aria-label="Slide 3"></button>
</div>
<div class="carousel-inner">
<div class="carousel-item active">
<img src="./statics/images/call of duty.png" class="d-block w-100" alt="...">
<div class="carousel-caption d-none d-md-block">
<h5>Call of Duty</h5>
<p>Call of Duty is a first-person shooter video game franchise published by Activision. Starting out in 2003, it first focused on games set in World War II.</p>
</div>
</div>
<div class="carousel-item">
<img src="./statics/images/cyberpunk.png" class="d-block w-100" alt="...">
<div class="carousel-caption d-none d-md-block">
<h5>Cyberpunk-2077</h5>
<p>Cyberpunk is a subgenre of science fiction in a dystopian futuristic setting that tends to focus on a "combination of lowlife and high tech" featuring advanced technological and scientific achievements</p>
</div>
</div>
<div class="carousel-item">
<img src="./statics/images/god of war.jpg" class="d-block w-100" alt="...">
<div class="carousel-caption d-none d-md-block">
<h5>God of War</h5>
<p>God of War is an action-adventure game franchise created by David Jaffe at Sony's Santa Monica Studio. It began in 2005 on the PlayStation 2 (PS2) video game console, and has become a flagship title for the PlayStation</p>
</div>
</div>
</div>
</div>
<section>
<div class="container">
<h2 class="mt-2" style="color: #fff !important;">Games Must viewed</h2>
<div class="row" style="padding: 20px;">
<div class="col-sm my-5">
<div class="card" style="width: 18rem;">
<img src="./statics/images/doom.jpeg" class="card-img-top" alt="...">
<div class="card-body">
<h5 class="card-title">DOOM 2</h5>
<p class="card-text">Doom II, also known as Doom II: Hell on Earth, is a first-person
shooter game by id Software. It was released for MS-DOS computers in 1994 and Macintosh
computers in 1995.</p>
<a href="./gamePage/doom 2.html" class="btn btn-outline-success">Learn More</a>
</div>
</div>
</div>
<div class="col-sm my-5">
<div class="card" style="width: 18rem;">
<img src="./statics/images/fortnite.jpg" class="card-img-top" alt="...">
<div class="card-body">
<h5 class="card-title">Fortnite</h5>
<p class="card-text">Fortnite is an online video game developed by Epic Games and released
in 2017. It is available in three distinct game mode versions that otherwise share the
same general gameplay.</p>
<a href="./gamePage/fortnite.html" class="btn btn-outline-success">Learn More</a>
</div>
</div>
</div>
<div class="col-sm my-5">
<div class="card" style="width: 18rem;">
<img src="./statics/images/bgmi.jpg" class="card-img-top" alt="...">
<div class="card-body">
<h5 class="card-title">BattleGround Mobile India</h5>
<p class="card-text">Battlegrounds Mobile India is an online multiplayer battle royale game
developed and published by Krafton. The game is exclusively for the Indian users. The
game released on 2 July 2021 for Android.</p>
<a href="./gamePage/bgmi.html" class="btn btn-outline-success">Learn More</a>
</div>
</div>
</div>
<div class="col-sm my-5">
<div class="card" style="width: 18rem;">
<img src="./statics/images/gta5.jpeg" class="card-img-top" alt="...">
<div class="card-body">
<h5 class="card-title">GTA 5</h5>
<p class="card-text">Grand Theft Auto V is a 2013 action-adventure game developed by
Rockstar North and published by Rockstar Games. It is the seventh main entry in the
Grand Theft Auto series, following 2008's Grand Theft Auto IV, and the fifteenth
instalment overall. </p>
<a href="./gamePage/gta5.html" class="btn btn-outline-success">Learn More</a>
</div>
</div>
</div>
<div class="col-sm my-5">
<div class="card" style="width: 18rem;">
<img src="./statics/images/Minecraft-Background.jpg" class="card-img-top" alt="...">
<div class="card-body">
<h5 class="card-title">Minecraft</h5>
<p class="card-text">Minecraft is a sandbox video game developed by the Swedish video game
developer Mojang Studios. The game was created by Markus "Notch" Persson in the Java
programming language. Following several early private testing versions.</p>
<a href="./gamePage/minecraft.html" class="btn btn-outline-success">Learn More</a>
</div>
</div>
</div>
<div class="col-sm my-5">
<div class="card" style="width: 18rem;">
<img src="./statics/images/god of war.jpg" class="card-img-top" alt="...">
<div class="card-body">
<h5 class="card-title">God of War</h5>
<p class="card-text">God of War is an action-adventure game franchise created by David Jaffe
at Sony's Santa Monica Studio. It began in 2005 on the PlayStation 2 (PS2) video game
console, and has become a flagship title for the PlayStation brand, consisting of eight
games. </p>
<a href="./gamePage/gow.html" class="btn btn-outline-success">Learn More</a>
</div>
</div>
</div>
</div>
</div>
</section>
<div class="container mt-4">
<div class="p-4 p-md-5 mb-4 text-white rounded bg-dark">
<div class="col-md-6 px-0">
<h1 class="display-4 fst-italic">New Releases</h1>
<p class="lead my-3">Some of the latest games released recently are:</p>
<a href="#" class="stretched-link">More games...</a>
</div>
</div>
<div class="row mb-2">
<div class="col-md-6">
<div class="row g-0 border rounded overflow-hidden flex-md-row mb-4 shadow-sm h-md-250 position-relative">
<div class="col p-4 d-flex flex-column position-static">
<h3 class="mb-0 text-light">Naraka</h3>
<p class="card-text mb-auto text-light">In celebration of NARAKA: BLADEPOINT's newest crossover
that brings themed items based on the legendary martial artist Bruce Lee into its world, IGN
is proud to partner with 24 Entertainment to host a let's play that will dive deep into all
the best parts of this new update</p>
<a href="#" class="stretched-link">Continue reading</a>
</div>
<div class="col-auto d-none d-lg-block">
<img src="./statics/images/naraka.jpg" alt="">
</div>
</div>
</div>
<div class="col-md-6">
<div class="row g-0 border rounded overflow-hidden flex-md-row mb-4 shadow-sm h-md-250 position-relative">
<div class="col-auto d-none d-lg-block">
<img class="w-100 h-100" src="./statics/images/chorus.jpg" alt="">
</div>
<div class="col p-4 d-flex flex-column position-static">
<h3 class="mb-0 text-light">Chorus</h3>
<p class="mb-auto text-light">Chorus is a space combat video game played from a third-person
perspective. The game's protagonist, Nara, pilots a sentient starcraft known as Forsaken.
Forsaken can be armed with a variety of weapons such as missile launchers, gatling guns and
laser cannons. Forsaken also has three slots for mods, which can be used to alter the ship's
performance in combat. The game is set in an open world, and the players can complete
various optional quests. </p>
<a href="#" class="stretched-link">Continue reading</a>
</div>
</div>
</div>
<div class="col-md-6">
<div class="row g-0 border rounded overflow-hidden flex-md-row mb-4 shadow-sm h-md-250 position-relative">
<div class="col-auto d-none d-lg-block">
<img class="w-100 h-100" src="./statics/images/this is the president.jpg" alt="">
</div>
<div class="col p-4 d-flex flex-column position-static">
<h3 class="mb-0 text-light">This is the President</h3>
<p class="mb-auto text-light">This Is the President is a political thriller. You are the newly
elected leader with a shady background. It is up to you to abuse the position of the most
powerful man in the world to escape justice for past crimes – even if that pitches the
country into utter chaos.</p>
<a href="#" class="stretched-link">Continue reading</a>
</div>
</div>
</div>
<div class="col-md-6">
<div class="row g-0 border rounded overflow-hidden flex-md-row mb-4 shadow-sm h-md-250 position-relative">
<div class="col-auto d-none d-lg-block">
<img class="w-100 h-100" src="./statics/images/skyfleet.jpg" alt="">
</div>
<div class="col p-4 d-flex flex-column position-static">
<h3 class="mb-0 text-light">Sky Fleet</h3>
<p class="mb-auto text-light">Take to the skies as part of the Sky Fleet, defend sacred floating
islands, build strong bases and towers to protect their resources, as well as shoot down
waves of rogue drones trying to strip-mine them!</p>
<a href="#" class="stretched-link">Continue reading</a>
</div>
</div>
</div>
</div>
</div>
<script src="./bootstrap/js/bootstrap.min.js"></script>
</body>
</html>