forked from ChromeGaming/Community-Page
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathabout.html
299 lines (279 loc) · 11.6 KB
/
about.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
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
<!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>Chrome Gaming | about</title>
<!-- Title of the webpage displayed on the browser tab. -->
<link rel="stylesheet" href="styles.css" />
<!-- Link to an external CSS file for styling. -->
<!-- Unicons CSS -->
<link
rel="stylesheet"
href="https://cdn.jsdelivr.net/npm/[email protected]/font/bootstrap-icons.min.css"
/>
<!-- Link to the Bootstrap icons CSS file. -->
<link
href="https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap"
rel="stylesheet"
/>
<!-- Link to Google Fonts for custom font styles. -->
<link
rel="stylesheet"
href="https://unicons.iconscout.com/release/v4.0.0/css/line.css"
/>
<!-- Link to the fontawesome icons file. -->
<link
rel="stylesheet"
href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.2/css/all.min.css"
/>
<!-- Link to the Unicons CSS file. -->
<script src="script.js" defer></script>
<!-- Link to an external JavaScript file with the 'defer' attribute, meaning it will be executed after the document has been parsed. -->
</head>
<body class="page-leaderboard">
<!-- Body of the webpage. Background color set inline. -->
<nav class="nav">
<!-- Navigation section. -->
<i class="uil uil-bars navOpenBtn"></i>
<!-- Icon for opening navigation menu. -->
<a class="logo">Chrome Gaming</a>
<!-- Logo of the website. -->
<ul class="nav-links">
<!-- Unordered list for navigation links. -->
<i class="uil uil-times navCloseBtn"></i>
<!-- Icon for closing navigation menu. -->
<li><a href="index.html">Home</a></li>
<li><a href="play.html">Play Games</a></li>
<li><a href="product.html">Products</a></li>
<li><a href="about.html">About Us</a></li>
<li><a href="contribute.html">Contribute</a></li>
</ul>
<i class="uil uil-search search-icon" id="searchIcon"></i>
<!-- Icon for search functionality. -->
<div class="search-box">
<i class="uil uil-search search-icon"></i>
<!-- Icon for search functionality within the search box. -->
<input type="text" id="searchResult" placeholder="Search here..." />
<!-- Input field for search functionality. -->
<div class="searching_results"></div>
</div>
<div class="toggle-container">
<i class="bi bi-toggle-off" id="theme-toggle"></i>
</div>
</nav>
<!-- <section class="image" "> -->
<!-- Section for displaying images. -->
<!-- <img class="left" src="Fauget.gif" alt="" /> -->
<!-- Image element with source set to a GIF file. -->
<!-- </section> -->
<div class="social-icons">
<!-- Section for social media icons. -->
<a
href="https://www.youtube.com/@ChromeGamingOn"
target="_blank"
class="social-icon youtube"
></a>
<!-- YouTube icon link. -->
<a
href="https://www.linkedin.com/company/chromegaming"
target="_blank"
class="social-icon linkedin"
></a>
<!-- LinkedIn icon link. -->
<a
href="https://www.facebook.com/profile.php?id=61558763492008"
target="_blank"
class="social-icon facebook"
></a>
<!-- Facebook icon link. -->
<a
href="https://twitter.com"
target="_blank"
class="social-icon twitter"
></a>
<!-- Twitter icon link. -->
<a
href="https://www.instagram.com/chromegamingon/"
target="_blank"
class="social-icon instagram"
></a>
<!-- Instagram icon link. -->
<!-- Add more social media icons as needed -->
</div>
<div class="container">
<div class="image">
<img class="left" src="Fauget.gif" alt="" />
</div>
<div class="text">
<h1 style="color: brown;text-align: center;">About Us</h1>
<p>Chrome gaming community page is an online space within the Chrome browser where gamers connect, discuss games, share content, get updates, troubleshoot issues, join events and interact with developers. It's a hub for all things gaming-related in the Chrome ecosystem.</p>
</div>
</div>
<br>
<br>
<!-- <div class="line"> -->
<div class="line_main">
<div class="line1">OUR HISTORY</div>
<hr class="line2">
<div class="line3" style="color: rgb(185, 185, 185);">Since our establishment, we have been working to
bring our customers the unique a
comfortable website to place bids and win great products. Here is how we became the most successful
bidding website on the Web.</div>
<div class="line4">
<!-- <div class="line41">
<div style="padding-top: 35px;">April, 2016</div>
<div style="padding-top: 175px;">September, 2016</div>
<div style="padding-top: 120px;">March, 2017</div>
</div> -->
<div class="timeline">
<div class="container1 right">
<h1>April, 2016</h1>
<p style="font-weight: bold; padding-bottom: 5px;">Our history begins back in 2006, when the
first auction was held at our office in LA.</p>
<p style="color: rgb(185, 185, 185);">Online Auction was founded in 2006, and has since been
in continuous operation in its current location. In the early years, we offered two
auctions each week, and we specialised in art
and household auctions.</p>
</div>
<div class="container1 right">
<h1>September, 2016</h1>
<p style="font-weight: bold; padding-bottom: 5px;">Continuous innovation and transformation
</p>
<p style="color: rgb(185, 185, 185);">Continuous innovation and rapid transformation have
been themes throughout our history, which the company traces to 2006 with the website
development and providing quality online auctions.</p>
</div>
<div class="container1 right">
<h1>March, 2017</h1>
<p style="font-weight: bold; padding-bottom: 5px;">Further development</p>
<p style="color: rgb(185, 185, 185);">Our company has expanded the range of online bidding
services provided to our registered and new users, and today everyone who has access to
the Internet can place a bid and win a desired product.</p>
</div>
</div>
<div class="image_part">
<div><img src="https://th.bing.com/th/id/OIP.kcKIOvqiVCMz3yw5GRaJ3AHaEK?w=296&h=180&c=7&r=0&o=5&dpr=1.3&pid=1.7"></div>
<div><img src="https://media.wired.com/photos/61f48f02d0e55ccbebd52d15/3:2/w_1280%2Cc_limit/Gear-Rant-Game-Family-Plans-1334436001.jpg"></div>
</div>
</div>
</div>
<!-- <div class="line_pic">
<div><img src="../images/images/line1.png"></div>
<div><img src="../images/images/line2.png" style="padding-top: 20px;"></div>
<div><img src="../images/images/line3.png" style="padding-top: 20px;"></div>
</div> -->
<!-- </div> -->
<!--<script type="text/javascript"src="https://studio.alan.app/web/lib/alan_lib.min.js"></script>
<script>
var alanBtnInstance = alanBtn({
key: "23334858fc187b6a3fada2071473cfe92e956eca572e1d8b807a3e2338fdd0dc/stage",
onCommand: function (commandData) {
if (commandData.command === "go:back") {
//call client code that will react on the received command
}
},
rootEl: document.getElementById("alan-btn"),
});
</script>
</script>-->
<hr />
<!-- Horizontal line separator. -->
<section class="footer">
<!-- Footer section. -->
<div class="footer-row">
<!-- Row within the footer. -->
<div class="footer-col">
<!-- Column within the footer. -->
<h4>Info</h4>
<!-- Heading for info section. -->
<ul class="links">
<!-- Unordered list for links. -->
<li><a href="#">About Us</a></li>
<li><a href="#">Compressions</a></li>
<li><a href="#">Customers</a></li>
<li><a href="#">Service</a></li>
<li><a href="#">Collection</a></li>
</ul>
</div>
<div class="footer-col">
<!-- Second column within the footer. -->
<h4>Explore</h4>
<!-- Heading for explore section. -->
<ul class="links">
<!-- Unordered list for links. -->
<li><a href="#">Free Designs</a></li>
<li><a href="#">Latest Designs</a></li>
<li><a href="#">Themes</a></li>
<li><a href="#">Popular Designs</a></li>
<li><a href="#">Art Skills</a></li>
<li><a href="#">New Uploads</a></li>
</ul>
</div>
<div class="footer-col">
<!-- Third column within the footer. -->
<h4>Legal</h4>
<!-- Heading for legal section. -->
<ul class="links">
<!-- Unordered list for links. -->
<li><a href="#">Customer Agreement</a></li>
<li><a href="#">Privacy Policy</a></li>
<li><a href="#">GDPR</a></li>
<li><a href="#">Security</a></li>
<li><a href="#">Testimonials</a></li>
<li><a href="#">Media Kit</a></li>
</ul>
</div>
<div class="footer-col">
<!-- Fourth column within the footer. -->
<h4>Newsletter</h4>
<!-- Heading for newsletter section. -->
<p>
Subscribe to our newsletter for a weekly dose of news, updates,
helpful tips, and exclusive offers.
</p>
<!-- Text for newsletter subscription. -->
<form id="subscriptionForm" action="#">
<input
id="emailInput"
type="email"
placeholder="Your email"
required
pattern="[^\s@]+@[^\s@]+\.[^\s@]+"
/>
<button id="submitButton" type="submit">SUBSCRIBE</button>
</form>
<div id="customAlert" class="alert">
<span id="alertText"></span>
<button id="closeAlert">×</button>
</div>
<div class="icons">
<!-- Icons section. -->
<a href="#"><i class="fa-brands fa-facebook-f"></i></a>
<!-- Facebook icon. -->
<a href="#"><i class="fa-brands fa-twitter"></i></a>
<!-- Twitter icon. -->
<a href="#"><i class="fa-brands fa-linkedin"></i></a>
<!-- LinkedIn icon. -->
<a href="#"><i class="fa-brands fa-github"></i></a>
<!-- GitHub icon. -->
</div>
</div>
</div>
</section>
<footer
class="footer-text"
style="
text-align: center;
color: rgba(0, 131, 245, 0.769);
margin-bottom: 10px;
font-size: 12px;
"
>
<!-- Footer section. -->
© 2024-All rights reserved.<br />
Made with ❤️ of <b>Chrome Gaming</b>
</footer>
</body>
</html>