-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
273 lines (241 loc) · 12.5 KB
/
index.html
File metadata and controls
273 lines (241 loc) · 12.5 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
<!Doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title> Priyanshu Singh </title>
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.0/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-gH2yIJqKdNHPEq0n4Mqa/HGKIhSkIHeL5AyhkYV8i59U5AR6csBvApHHNl/vI1Bx" crossorigin="anonymous">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.9.1/font/bootstrap-icons.css">
<link href="styles.css" rel="stylesheet">
</head>
<body>
<header class="pt-4 pb-4 pb-md-0">
<nav class="navbar navbar-expand-lg">
<div class="container-xxl g-codecyan">
<a class="navbar-brand" href="#">
<h1 class="m-0 text-accent-codecyan fw-bold">Portfolio</h1>
</a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<!-- <span class="navbar-toggler-icon"></span> -->
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav ms-auto my-3 my-lg-0">
<li class="nav-item me-5">
<a class="nav-link" aria-current="page" href="">Home</a>
</li>
<li class="nav-item me-5">
<a class="nav-link" href="#about">About</a>
</li>
<li class="nav-item me-5">
<a class="nav-link" href="#skills">Skills</a>
</li>
<li class="nav-item me-5">
<a class="nav-link" href="#portfolio">Projects </a>
</li>
<li class="nav-item">
<a class="nav-link" href="#contact">Contact</a>
</li>
</ul>
<ul class="navbar-nav ms-auto mb-2 mb-lg-0">
<li class="nav-item">
<a class="btn btn-accent-codecyan btn-lg" href="#resume" role="button">Resume <i
class="bi bi-download ms-1"></i></a>
</li>
</ul>
</div>
</div>
</nav>
<section class="mt-5 mb-5 mb-md-0">
<div class="container-xxl g-codecyan overflow-hidden">
<div class="row justify-content-between align-items-center gx-5 gy-5">
<div class="col-md-4">
<div class="text-center text-md-start">
<h1 class="display-1 fw-bold lh-base">Hi, I'm
<div class="text-accent-codecyan">Priyanshu Singh ! </div>
</span>
<h4><u><span class="text-accent-codecyan"> </span></u></h4>
<!-- <h4>Software Developer | </h4> -->
<!-- <h4></h4> -->
</div>
</div>
<div class="col-md-6">
<div class="anim-codecyan">
<img class="w-100 img-fluid" src="/assets/back.svg" alt="">
</div>
</div>
</div>
</div>
</div>
</section>
</br>
</br>
</header>
<br>
<br>
<hr>
<section id="#about" class="bg-odd-codecyan py-5">
<div class="container-xl g-codecyan overflow-hidden py-3">
<div class="row align-items-center gap-5 my-4">
<div class="align-items-center justify-content-center col-md-10>
<div class= " text-center text-md-start ">
<h1 class=" display-3 fw-bold ">About Me</h1>
</div>
<div class="text-center mx-auto ">
<img src="assets/ghost.jpg " class="rounded-circle w-25 ">
</div>
<div class=" text-center mt-4 lh-lg ">
A technology enthusiast with a passion for building innovative solutions, I am eager to bring my strong knowledge of computer science to the tech industry. Based on my background in core subjects and my accomplishment of being an Intern in IBM and Salesforce, I am confident that I will be able to propel projects forward and make a real impact.
<p class="text-center mt-4 lh-lg ">
I am looking forward to exploring new challenges and opportunities in the tech field and working with a team to bring ideas to life.
</p>
</div>
</div>
</div>
</div>
</section>
<hr>
<section id="#skills " class="bg-odd-codecyan py-5 ">
<div class="container-xxl g-codecyan overflow-hidden py-5 ">
<div class="text-center text-md-start ">
<!-- <h4 class="fw-bold text-success ">Techstack I know</h4> -->
<h1 class="display-3 fw-bold ">Skillset</h1>
</div>
<div class="row justify-content-between gx-5 gy-5 my-4 ">
<div class="col-md-4 ">
<div class="bg-blue-codecyan anim-codecyan rounded-5 overflow-hidden ">
<div class="p-5 pb-3 ">
<h2 class="fw-bold text-light ">Frontend Development</h2>
<br>
<p class="fs-5 text-light ">
<i class="bi bi-check "></i> HTML5
</p>
<p class="fs-5 text-light ">
<i class="bi bi-check "></i> CSS
</p>
<p class="fs-5 text-light ">
<i class="bi bi-check "></i> Bootstrap
</p>
<p class="fs-5 text-light ">
<i class="bi bi-check "></i> Taiwind CSS
</p>
<p class="fs-5 text-light ">
<i class="bi bi-check "></i> ReactJs
</p>
<br>
</div>
</div>
</div>
<div class="col-md-4 ">
<div class="bg-blue-codecyan anim-codecyan rounded-5 overflow-hidden ">
<div class="p-5 pb-3 ">
<h2 class="fw-bold text-light ">Backend Development</h2>
<br>
<p class="fs-5 text-light ">
<i class="bi bi-check "></i> NodeJS
</p>
<p class="fs-5 text-light ">
<i class="bi bi-check "></i> ExpressJS
</p>
<p class="fs-5 text-light ">
<i class="bi bi-check "></i> MongoDB
</p>
<p class="fs-5 text-light ">
<i class="bi bi-check "></i> MySQL
</p>
<p>
<br>
<br>
</p>
</div>
</div>
</div>
<div class="col-md-4 ">
<div class="bg-blue-codecyan anim-codecyan rounded-5 overflow-hidden ">
<div class="p-5 pb-3 ">
<h2 class="p-2 fw-bold text-light ">Programming Languages </h2>
<br>
<p class="fs-5 text-light ">
<i class="bi bi-check "></i> C
</p>
<p class="fs-5 text-light ">
<i class="bi bi-check "></i> Python
</p>
<p class="fs-5 text-light ">
<i class="bi bi-check "></i> C++
</p>
<p class="fs-5 text-light ">
<i class="bi bi-check "></i> Javascript
</p>
<br>
<br>
</div>
</div>
</div>
</div>
</div>
</section>
</main>
<hr>
<section id="#portfolio " class="bg-odd-codecyan py-5 ">
<div class="container-xxl g-codecyan overflow-hidden py-5 ">
<div class="text-center text-md-start ">
<h4 class="fw-bold text-success ">Explore My Work</h4>
<h1 class="display-3 fw-bold ">Projects</h1>
</div>
<div class="row justify-content-between gx-5 gy-5 my-4 ">
<div class="col-md-4 ">
<div class="bg-green-codecyan anim-codecyan rounded-5 overflow-hidden ">
<div class="p-5 pb-3 ">
<h1 class="fw-bold text-light ">Movie Recommendation Engine ⛵</h1>
<p class="fs-4 text-light ">
Tech Stack - Python (Apriori algorithm)
</p>
</div>
<div class="ms-5 "><img class="img-fluid w-100 " src="assets/hospital.jpeg " /></div>
</div>
</div>
<div class="col-md-4 ">
<div class="bg-green-codecyan anim-codecyan rounded-5 overflow-hidden ">
<div class="p-5 pb-3 ">
<h1 class="fw-bold text-light ">
Hospital Management System 💻</h1>
<p class="fs-4 text-light ">Tech Stack - Html | CSS</p>
</div>
<div class="ms-5 "><img class="img-fluid w-100 " src="assets/clinic.jpeg " /></div>
</div>
</div>
<div class="col-md-4 ">
<div class="bg-green-codecyan anim-codecyan rounded-5 overflow-hidden ">
<div class="p-5 pb-3 ">
<h1 class="p-2 fw-bold text-light "> AI chatbot</h1>
<p class="fs-4 text-light ">Tech Stack - Python (NLP)</p>
</div>
<br>
<div class="ms-6 "><img class="img-fluid w-100 " src="assets/chatbot.jpeg " /></div>
<br>
<br>
</div>
</div>
</div>
</div>
</section>
<hr>
<footer id="contact " class="bg-white py-5 ">
<div class="container-xxl g-codecyan overflow-hidden py-5 ">
<div class="row justify-content-between gx-0 gy-5 ">
<div class="col-md-7 ">
<h5 class="display-4 fw-bold ">Let's make something amazing together.</h5>
</div>
<div class="col-md-3 ">
<h5 class="fs-2 fw-bold ">Contact</h5>
<p class="mt-3 fs-5 " ><a href="# ">singhpriyanshu2508@gmail.com</a></p>
<p class="mt-2 fs-5 "><a href="# ">+91 8208210113</a></p>
</div>
</div>
</div>
</footer>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.0/dist/js/bootstrap.bundle.min.js "
integrity="sha384-A3rJD856KowSb7dwlZdYEkO39Gagi7vIsF0jrRAoQmDKKtQBHUuLZ9AsSv4jD4Xa "
crossorigin="anonymous "></script>
</bod>
</html>