-
Notifications
You must be signed in to change notification settings - Fork 0
/
gamingsection.html
139 lines (136 loc) · 6.5 KB
/
gamingsection.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link href="nev.css" rel="stylesheet">
<link href="gdg_style.css" rel="stylesheet">
<link rel="icon" type="image/x-icon" href="GDGS.png">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
<link rel="stylesheet" href="loader.css">
<title>Game Types</title>
<script src="loader.js"></script>
</head>
<body>
<div class="loader"></div>
<section>
<nav class="navmode">
<img src="a5.png" class="logomode">
<p class="logonamemode">GDGS<marquee class="marqueemode" scrollamount="10" >
<h3>Comming Soon <strong><i><b>Yunso Fight</b></i></strong></h3>
</marquee>
<div class="menumode">
<a class="menubottonmode" href="index.html">HOME</a>
<a class="menubottonmode" href="about.html">ABOUT</a>
<a class="menubottonmode" href="downlord.html">DOWNLORD</a>
<a class="menubottonmode" href="commingsoon.html">COMMING</a>
<a class="menubottonmode" href="gamingsection.html">GAMES</a>
<button style="background-image: linear-gradient(rgb(0, 0, 90),rgb(38, 32, 0),black);">
<a class="menubottonmode1" style="border-radius: 0px; ">SIGNIN</a>
</button>
<button style="background-image: linear-gradient(rgb(0, 0, 90),rgb(38, 32, 0),black);">
<a class="menubottonmode1" style="border-radius: 0px; ">SIGNUP</a>
</button>
</div>
</p>
</nav>
</section>
<section class="game-section">
<h2>Explore Our Game Types</h2>
<div class="game-cards">
<div class="game-card">
<img src="onlinegame.jpg" alt="Online" class="game-image">
<h3>Online</h3>
<p>Experience the best multiplayer online games with seamless connectivity and vibrant communities.</p>
</div>
<div class="game-card">
<img src="playstation.jpg" alt="PlayStation" class="game-image">
<h3>PlayStation</h3>
<p>Discover exclusive titles and the ultimate gaming experience on the PlayStation platform.</p>
</div>
<div class="game-card">
<img src="pc.jpg" alt="Personal Computer" class="game-image">
<h3>Personal Computer</h3>
<p>Immerse yourself in the vast world of PC gaming with cutting-edge graphics and gameplay.</p>
</div>
<div class="game-card">
<img src="cludgame.jpg" alt="Cloud Gaming Services" class="game-image">
<h3>Cloud Gaming Services</h3>
<p>Play anywhere, anytime, without the need for hardware, thanks to cloud gaming technology.</p>
</div>
<div class="game-card">
<img src="mobilegame.jpg" alt="Mobile Devices" class="game-image">
<h3>Mobile Devices</h3>
<p>Enjoy gaming on the go with our top-rated mobile games for iOS and Android.</p>
</div>
<div class="game-card">
<img src="vrsystem.jpg" alt="VR Systems" class="game-image">
<h3>VR Systems</h3>
<p>Step into another reality with our immersive VR games designed for the latest headsets.</p>
</div>
<div class="game-card">
<img src="webgame.jpg" alt="Web Browser Games" class="game-image">
<h3>Web Browser Games</h3>
<p>Play games directly in your browser without the need for downloads or installations.</p>
</div>
<div class="game-card">
<img src="onlinegame2.jpg" alt="Offline" class="game-image">
<h3>Offline</h3>
<p>Enjoy your favorite games offline, perfect for long trips or times without internet access.</p>
</div>
<div class="game-card">
<img src="striming.jpg" alt="Streaming Devices" class="game-image">
<h3>Streaming Devices</h3>
<p>Access our games directly through popular streaming devices like Chromecast and Fire Stick.</p>
</div>
</div>
</section>
<section id="about">
<footer class="footer">
<div class="container">
<div class="footer-row">
<div class="footer-col">
<h4>Company</h4>
<ul>
<li><a href="#">About Us</a></li>
<li><a href="#">Our Services</a></li>
<li><a href="#">Privacy Policy</a></li>
<li><a href="#">Affiliate Program</a></li>
</ul>
</div>
<div class="footer-col">
<h4>Get Help</h4>
<ul>
<li><a href="#">FAQ</a></li>
<li><a href="#">Shipping</a></li>
<li><a href="#">Returns</a></li>
<li><a href="#">Order Status</a></li>
<li><a href="#">Payment Options</a></li>
</ul>
</div>
<div class="footer-col">
<h4>Online Shop</h4>
<ul>
<li><a href="#">Watch</a></li>
<li><a href="#">Bag</a></li>
<li><a href="#">Shoes</a></li>
<li><a href="#">Dress</a></li>
</ul>
</div>
<div class="footer-col">
<h4>Follow Us</h4>
<div class="social-links">
<a href="#"><i class="fab fa-facebook-f"></i></a>
<a href="#"><i class="fab fa-twitter"></i></a>
<a href="#"><i class="fab fa-instagram"></i></a>
<a href="#"><i class="fab fa-linkedin-in"></i></a>
<a href="#"><i class="fab fa-youtube"></i></a>
<a href="#"><i class="fab fa-tiktok"></i></a>
</div>
</div>
</div>
</div>
</footer>
</section>
</body>
</html>