-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
355 lines (300 loc) · 18.6 KB
/
index.html
File metadata and controls
355 lines (300 loc) · 18.6 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
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
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Aditya Choudhary | Web Developer & C++ Programmer</title>
<!-- Favicon -->
<link rel="icon" href="favicon.png" type="image/x-icon">
<link rel="shortcut icon" href="favicon.png" type="image/x-icon">
<link rel="apple-touch-icon" href="favicon.png">
<meta name="description"
content="Hi, I'm Aditya Choudhary – a Web Developer and C++ Programmer from Patna, Bihar. Explore my projects, coding skills, and web creations through my portfolio which showcases my creative web development projects, games, and tools. Explore responsive websites, puzzles, to-do lists, and more built with HTML, CSS, JavaScript, and Bootstrap. Let's build something amazing together.">
<meta name="keywords"
content="aditya choudhary, portfolio, aditya choudhary portfolio, c++,html,css ,js web developer, C++ programmer, portfolio, front-end developer, backend, full-stack, software engineer, India developer, Aditya Choudhary, Web Developer, Frontend Developer, HTML, CSS, JavaScript, Bootstrap,tailwind,react,mern,mongodb,expressjs, Portfolio, Projects, Web Design, Responsive Websites, lnmi, patna">
<meta name="author" content="Aditya Choudhary">
<meta name="robots" content="index, follow">
<link rel="canonical" href="https://adiityachoudhary.github.io/portfolio/">
<link rel="sitemap" type="application/xml" title="Sitemap" href="sitemap.xml">
<!-- Open Graph / Facebook -->
<meta property="og:title" content="Aditya Choudhary | Web Developer & C++ Programmer">
<meta property="og:description"
content="Explore my portfolio of projects and technical skills in web development and programming.">
<meta property="og:image"
content="https://raw.githubusercontent.com/adiityachoudhary/portfolio/refs/heads/main/pic/preview.webp">
<meta property="og:url" content="https://adiityachoudhary.github.io/portfolio/">
<meta property="og:site_name" content="Aditya Choudhary Portfolio">
<meta property="og:type" content="website">
<!-- Twitter -->
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:title" content="Aditya Choudhary | Web Developer & C++ Programmer">
<meta name="twitter:description" content="Explore my latest web development work and C++ projects.">
<!-- font awesome -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css"
integrity="sha512-DTOQO9RWCH3ppGqcWaEA1BIZOC6xxalwEsw9c2QQeAIftl+Vegovlnee1c9QX4TctnWMn13TZye+giMm8e2LwA=="
crossorigin="anonymous" referrerpolicy="no-referrer" />
<!-- google font api -->
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<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">
<!-- bootstrap -->
<link href="bs/css/bootstrap.css" rel="stylesheet">
<!-- navbar css -->
<link rel="stylesheet" href="style.css">
<style>
</style>
</head>
<body>
<!-- Main container -->
<div id="home" class="container-fluid gx-0 ">
<div class="bg-black text-white topinfobar">
<div class="container p-2 d-flex">
<div class="col-lg-7 col-6 justify-content-start ">
<!-- GitHub -->
<a class="text-white p-2" href="https://github.com/adiityachoudhary" target="_blank"
style="text-decoration: none;"><i
class=" fa-brands text-white fa-github me-2 top-bar"></i></a>
<!-- Linkedin -->
<a class="text-white p-2" href="https://www.linkedin.com/in/adiityachoudhary/" target="_blank"
style="text-decoration: none;"><i
class=" fa-brands fa-linkedin text-white me-2 top-bar"></i></a>
<!-- twitter -->
<a class="text-white p-2" href="https://twitter.com/adiityachoudhry?t=UdPDr3spRYLURaGo5MdfhQ&s=35"
target="_blank" style="text-decoration: none;"><i
class=" fa-brands fa-twitter text-white me-2 top-bar"></i></a>
</div>
<!-- only view on lg screen -->
<div class="col-lg-5 d-none d-md-flex justify-content-end ms-auto pe-3"><a href="tel:+917543030142"
class="text-decoration-none text-white toptext me-2"><i class="fa fa-phone top-bar"
aria-hidden="true"></i>
+917543030142</a>|<a href="mailto:caditya965@gmail.com"
class="text-decoration-none text-white toptext ms-2"><i class="fa fa-envelope top-bar"
aria-hidden="true"></i>
caditya965@gmail.com</a></div>
<!-- only view on mobile screen -->
<div class="col-6 d-block d-md-none d-flex justify-content-end ">
<a href="tel:+917543030142" class="text-decoration-none text-white"><i
class="fa fa-phone px-2 top-bar" aria-hidden="true"></i></a> |
<a href="mailto:caditya965@gmail.com" class="text-decoration-none text-white"><i
class="fa fa-envelope px-2 top-bar" aria-hidden="true"></i></a>
</div>
</div>
</div>
<!-- Navbar -->
<nav class="navbar navbar-expand-lg navbar-glass navbar-sticky">
<div class="container">
<a class="navbar-brand" href="index.html#home"><img src="pic/adi.png" alt="aditya_logo"
height="40px"></a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarFancy"
aria-controls="navbarFancy" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarFancy">
<ul class="navbar-nav ms-auto mb-2 mb-lg-0">
<li class="nav-item">
<a class="nav-link active btn" aria-current="page" href="index.html#home"><i
class="fa-solid fa-home"></i> Home</a>
</li>
<li class="nav-item">
<a class="nav-link btn" href="Resume.html"><i class="fa-solid fa-address-card"></i>
About</a>
</li>
<li class=" nav-item">
<a class="nav-link btn" href="#projects"><i class="fa-solid fa-list-check"></i> Projects</a>
</li>
<li class="nav-item">
<a class="nav-link btn" href="contact.html"><i class="fa-solid fa-phone"></i> Contact</a>
</li>
<li class="nav-item">
<a class="nav-link btn" href="src/Aditya Choudhary resume.pdf" target="_blank"><i
class="fa-regular fa-file-pdf"></i> Resume</a>
</li>
</ul>
</div>
</div>
</nav>
<!-- content -->
<div class="container mt-3 ">
<!-- paragraph briefing -->
<div class="acrylic hero-box mx-auto ">
<h1 class="text-center hero-title">Welcome to My Portfolio</h1>
<h5 class="hero-subtitle">Crafting Digital Experiences with Precision & Passion</h5>
<p class="hero-description">I'm <strong>Aditya Choudhary</strong>, a passionate <strong>Web
Developer</strong>
focused on building responsive, elegant, and user-friendly digital solutions.
Whether it's front-end interfaces or back-end logic, I combine creativity with clean
code to deliver real impact.
Scroll down, explore my work, and let’s collaborate to build something remarkable.</p>
</div>
<br>
<!-- Group of cards -->
<div id="projects" class=" row mb-4 d-flex justify-content-center pb-3 m-1 cards ">
<!-- Discover Our Work text-->
<div class="col-12 display-3 text-center pt-3 discover">Discover my Work</div>
<!-- bunch of cards -->
<div class="row row-cols-1 row-cols-md-3 row-cols-lg-4 g-4 p-1 ">
<!-- Resume card card-1 -->
<div class="col order-first ">
<div class="card h-100">
<a href="Resume.html" class="text-decoration-none"><img src="pic/resume.png"
class="card-img-top p-1" alt="aditya choudhary resume preview">
<div class="card-body text-dark">
<h5 class="card-title">💼 About Me</h5>
<p class="card-text text-muted">My resume built with HTML, CSS, and Bootstrap.
Includes sections for personal info, education, work experience, skills,
projects,
and contact details.</p>
</div>
</a>
</div>
</div>
<!-- data analytics card-2 -->
<div class="col order-0">
<div class="card h-100">
<a href="https://github.com/adiityachoudhary/data_analytics" target="_blank"
class="text-decoration-none"><img src="pic/dataa.webp" class="card-img-top p-1"
alt="data analytics preview">
<div class="card-body text-dark">
<h5 class="card-title">📊 Interactive Dashboards</h5>
<p class="card-text text-muted">
Explore my data analytics projects built with Tableau and Power BI. From sales
trends to customer insights, each dashboard turns raw data into clear, visual
stories that drive smart decisions.
</p>
</div>
</a>
</div>
</div>
<!-- Ecommerce Water app card-2 -->
<div class="col order-1">
<div class="card h-100">
<a href="https://adiityachoudhary.github.io/Ecommerce_Website/" target="_blank"
class="text-decoration-none"><img src="pic/ecomm.jpeg" class="card-img-top p-1"
alt="hydromate webiste preview">
<div class="card-body text-dark">
<h5 class="card-title">💧E-Commerce Website</h5>
<p class="card-text text-muted">Modern e-commerce website which features smooth
navigation, add-to-cart functionality, quantity
management, and a consistent layout.
.</p>
</div>
</a>
</div>
</div>
<!-- Puzzle game card-3 -->
<div class="col order-2">
<div class="card h-100">
<a href="puzzle/puzzle.html" target="_blank" class="text-decoration-none"><img
src="puzzle/puzzle.jpg" class="card-img-top p-1" alt="Jigsaw Puzzle preview">
<div class="card-body text-dark">
<h5 class="card-title">🧩 Jigsaw Puzzle</h5>
<p class="card-text text-muted"> Fun & Challenging Jigsaw Puzzle
Relax, unwind, and sharpen your mind with this high-quality puzzle.</p>
</div>
</a>
</div>
</div>
<!-- Pacman card card-4 -->
<div class="col order-3">
<div class="card h-100">
<a href="pacman.html" target="_blank" class="text-decoration-none">
<img src="pic/pacman.png" class="card-img-top p-1" alt="pic pacman preview">
<div class="card-body text-dark">
<h5 class="card-title">👾 PACMAN</h5>
<p class="card-text text-muted">Digital recreation of the classic PACMAN game
using HTML,
CSS,
and Bootstrap. Responsive for multiple device screens</p>
</div>
</a>
</div>
</div>
<!-- Chessboard card-7 -->
<div class="col order-last">
<div class="card h-100">
<a href="chess.html" target="_blank" class="text-decoration-none"><img src="pic/chess.png"
class="card-img-top p-1" alt="preview chessboard">
<div class="card-body text-dark">
<h5 class="card-title">♟️ Chessboard</h5>
<p class="card-text text-muted">Digital chessboard implementation using HTML, CSS,
and
Bootstrap.
Responsive for multiple device
</p>
</div>
</a>
</div>
</div>
<!-- word counter card-5 -->
<div class="col order-4">
<div class="card h-100">
<a href="word_counter/index.html" target="_blank" class="text-decoration-none"><img
src="word_counter/word_counter.jpg" class="card-img-top p-1"
alt="word counter preview">
<div class="card-body text-dark">
<h5 class="card-title">✍️ Word Counter</h5>
<p class="card-text text-muted">A simple and efficient tool to count words, letters,
and spaces in real-time. Built to boost productivity and track content length
instantly.
</p>
</div>
</a>
</div>
</div>
<!-- TO-DO card card-3 -->
<div class="col order-5">
<div class="card h-100">
<a href="todo/index.html" target="_blank" class="text-decoration-none"><img
src="pic/todo.jpeg" class="card-img-top p-1" alt="to-do list preview">
<div class="card-body text-dark">
<h5 class="card-title ">✅ To-Do List</h5>
<p class="card-text text-muted">A basic to-do list.
Add, manage, and complete tasks with
ease. Stay organized and get things done.</p>
</div>
</a>
</div>
</div>
<!-- card end -->
</div>
</div>
</div>
<br>
<!-- footer -->
<footer class="py-4 text-center text-white footer-home" id="contact">
<br>
<ul class="list-group list-group-horizontal-lg ">
<!-- GitHub -->
<div class="col-lg-3 col-12 p-2"><a class="text-white" href="https://github.com/adiityachoudhary"
target="_blank" style="text-decoration: none;"><i
class="blur fa-brands border border-5 border-white rounded-circle text-dark bg-white fa-github fa-beat-fade me-2"></i>GitHub</a>
</div>
<!-- Linkedin -->
<div class="col-lg-3 col-12 p-2 "><a class="text-white"
href="https://www.linkedin.com/in/adiityachoudhary/" target="_blank"
style="text-decoration: none;"><i
class="blur fa-brands border border-5 border-white bg-white rounded-circle fa-linkedin fa-beat-fade text-primary me-2"></i>Linkedin</a>
</div>
<!-- twitter -->
<div class="col-lg-3 col-12 p-2 "><a class="text-white"
href="https://twitter.com/adiityachoudhry?t=UdPDr3spRYLURaGo5MdfhQ&s=35" target="_blank"
style="text-decoration: none;"><i
class="blur fa-brands border border-5 border-white bg-white rounded-circle fa-twitter fa-beat-fade text-info me-2"></i>Twitter</a>
</div>
<!-- Photo footer circle -->
<div class="col-lg-3 col-12 pt-2"><a href="index.html#home"><img src="pic/Photosquare.jpg"
alt="aditya choudhary portfolio display picture"
class="rounded-circle img-fluid img-thumbnail photo-footer"></a></div>
</ul>
<!-- Visitor Counter -->
<div align="center">
<script type="text/javascript"
src="https://www.freevisitorcounters.com/en/home/counter/1356475/t/5"></script>
</div>
</footer>
<script src="bs/js/bootstrap.js"></script>
</div>
</body>
</html>