https://portfolio-xsb7.vercel.app/

1<!DOCTYPE html>
2<html lang="en">
3<head>
4    <meta charset="UTF-8">
5    <meta http-equiv="X-UA-Compatible" content="IE=edge">
6    <meta name="viewport" content="width=device-width, initial-scale=1.0">
7    <meta name="keywords" content="Pragati sable, portfolio, Pragati, full stack dev, personal portfolio lifecodes, portfolio design, portfolio website, personal portfolio" />
8    <meta name="description" content="Welcome to Pragati's Portfolio. Full-Stack Web Developer and Android App Developer" />
9    <!-- Custom CSS -->
10    <link rel="stylesheet" href="resume.css">
11    <!-- Font Awesome -->
12    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css" integrity="sha512-iBBXm8fW90+nuLcSKlbmrPcLa0OT92xO1BIsZ+ywDWZCvqsWgccV3gFoRBv0z+8dLJgyAHIhR35VZc2oM/gI1w==" crossorigin="anonymous" referrerpolicy="no-referrer" />
13    

13<script src="https://kit.fontawesome.com/95a2002ecf.js" crossorigin="anonymous"></script>

13
14    <!-- Favicon -->
15    <link id='favicon' rel="shortcut icon" href="./assets/images/favicon.jpg" type="image/x-png">
16    <title>Portfolio</title>
17</head>
18<body>
19<header>
20       
21
22        <div id="menu" class="fas fa-bars"></div>
23        <nav class="navbar">
24            <ul>
25            <li><a class="active" href="#home">Home</a></li>
26            <li><a href="#about">About</a></li>
27            <li><a href="#skills">Skills</a></li>
28            <li><a href="#education">Education</a></li>
29            <li><a href="#work">Work</a></li>
30            <li><a href="#experience">Experience</a></li>
31            </ul>
32        </nav>
33</header>
34<!-- navbar ends -->
35
36
37<!-- hero section starts -->
38<section class="home" id="home">
39    <div id="particles-js"></div>
40
41    <div class="content">
42    <h2>Hi There,<br/> I'm Anuj Gadekar <span></span></h2>
43    <p>i am into <span class="typing-text"></span></p>
44    <a href="#about" class="btn"><span>About Me</span>
45      <i class="fas fa-arrow-circle-down"></i>
46    </a>
47    <div class="socials">
48        <ul class="social-icons">
49          <li><a class="facebook" aria-label="Facebook" href=" " target="_blank"><i class="fab fa-facebook"></i></a></li>
50          <li><a class="instagram" aria-label="Instagram" href="https://www.instagram.com/itz__anuzz______/"><i class="fab fa-instagram" target="_blank"></i></a></li>
51          <li><a class="linkedin" aria-label="LinkedIn" href="https://www.linkedin.com/in/anuj-gadekar-360991313/" target="_blank"><i class="fab fa-linkedin"></i></a></li> 
52          <li><a class="twitter" aria-label="twitter" href=" " target="_blank"><i class="fab fa-twitter"></i></a></li> 
53          <li><a class="github" aria-label="GitHub" href="https://gitlab.com/dashboard/projects " target="_blank"><i class="fab fa-github"></i></a></li>
54          <li><a class="dev" aria-label="Dev" href=" " target="_blank"><i class="fa-brands fa-youtube"></i></a></li>
55        </ul>
56      </div>
57    </div>
58<div class="image">
59    <img draggable="false" class="tilt" src="./images/profile.jpg" alt="" height="">
60</div>
61</section>
62<!-- hero section ends -->
63
64
65<!-- about section starts -->
66<section class="about" id="about">
67    <h2 class="heading"><i class="fas fa-user-alt"></i> About <span>Me</span></h2>
68    
69    <div class="row">
70
71    <div class="image">
72        <img draggable="false" class="tilt" src="./images/Anuz.jpg" alt="">
73    </div>
74    <div class="content">
75        <h3>I'm Gadekar Anuj</h3>
76        <span class="tag">Software Developer</span>
77        
78        <p>I am learning software developing, India. 
79          I am very passionate about improving my coding skills & developing applications & websites.
80          I build WebApps and Websites using basic skills.
81          Working for myself to improve my skills.
82          Love to build Full-Stack clones. </p>
83        
84        <div class="box-container">
85            <div class="box">
86              <p><span> age: </span> 19</p>
87              <p><span> phone : </span> +91 9657847353</p>
88            </div>
89            <div class="box">
90              <p><span> email : </span> [email protected]</p>
91              <p><span> place : </span> maharashtra, India</p>
92            </div>
93        </div>
94        
95       <div class="resumebtn">
96  <a href="Resume.pdf" download target="_blank" class="btn">
97    <span>Resume</span>
98    <i class="fas fa-chevron-right"></i>
99  </a>
100</div>
101
102
103    </div>
104    </div>
105</section>
106<!-- about section ends -->
107
108<!-- skills section starts -->
109<section class="skills" id="skills">
110
111    <h2 class="heading"><i class="fas fa-laptop-code"></i> Skills & <span>Abilities</span></h2>
112
113    <div class="container">
114           
115             
116             
117              
118            <div class="bar">
119              <div class="info">
120                <svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px"height="50" width="50" viewBox="0 0 48 48">
121                  <linearGradient id="SNASnMitCxQrIYk4GDibta_v8RpPQUwv0N8_gr1" x1="18.208" x2="34.159" y1="2.413" y2="46.236" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#f09701"></stop><stop offset="1" stop-color="#e36001"></stop></linearGradient><path fill="url(#SNASnMitCxQrIYk4GDibta_v8RpPQUwv0N8_gr1)" d="M7.192,7.176l2.627,29.77c0.109,1.237,0.97,2.28,2.164,2.621l10.643,3.041	c0.898,0.257,1.849,0.257,2.747,0l10.643-3.041c1.194-0.341,2.055-1.383,2.164-2.621l2.627-29.77C40.911,6.006,39.99,5,38.816,5	H9.184C8.01,5,7.089,6.006,7.192,7.176z"></path><path fill="#f09601" d="M24,8v31.9l9.876-2.822c0.797-0.228,1.371-0.924,1.443-1.749l2.286-26.242	C37.656,8.502,37.196,8,36.609,8H24z"></path><path fill="#fff" d="M24,25v-4h8.6l-0.7,11.5L24,35.1v-4.2l4.1-1.4l0.3-4.5L24,25z M32.9,17l0.3-4H24v4H32.9z"></path><path fill="#d6e0e9" d="M24,30.9v4.2l-7.9-2.6L15.7,27h4l0.2,2.5L24,30.9z M19.1,17H24v-4h-9.1l0.7,12H24v-4h-4.6L19.1,17z"></path><path d="M33.2,13l-0.3,4H24h-4.9l0.3,4H24h8.6l-0.7,11.5L24,35.1l-7.9-2.6L15.7,27h4l0.2,2.5l4.1,1.4l4.1-1.4l0.3-4.5H24h-8.4 l-0.7-12H24H33.2 M34.278,12H33.2H24h-9.1h-1.06l0.062,1.058l0.7,12L14.657,26h-0.032l0.078,1.073l0.4,5.5l0.049,0.668 l0.636,0.209l7.9,2.6L24,36.153l0.313-0.103l7.9-2.6l0.644-0.212l0.041-0.677l0.7-11.5L33.663,20H32.6H24h-3.672l-0.15-2H24h8.9 h0.928l0.069-0.925l0.3-4L34.278,12L34.278,12z M20.623,26H24h3.331l-0.185,2.769L24,29.843l-3.156-1.077l-0.148-1.846L20.623,26 L20.623,26z" opacity=".05"></path><path d="M33.2,13l-0.3,4H24h-4.9l0.3,4H24h8.6l-0.7,11.5L24,35.1l-7.9-2.6L15.7,27h4l0.2,2.5l4.1,1.4l4.1-1.4l0.3-4.5H24h-8.4 l-0.7-12H24H33.2 M33.739,12.5H33.2H24h-9.1h-0.53l0.031,0.529l0.7,12l0.027,0.471H15.6H24h3.866l-0.242,3.634L24,30.372 l-3.628-1.239l-0.174-2.173l-0.037-0.46H19.7h-4h-0.538l0.039,0.536l0.4,5.5l0.024,0.334l0.318,0.105l7.9,2.6L24,35.626 l0.156-0.051l7.9-2.6l0.322-0.106l0.021-0.339l0.7-11.5l0.032-0.53H32.6H24h-4.136l-0.225-3H24h8.9h0.464l0.035-0.463l0.3-4 L33.739,12.5L33.739,12.5z" opacity=".07"></path>
122                  </svg>

123                <span>HTML5</span>
124              </div>
125            </div>
126            <div class="bar">
127              <div class="info">
128                <img src=" ./images/css.png" height="50" width="50">
129                <span>CSS</span>
130              </div>
131            </div>
132            <div class="bar">
133              <div class="info">
134                <img src="./images/javascript.png" height="50" width="50">
135                <span>JavaScript</span>
136              </div>
137            </div>
138            
139            <div class="bar">
140              <div class="info">
141                <img src=" ./images/java.png" height="50" width="50">
142                <span>Java</span>
143              </div>
144            </div>
145            <div class="bar">
146              <div class="info">
147                <img src="./images/PY.png" height="50" width="50">
148                <span>PYTHON</span>
149              </div>
150            </div>
151            <div class="bar">
152              <div class="info">
153                <img src=" ./images/C++.png" height="50" width="50">
154                <span>C++</span>
155              </div>
156            </div>
157            <div class="bar">
158              <div class="info">
159                <img src="./images/PHP.png" height="50" width="50">
160                <span>PHP</span>
161              </div>
162            </div>
163            <div class="bar">
164              <div class="info">
165                <img src="./images/sql.png" height="50" width="50">
166                <span>SQL</span>
167              </div>
168            </div>
169             
170             
171             
172            <div class="bar">
173              <div class="info">
174                <img src="./images/node.jpg" height="50" width="50">
175                <span>NODE JS</span>
176              </div>
177            </div>
178            
179              <div class="bar">
180              <div class="info">
181                <img src="./images/ReactJS.png" height="50" width="50">
182                <span>ReactJS</span>
183              </div>
184            </div>
185             <div class="bar">
186              <div class="info">
187                <img src="./images/express.jpg" height="50" width="50">
188                <span>EXPRESS JS</span>
189              </div>
190            </div>
191             <div class="bar">
192              <div class="info">
193                <img src="./images/mongo.jpg" height="50" width="50">
194                <span>MongoDB</span>
195              </div>
196            </div>
197             
198             <div class="bar">
199              <div class="info">
200                <img src="./images/mysql.jpg" height="50" width="50">
201                <span>MYSQL</span>
202              </div>
203            </div>
204            <div class="bar">
205              <div class="info">
206                <img src="./images/gitlab.jpg" height="50" width="50">
207                <span>GITLAB</span>
208              </div>
209            </div>
210                
211</div>
212</section>
213<!-- skills section ends -->
214
215
216<!-- education section starts -->
217<section class="education" id="education">
218
219  <h1 class="heading"><i class="fas fa-graduation-cap"></i> My <span>Education</span></h1>
220
221    <p class="qoute">Education is not the learning of facts, but the training of the mind to think.</p>
222
223    <div class="box-container">
224
225    <div class="box">
226         
227        <div class="content">
228        <h3>pursing computer engineering</h3>
229        <p> genba sopanrao moze collage of engineering pune, balewadi </p>
230        <h4>2027-2028 | PURSING</h4>
231        </div>
232    </div>
233
234    <div class="box">
235       
236      <div class="content">
237      <h3>High School</h3>
238      <p>P.M.V CHINCHPUR , AHILYANAGAR</p>
239      <h4>2020-2021 | Completed</h4>
240      </div>
241    </div>
242    <div class="box">
243       >
244      <div class="content">
245      <h3>Intermediate</h3>
246      <p>P.V.P JR COLLAGE LONI, AHILYANAGAR</p>
247      <h4>2022-2023 | Completed</h4>
248      </div>
249    </div>
250
251</div>
252</section>
253<!-- education section ends -->
254 <!-- work section starts -->
255<section class="work" id="work">
256
257  <h2 class="heading"><i class="fas fa-laptop-code"></i> My <span>Work</span></h2>
258
259  <div class="box-container">
260

261    <!-- Project 1 -->
262    <div class="box">
263      <img src="./images/API.png" alt="Project Image">
264
265      <div class="content">
266        <div class="tag">
267          <h3>Product Management API</h3>
268        </div>
269
270        <div class="desc">
271          <p>
272            Developed a RESTful Product API using Node.js, Express and MongoDB.
273            Implemented CRUD operations and MVC architecture.
274          </p>
275
276          <div class="btns">
277            <a href="#" class="btn">View</a>
278            <a href="#" class="btn">Code</a>
279          </div>
280        </div>
281      </div>
282    </div>
283
284    <!-- Project 2 -->
285    <div class="box">
286      <img src="./images/PORT.png" alt="Project Image">
287
288      <div class="content">
289        <div class="tag">
290          <h3>Portfolio Website</h3>
291        </div>
292
293        <div class="desc">
294          <p>
295            Responsive personal portfolio using HTML, CSS, JavaScript
296            with animations and modern UI.
297          </p>
298
299          <div class="btns">
300            <a href="#" class="btn">View</a>
301            <a href="#" class="btn">Code</a>
302          </div>
303        </div>
304      </div>
305    </div>
306
307    <!-- Project 3 -->
308    <div class="box">
309      <img src="./images/STUDENT.png" alt="Project Image">
310
311      <div class="content">
312        <div class="tag">
313          <h3>Student Registration System</h3>
314        </div>
315
316        <div class="desc">
317          <p>
318            Web-based student registration system with authentication
319            using PHP and MySQL.
320          </p>
321
322          <div class="btns">
323            <a href="#" class="btn">View</a>
324            <a href="#" class="btn">Code</a>
325          </div>
326        </div>
327      </div>
328    </div>
329
330  </div>
331
332  <div class="viewall">
333    <a href="#" class="btn"><span>View All</span> <i class="fas fa-arrow-right"></i></a>
334  </div>
335
336</section>
337<!-- work section ends -->
338 <!-- experience section starts -->
339<section class="experience" id="experience">
340
341  <h2 class="heading"><i class="fas fa-briefcase"></i> My <span>Experience</span></h2>
342
343  <div class="timeline">
344
345    <!-- Experience 1 -->
346    <div class="container left">
347      <div class="content">
348        <div class="tag">
349          <h2>Software Developer Intern</h2>
350        </div>
351        <div class="desc">
352          <h3>BRITWISE TECHNOLOGIES PVT LTD | 2025 – Present</h3>
353          <p>
354            Working on backend development using Node.js, Express and TypeScript.
355            Learned API development, GitLab workflows, and MongoDB integration.
356          </p>
357        </div>
358      </div>
359    </div>
360
361    <!-- Experience 2 -->
362    <div class="container right">
363      <div class="content">
364        <div class="tag">
365          <h2>Web Development Learner</h2>
366        </div>
367        <div class="desc">
368          <h3>Self Learning | 2023 – Present</h3>
369          <p>
370            Building projects using HTML, CSS, JavaScript, PHP, and MERN stack.
371            Focused on writing clean and scalable code.
372          </p>
373        </div>
374      </div>
375    </div>
376
377    <!-- Experience 3 -->
378    <div class="container left">
379      <div class="content">
380        <div class="tag">
381          <h2>Academic Projects</h2>
382        </div>
383        <div class="desc">
384          <h3>College Projects</h3>
385          <p>
386            Developed mini-projects like portfolio websites, CRUD applications,
387            and database-driven systems.
388          </p>
389        </div>
390      </div>
391    </div>
392
393  </div>
394
395  <div class="morebtn">
396    <a href="#" class="btn"><span>More</span> <i class="fas fa-arrow-right"></i></a>
397  </div>
398
399</section>
400<!-- experience section ends -->
401
402
403
404
405
406 
407 
408
409<!-- footer section starts -->
410<section class="footer">
411
412  <div class="box-container">
413
414      <div class="box">
415          <h3>Anuj's Portfolio</h3>
416          <p>Thank you for visiting my personal portfolio website. Connect with me over socials. <br/> <br/> Keep Rising 🚀. Connect with me over live chat!</p>
417      </div>
418
419      <div class="box">
420          <h3>quick links</h3>
421          <a href="#home"><i class="fas fa-chevron-circle-right"></i> Home</a>
422          <a href="#about"><i class="fas fa-chevron-circle-right"></i> About</a>
423          <a href="#skills"><i class="fas fa-chevron-circle-right"></i> Skills</a>
424          <a href="#education"><i class="fas fa-chevron-circle-right"></i> Education</a>
425          <a href="#work"><i class="fas fa-chevron-circle-right"></i> Work</a>
426          <a href="#experience"><i class="fas fa-chevron-circle-right"></i> Experience</a>
427      </div>
428
429      <div class="box">
430          <h3>Contact info</h3>
431          <p> <i class="fas fa-phone"></i>+91 9657847353</p>
432          <p> <i class="fas fa-envelope"></i>[email protected]</p>
433          <p> <i class="fas fa-map-marked-alt"></i>MHALUNGE , PUNE ,INDIA</p>
434           
435      </div>
436  </div>
437
438  
439
440 
441
442
443<!-- scroll top btn -->
444<a href="#home" aria-label="ScrollTop" class="fas fa-angle-up" id="scroll-top"></a>
445<!-- scroll back to top -->
446
447
448<!-- ==== ALL MAJOR JAVASCRIPT CDNS STARTS ==== -->
449<!-- jquery cdn -->

450<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js" integrity="sha512-894YE6QWD5I59HgZOGReFYm4dnWc1Qt5NtvYSaNcOP+u1T9qYdvdihz0PPSiiqn/+/3e7Jo4EaG7TubfWGUrMQ==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>

450
451
452<!-- typed.js cdn -->

453<script src="https://cdnjs.cloudflare.com/ajax/libs/typed.js/2.0.5/typed.min.js" integrity="sha512-1KbKusm/hAtkX5FScVR5G36wodIMnVd/aP04af06iyQTkD17szAMGNmxfNH+tEuFp3Og/P5G32L1qEC47CZbUQ==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>

453
454
455<!-- particle.js links -->

456<script src="./assets/js/particles.min.js"></script>

456

457<script src="./assets/js/app.js"></script>

457
458
459<!-- vanilla tilt.js links -->

460<script src="https://cdnjs.cloudflare.com/ajax/libs/vanilla-tilt/1.7.0/vanilla-tilt.min.js" integrity="sha512-SttpKhJqONuBVxbRcuH0wezjuX+BoFoli0yPsnrAADcHsQMW8rkR84ItFHGIkPvhnlRnE2FaifDOUw+EltbuHg==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>

460
461
462<!-- scroll reveal anim -->

463<script src="https://unpkg.com/scrollreveal"></script>

463
464

465<script
466      type="text/javascript"
467      src="https://cdn.jsdelivr.net/npm/emailjs-com@3/dist/email.min.js"
468    ></script>

468
469
470<!-- ==== ALL MAJOR JAVASCRIPT CDNS ENDS ==== -->
471

472<script src="./js/resume.js"></script>

472
473
474</body>
475</html>