-
Notifications
You must be signed in to change notification settings - Fork 1
Expand file tree
/
Copy pathfeatured.html
More file actions
396 lines (372 loc) · 21.9 KB
/
featured.html
File metadata and controls
396 lines (372 loc) · 21.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
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
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.1/css/all.min.css"
integrity="sha512-+4zCK9k+qNFUR5X+cKL9EIR+ZOhtIloNl9GIKS57V1MyNsYpYcUrUeQc9vNfzsWfV28IaLL3i96P9sdNyeRssA=="
crossorigin="anonymous" />
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" />
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta1/dist/css/bootstrap.min.css" rel="stylesheet"
integrity="sha384-giJF6kkoqNQ00vy+HMDP7azOuL0xtbfIcaT9wjKHr8RbDVddVHyTfAAsrekwKmP1" crossorigin="anonymous" />
<link rel="stylesheet" type="text/css" href="assets/css/style.css" />
<link rel="stylesheet" type="text/css" href="assets/css/featured.css" />
<link rel="stylesheet" type="text/css" href="assets/css/typeWriter.css" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Featured</title>
</head>
<body>
<div class="container-fluid">
<!-- NAV -->
<nav class="navbar-container">
<div class="navbar navbar-fixed-top navbar-expand-lg navbar-dark">
<a href="index.html"><img src="assets/images/logo_gw.png" id="logo" alt="logo image"></a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNav"
aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarNav">
<a href="index.html"><img src="assets/images/logo_gw.png" id="logo2" alt="navigation bar logo image"></a>
<ul class="navbar-nav">
<li class="nav-item">
<a class="nav-links" href="index.html">Home </a>
</li>
<li class="nav-item ">
<a class="nav-links" href="toprated.html">Top Rated</a>
</li>
<li class="nav-item ">
<a class="active-link" href="featured.html">Featured</a>
</li>
<li class="nav-item">
<a class="nav-links" href="contact.html">Contact</a>
</li>
</ul>
</div>
</div>
</nav>
<main>
<div class="container">
<div class="intro-container">
<div class="row">
<div class="col-sm-7 col-md-7 col-lg-7">
<div class="intro-image">
<img src="assets/images/intro-image.jpg" class="featured-intro-image" alt="intro image" id="intro-img">
</div>
<div class="intro-title">
<h4 class="centered size-lg">The titles you don’t want to miss!</h4><br>
</div>
<div class="intro-description">
<p>The list of best PC games might seem endless. After all, there’s a lot of amazing titles out there
both
AAA and indie, and every single one of them deserves at least a once-over on your gaming PC.<br><br>
However, there are those that really stand out from the crowd. The truly best PC games will let you
experience imaginative adventures, transport you to wonderful new places, and immerse you in epic
journeys
that you’ll never visit or have otherwise. They’ll give your gaming PC and the best gaming monitors a
proper workout, as well as really take advantage of those immersive gaming headsets. Although with all
the
graphical heavy lifting that new GPUs like the Nvidia RTX 3080 and AMD’s Navi line are capable of, the
quality at which you can experience these games will be more impressive than ever. <br><br>
</p>
</div>
</div>
<div class="col-sm-5 col-md-5 col-lg-5">
<p class="typingText typingFont text-black">This weeks <span class="activeName">news</span></p>
<div class="card" style="width: 110%; background-color: rgba(20, 20, 20, 0.972); ">
<img src="assets/images/card-one.jpg" class="card-img-top" alt="card image">
<div class="card-body" style="width: 100%;">
<div class="card-description text-white">
<p>Paradise Lost is a game that will intrigue fans of alternate history. It’s set in a world where
World War 2
ended in the nuclear destruction of Europe by the Nazis. Almost 20 years after that apocalyptic
event finds you,
playing as 12-year old Szymon, exploring an abandoned Nazi bunker looking in search of a
mysterious man.<br><br> From the best MMOs or MOBAs and the newest open-world games in which you
can traverse strange and
wonderful landscapes to the best co-op PC games in which you can compete with your closest
friends, hours
upon hours of fun await you. Here are the best PC games right now, including the best Steam games.
</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="feature-list-container container">
<h4 class="centered size-lg">Here's our list</h4><br>
<div class="row">
<div class="col-sm-12 col-md-6 col-lg-6">
<div class="card" style="width: 100%; ">
<div class="card-title centered">
<h3><span class="color-main">1.</span> The Witcher 3: Wild Hunt</h3>
</div>
<img src="assets/images/card-two.jpg" class="card-img-top" alt="card image">
<div class="card-body">
<div class="card-description">
<p>The Witcher 3: Wild Hunt is aging like fine wine. Even several years after it hit the streets, it’s
still one
of the most impressive open world games that’s ever existed – mixing Skyrim’s unapologetic scale
with Grand
Theft Auto V’s incredible depth. It’s such a jam-packed game, which is why it claims the top spot on
our list of
the best PC games in 2021.<br><br> Staggering, beautiful and an absolute time sink – in a good way –
The Witcher 3: Wild
Hunt isn’t just the best PC game of 2021 or among the best open world games on PC.</p>
</div>
</div>
</div>
</div>
<div class="col-sm-12 col-md-6 col-lg-6">
<div class="card" style="width: 100%;">
<div class="card-title centered">
<h3><span class="color-main">2.</span> Ghostrunner</h3>
</div>
<img src="assets/images/card-three.jpg" class="card-img-top" alt="card image">
<div class="card-body" style="">
<div class="card-description">
<p>Ultra-violence and constant motion meet in this post-apocalyptic dystopian game. This FPP is not
for the faint
of heart – it’s tense, exhilarating, and you will probably die over and over trying to beat it. If
you ever
wanted a game that came in equal parts Doom Eternal and Mirror’s Edge, you found it in
Ghostrunner.<br><br>
The game is set in Dharma Tower, a sort-of last refuge for humanity, where you ascend the tower
through
platforming and katana-induced carnage to take revenge on a ruthless ruler.</p>
</div>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-sm-12 col-md-6 col-lg-6">
<div class="card" style="width: 100%;">
<div class="card-title centered">
<h3><span class="color-main">3.</span> Control</h3>
</div>
<img src="assets/images/card-four.jpg" class="card-img-top" alt="card image">
<div class="card-body" style="">
<div class="card-description">
<p>It’s not hard to see why Control has taken the gaming world by storm. The creative team at Remedy
Entertainment
made sure to pack this title with plenty to love, paying very close attention to the intricate
details. A deeply
cinematic game, this action-adventure offers its players staggering visuals, inspired environment
design and
brilliant performances – not to mention, a deeply satisfying combat experience.<br><br>
Control places you in the capable shoes of fiery-haired Jesse Faden. You’re tasked to seek out The
Oldest House,
a building in New York City that’s in a constant state of architectural flux and only appears to
those who
desire to find it, and locate your missing brother, all while heading the Federal Bureau of Control
as its
director and overseeing the containment of paranatural entities.<br><br>
There’s nothing quite like Control on the market, and it makes it one of the best PC games to play
right now.
</p>
</div>
</div>
</div>
</div>
<div class="col-sm-12 col-md-6 col-lg-6">
<div class="card" style="width: 100%;">
<div class="card-title centered">
<h3><span class="color-main">4.</span> World of Warcraft: Shadowlands</h3>
</div>
<img src="assets/images/card-five.jpg" class="card-img-top" alt="card image">
<div class="card-body" style="">
<div class="card-description">
<p>World of Warcraft: Shadowlands may be the fastest selling game this side of Cyberpunk 2077. But
it’s also a
shot in the arm to one of the longest lasting MMOs out there. Considering WoW has 16 years under its
belt, the
new installment keeps things fresh by introducing not only a new story but a revamped leveling
system, access to
a new class, and, of course, new areas, dungeons, and raids to explore and take part in.<br><br>
World of Warcraft: Shadowlands takes place in the land of the dead, split into five major zones and
a central
hub city to explore. Whether you want to play with friends or tackle the story on your own, there’s
a ton of new
content here to keep you occupied. Though there’s plenty of new additions with the expansion, such
as more
character customizations and a new drop zone known as “Exile’s Reach” for beginner players to level
up, the game
stays true to its RPG and MMO roots, giving you the kind of fantasy-laden vast world to explore and
kill
monsters in that’s kept the game alive for 16 years.</p>
</div>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-sm-12 col-md-6 col-lg-6">
<div class="card" style="width: 100%;">
<div class="card-title centered">
<h3><span class="color-main">5.</span> Microsoft Flight Simulator</h3>
</div>
<img src="assets/images/card-six.jpg" class="card-img-top" alt="card image">
<div class="card-body">
<div class="card-description">
<p>Beyond its impeccable graphics and its excellent peripheral support, it won’t take you long to
realize that the Microsoft Flight Simulator is a labor of love. There’s a great attention to detail
here, as well as a level of realism and immersion you won’t find elsewhere. So much so that if
you’re not a fan of flight simulations, you’ll want to start getting on the bandwagon. Though that
also means this game won’t be for everyone. Still, if you’re a flight sim fanatic or you love planes
and flying, you’ll relish the chance to fly iconic vehicles in some of the most beautiful yet
dangerous locations and conditions in the world.</p>
</div>
</div>
</div>
</div>
<div class="col-sm-12 col-md-6 col-lg-6">
<div class="card" style="width: 100%;">
<div class="card-title centered">
<h3><span class="color-main">6.</span> Hitman 3</h3>
</div>
<img src="assets/images/card-seven.jpg" class="card-img-top" alt="card image">
<div class="card-body">
<div class="card-description">
<p>Hitman 3 closes out the rebooted trilogy with another gorgeous entry that hews close to what makes
these games so unique. It doesn’t redefine the gameplay but it does introduce six new maps and wraps
up the story started in 2016’s Hitman. Just like the previous games, the maps will take you all over
the world from Dubai and England to China and more.<br><br>
If you’re not familiar with the gameplay of this series, you’re in for a treat. As Agent 47, you
play a calm and calculating hitman whose job is not to run and gun through a mob of bad guys as most
games would have you do.</p>
</div>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-sm-12 col-md-6 col-lg-6">
<div class="card" style="width: 100%;">
<div class="card-title centered">
<h3><span class="color-main">7.</span> Monster Hunter World</h3>
</div>
<img src="assets/images/card-seven.jpg" class="card-img-top" alt="card image">
<div class="card-body">
<div class="card-description">
<p>Monster Hunter is one of the biggest gaming franchises you’ve probably never heard of for years
now. With Monster Hunter: World, the series broke into the mainstream and came to the PC (much to
many gamers’ relief), and now, it’s one of the best PC games you can play to date.<br><br>
Monster Hunter: World puts you in the shoes of a monster hunter, and you’ll hunt increasingly bigger
and meaner monsters, strip them for parts, and craft bigger, badder armor. It’s a deviously simple
gameplay loop that ends up being one of the most compelling and rewarding PC games you can play
right now. <br><br>
</p>
</div>
</div>
</div>
</div>
<div class="col-sm-12 col-md-6 col-lg-6">
<div class="card" style="width: 100%;">
<div class="card-title centered">
<h3><span class="color-main">8.</span> Death Stranding</h3>
</div>
<img src="assets/images/card-eight.jpg" class="card-img-top" alt="card image">
<div class="card-body">
<div class="card-description">
<p>If the name Norman Reedus is what got your attention when someone mentioned Death Stranding, well
then you’re in for a treat. However, this game is getting a lot of attention for more than just the
big names attached to it, which incidentally include Mads Mikkelsen and Léa Seydoux. As porter Sam
Bridges, you bravely traverse an apocalyptic United States to deliver valuable cargo, navigating
lands overrun by terrorists, bandits and these invisible creatures called Beached Things. This
award-winning action game is a treat to all the senses as well, thanks to its great storyline, which
may be reminiscent of the current pandemic, good gameplay, fun quests, and impressive sound and
visuals.<br><br> </p>
</div>
</div>
</div>
</div>
</div>
<div class="col-sm-12 col-md-6 col-lg-6">
<div class="card" style="width: 100%;">
<div class="card-title centered">
<h3><span class="color-main">9.</span> Red Dead Redemption 2</h3>
</div>
<img src="assets/images/card-ten.jpg" class="card-img-top" alt="card image">
<div class="card-body">
<div class="card-description">
<p>The newest release from Rockstar Games was an instant hit upon release. Red Dead Redemption 2 is an
engrossing western following Arthur Morgan and his gang as they try to survive a fictionalized Wild
West as outlaws on the run. However, the game is much more than just that.<br><br>
Whether it’s getting lost in the story, following through on every side quest to its conclusion, or
just bonding with your horse, RDR2 is one of those games where you can easily sink 50+ hours into
and still have something to do. The gameplay is stellar, and the graphics are gorgeous. You can even
run the game in 8K, if you have the hardware. Definitely give this a look if you haven’t already.
</p>
</div>
</div>
</div>
</div>
<div class="col-sm-12 col-md-6 col-lg-6">
<div class="card" style="width: 100%;">
<div class="card-title centered">
<h3><span class="color-main">10.</span> Doom: Eternal</h3>
</div>
<img src="assets/images/card-eleven.jpg" class="card-img-top" alt="card image">
<div class="card-body">
<div class="card-description">
<p>Doom: Eternal takes everything from the remastered Doom of 2016 and turns it up to 11. The game is
intense, visually and sonically overwhelming, and is exactly what you would expect a fever dream
inspired by Doom would feel like.<br><br>
The gameplay is a seamless first-person shooter where you trek into hell to battle an assortment of
never-ending demons and reclaim an overrun earth. Refilling your health sometimes requires quite
literally tearing monsters apart, and there is some need to be creative with your weapon choice,
depending on what demon you’re facing. However, this game is all about creating havoc and rushing
into battle as loud and as brash as possible.<br>
</p>
</div>
</div>
</div>
</div>
</div>
</main>
<div class="footer-dark">
<footer>
<div class="container">
<div class="row">
<div class="col-sm-6 col-md-3 item">
<h3 class="color-main">Services</h3>
<ul>
<li><a href="#">Web design</a></li>
<li><a href="#">Development</a></li>
<li><a href="#">Hosting</a></li>
</ul>
</div>
<div class="col-sm-6 col-md-3 item">
<h3 class="color-main">About</h3>
<ul>
<li><a href="#">Company</a></li>
<li><a href="#">Team</a></li>
<li><a href="#">Careers</a></li>
</ul>
</div>
<div class="col-md-6 item text">
<h3 class="color-main">GamesDirect</h3>
<p>We are an award-winning games review service, dedicated to the best result in the gaming industry,
promotion, and marketing.</p>
</div>
<div class="col item social"><a href="https://facebook.com" target="_blank"><i
class="fab fa-facebook-f color-main"></i></a><a href="https://twitter.com" target="_blank"><i
class="fab fa-twitter color-main"></i></a><a href="https://instagram.com" target="_blank"><i
class="fab fa-instagram color-main"></i></a><a href="https://telegram.org" target="_blank"><i
class="fab fa-telegram color-main"></i></a></div>
</div>
<p class="copyright">GamesDirect © 2021</p>
</div>
</footer>
</div>
</div>
<script src="https://code.jquery.com/jquery-3.4.1.slim.min.js"
integrity="sha384-J6qa4849blE2+poT4WnyKhv5vZF5SrPo0iEjwBvKU7imGFAV0wwj1yYfoRSJoZ+n" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js"
integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.min.js"
integrity="sha384-wfSDF2E50Y2D1uUdj0O3uMBJnjuUD4Ih7YwaYd1iqfktj0Uod8GCExl3Og8ifwB6" crossorigin="anonymous"></script>
<script src="assets/scripts/script.js"></script>
</body>
</html>