forked from ChromeGaming/Community-Page
-
Notifications
You must be signed in to change notification settings - Fork 0
/
contribute.html
138 lines (124 loc) · 4.97 KB
/
contribute.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
<!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 | Contribute</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="center" 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;">Contribute to the Games</h1>
<br>
<br>
<h1>Our Products</h1>
<h3>Dot-Box</h3>
<p>Dot-Box is a game where players take turns drawing lines between dots to create boxes. The player who completes the most boxes wins. It's a simple yet strategic game enjoyed by people of all ages</p>
<br>
<a href="https://github.com/GameSphere-MultiPlayer/Dot-Box"><button style="background-color: transparent; color: white;">Click here to contribute to this game</button></a>
<br>
<br>
<h3>Car-Racing</h3>
<p>This is a car racing game made using C# </p>
<br>
<a href="https://github.com/Durgesh4993/carracing.github.io"><button style="background-color: transparent; color: white;">Click here to contribute to this game</button></a>
</div>