-
Notifications
You must be signed in to change notification settings - Fork 117
/
about-us.html
223 lines (196 loc) · 7.2 KB
/
about-us.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Projects</title>
<link
rel="shortcut icon"
href="https://oyepriyansh.pages.dev/i/favicon.ico"
type="image/x-icon"
/>
<link rel="stylesheet" href="style.css" />
<link
rel="stylesheet"
href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.2/css/all.min.css"
integrity="sha512-z3gLpd7yknf1YoNbCzqRKc4qyor8gaKU1qmn+CShxbuBusANI9QpRohGBreCFkKxLhei6S9CQXFEbbKuqLg0DA=="
crossorigin="anonymous"
referrerpolicy="no-referrer"
/>
<link
rel="stylesheet"
href="https://unicons.iconscout.com/release/v4.0.8/css/line.css"
/>
<script
async
src="https://www.googletagmanager.com/gtag/js?id=G-GTFGBS8HG8"
></script>
<script
type="text/javascript"
src="https://oyepriyansh.pages.dev/cdnjs/analytics/devprofiles.js"
></script>
</head>
<body>
<div class="progress-bar" id="progressBar">
<div class="bar" id="bar"></div>
</div>
<div class="navbar">
<header>
<nav>
<p class="title" >About Us</p>
<div class="nav-links">
<a href="index.html">
<button class="add">
Go To Profile Section <i class="fa-solid fa-user"></i>
</button>
</a>
<a href="project.html">
<button class="add">
Go to Project section <i class="fa-solid fa-list-check"></i>
</button>
</a>
<a href="about-us.html">
<button class="add" onclick='window.open("about-us.html","_self")'>
About Us <i class="fa-solid fa-info-circle"></i>
</button>
</a>
<a href="contact-us.html">
<button class="add" onclick='window.open("contact-us.html","_self")'>
Contact Us <i class="fa-solid fa-address-book"></i>
</button>
</a>
<button class="dark-btn about-dark"><img id="icon" src="dark.png" alt="Dark" style="right: 0%;top: 0%;"></img></button>
</div>
</nav>
</header>
</div>
<div class="line"><br /></div>
<div class="container">
<main class="about-container">
<div id="about" class="about-section">
<h2 class="section-title">What is DevProfiles?</h2>
<p class="about-content">
<strong>DevProfiles</strong> is an open-source platform where
developers can showcase their skills, profiles, and projects. It's a
great place to contribute, learn from others, and be part of a
thriving developer community.
</p>
</div>
<div class="about-section">
<h2 class="section-title">Our Mission</h2>
<p class="about-content">
We aim to create a comprehensive collection of developer profiles
from around the world. The goal is to allow everyone to display
their skills, contribute to open-source projects, and connect with
like-minded professionals.
</p>
</div>
<div class="about-section">
<h2 class="section-title">How You Can Contribute</h2>
<p class="about-content">
We encourage developers to add their profiles and projects following
these steps:
</p>
<ol class="contribution-steps">
<li><i class="fas fa-code"></i> Fork the repository.</li>
<li>
<i class="fas fa-sync"></i> Sync your branch before making changes
by clicking the "Sync Fork" button.
</li>
<li>
<i class="fas fa-file-code"></i> Add your profile or project
between the specified sections in the `index.html` and
`project.html` files, following the instructions in the README.
</li>
<li>
<i class="fas fa-upload"></i> Commit and push your changes to your
fork.
</li>
<li>
<i class="fa-solid fa-code-pull-request"></i> Create a Pull Request and wait
for it to be merged!
</li>
</ol>
</div>
<div class="about-section">
<h2 class="section-title">Contact Us</h2>
<p class="about-content">
If you have any questions or need assistance, feel free to reach out
to us via the
<a
href="https://github.com/Gyanthakur/DevProfile"
class="link-primary"
>GitHub Repository</a
>.
</p>
</div>
</main>
</div>
<div class="line"><br /></div>
<button id="backToTopBtn" title="Go to top"><i class="fa-solid fa-arrow-up"></i>
</button>
<script src="script.js"></script>
<footer class="footer">
<ul class="social-icon">
<li class="social-icon__item">
<a
class="social-icon__link"
href="https://m.facebook.com/profile.php?eav=AfaQiAnLMKoJt9fhAP0mpclv59dhzAMBnCy-rfJi2qawDv01IOkuI4RSxLQFG4508J0&paipv=0"
>
<ion-icon name="logo-facebook"></ion-icon>
</a>
</li>
<li class="social-icon__item">
<a class="social-icon__link" href=" https://twitter.com/gps_96169">
<i class="fa-brands fa-x-twitter"></i>
</a>
</li>
<li class="social-icon__item">
<a
class="social-icon__link"
href="https://www.linkedin.com/in/gyan-pratap-singh-275785236/"
>
<ion-icon name="logo-linkedin"></ion-icon>
</a>
</li>
<li class="social-icon__item">
<a
class="social-icon__link"
href=" https://www.instagram.com/gp.singh.ro.ckstar4438/"
>
<ion-icon name="logo-instagram"></ion-icon>
</a>
</li>
<li class="social-icon__item"></i><a class="social-icon__link" href="https://wa.me/918957818597?text=Hey%20%F0%9F%91%8B%2C%20how%20can%20I%20help%20you%3F">
<ion-icon name="logo-whatsapp"></ion-icon>
</a></li>
</ul>
<ul class="menu">
<li class="menu__item"><a class="menu__link" href="#">Home</a></li>
<li class="menu__item">
<a class="menu__link" href="project.html">Project Section</a>
</li>
<li class="menu__item">
<a class="menu__link" href="index.html">Profile Section</a>
</li>
<li class="menu__item">
<a
class="menu__link"
href="contact-us.html"
>Contact</a
>
</li>
</ul>
<p>Dev Profiles © <span id="dates"></span> | All Rights Reserved</p>
</footer>
<script
type="module"
src="https://unpkg.com/[email protected]/dist/ionicons/ionicons.esm.js"
></script>
<script
nomodule
src="https://unpkg.com/[email protected]/dist/ionicons/ionicons.js"
></script>
<script src="script.js"></script>
</body>
</html>