Skip to content

Commit c2f8ea8

Browse files
affancoderaffancoder
authored
Add files via upload
1 parent 332056b commit c2f8ea8

2 files changed

Lines changed: 410 additions & 86 deletions

File tree

‎index.html‎

Lines changed: 117 additions & 66 deletions
Original file line numberDiff line numberDiff line change
@@ -299,75 +299,82 @@ <h3 class="timeline-title">
299299
</div>
300300
</section>
301301

302-
<!-- Hero Parallax Section -->
303-
<section class="parallax hero">
304-
<div class="parallax-content">
305-
<h1>Hi, I'm MD Affan Asghar</h1>
306-
<p>
307-
I'm a passionate Full Stack Web Developer, skilled in building
308-
responsive, modern, and scalable web applications.
309-
</p>
310-
</div>
311-
</section>
302+
<!----- Hero Parallax Section ------>
312303

313-
<!-- Contributions Section -->
314-
<section class="parallax section contribution">
315-
<div class="parallax-content">
316-
<h2>My Contributions</h2>
317-
<p>
318-
As a proactive developer, I've contributed to several impactful
319-
projects including:
320-
<br /><br />
321-
• <strong>International Volunteer Management System (IVMS)</strong>:
322-
Designed a smooth UI, implemented dynamic dashboards, and handled
323-
backend data integration with PHP & MySQL.<br />
324-
• <strong>Simtrak Solution</strong>: Developed beautiful and
325-
responsive frontend components using React JS, optimized user
326-
experience, and added interactive animations with GSAP.<br />
327-
• <strong>WanderLust</strong>: Built a full-stack holiday rental web
328-
app using MERN stack, featuring authentication, search filters, and
329-
user-friendly booking flows.
330-
</p>
331-
</div>
332-
</section>
304+
<section>
305+
<section class="parallax hero">
306+
<div class="parallax-content">
307+
<h1>Hi, I'm MD Affan Asghar</h1>
308+
<p>
309+
I'm a passionate Full Stack Web Developer, skilled in building
310+
responsive, modern, and scalable web applications. I focus on
311+
writing clean, efficient code and delivering smooth, user-friendly
312+
experiences. Always eager to learn, I keep up with the latest tech
313+
to build high-quality and visually appealing solutions.
314+
</p>
315+
</div>
316+
</section>
333317

334-
<!-- Appreciation Section -->
335-
<section class="parallax section appreciation">
336-
<div class="parallax-content">
337-
<h2>Appreciations</h2>
338-
<p>
339-
I'm humbled to receive continuous support and recognition from my
340-
mentors and teams:
341-
<br /><br />
342-
• <strong>Simtrak Solution Pvt Ltd</strong>: Acknowledged for
343-
delivering a professional dashboard UI, fast turnarounds, and clean
344-
code implementation.<br />
345-
• <strong>IVMS Team</strong>: Praised for creativity in front-end
346-
styling, GSAP transitions, and dedication to teamwork.<br />
347-
• <strong>College Faculty & Peers</strong>: Commended for my
348-
self-initiative in learning full-stack development beyond the
349-
curriculum.
350-
</p>
351-
</div>
352-
</section>
318+
<!-- Contributions Section -->
319+
<section class="parallax section contribution">
320+
<div class="parallax-content">
321+
<h2>My Contributions</h2>
322+
<p>
323+
As a proactive developer, I've contributed to several impactful
324+
projects including:
325+
<br /><br />
326+
•
327+
<strong>International Volunteer Management System (IVMS)</strong>:
328+
Designed a smooth UI, implemented dynamic dashboards, and handled
329+
backend data integration with PHP & MySQL.<br />
330+
• <strong>Simtrak Solution</strong>: Developed beautiful and
331+
responsive frontend components using React JS, optimized user
332+
experience, and added interactive animations with GSAP.<br />
333+
• <strong>WanderLust</strong>: Built a full-stack holiday rental
334+
web app using MERN stack, featuring authentication, search
335+
filters, and user-friendly booking flows.
336+
</p>
337+
</div>
338+
</section>
353339

354-
<!-- Achievements Section -->
355-
<section class="parallax section achievement">
356-
<div class="parallax-content">
357-
<h2>Achievements</h2>
358-
<p>
359-
• Successfully completed a Web Developer Internship at Simtrak
360-
Solution Pvt Ltd.<br />
361-
• Developed and deployed 5+ full-stack projects using technologies
362-
like React, Node.js, MongoDB, Express, PHP, MySQL, and more.<br />
363-
• Independently learned Java, Python, and Data Structures to
364-
strengthen my problem-solving skills.<br />
365-
• Built a beautiful weather web app and personal portfolio with
366-
EmailJS/Formspree integration.<br />
367-
• Contributed to real-time volunteer platforms, building impactful
368-
tools used by international teams.
369-
</p>
370-
</div>
340+
<!-- Appreciation Section -->
341+
<section class="parallax section appreciation">
342+
<div class="parallax-content">
343+
<h2>Appreciations</h2>
344+
<p>
345+
I'm humbled to receive continuous support and recognition from my
346+
mentors and teams:
347+
<br /><br />
348+
• <strong>Simtrak Solution Pvt Ltd</strong>: Acknowledged for
349+
delivering a professional dashboard UI, fast turnarounds, and
350+
clean code implementation.<br />
351+
• <strong>IVMS Team</strong>: Praised for creativity in front-end
352+
styling, GSAP transitions, and dedication to teamwork.<br />
353+
• <strong>College Faculty & Peers</strong>: Commended for my
354+
self-initiative in learning full-stack development beyond the
355+
curriculum.
356+
</p>
357+
</div>
358+
</section>
359+
360+
<!-- Achievements Section -->
361+
<section class="parallax section achievement">
362+
<div class="parallax-content">
363+
<h2>Achievements</h2>
364+
<p>
365+
• Successfully completed a Web Developer Internship at Simtrak
366+
Solution Pvt Ltd.<br />
367+
• Developed and deployed 5+ full-stack projects using technologies
368+
like React, Node.js, MongoDB, Express, PHP, MySQL, and more.<br />
369+
• Independently learned Java, Python, and Data Structures to
370+
strengthen my problem-solving skills.<br />
371+
• Built a beautiful weather web app and personal portfolio with
372+
EmailJS/Formspree integration.<br />
373+
• Contributed to real-time volunteer platforms, building impactful
374+
tools used by international teams.
375+
</p>
376+
</div>
377+
</section>
371378
</section>
372379

373380
<hr />
@@ -497,6 +504,50 @@ <h1 class="h1"><i class="fa-brands fa-superpowers"></i> Strengths</h1>
497504
</div>
498505
</section>
499506
<hr />
507+
508+
<section class="portfolio-section">
509+
<div class="portfolio-video-container">
510+
<div class="portfolio-floating-shapes">
511+
<div class="portfolio-shape"></div>
512+
<div class="portfolio-shape"></div>
513+
<div class="portfolio-shape"></div>
514+
<div class="portfolio-shape"></div>
515+
</div>
516+
<div class="portfolio-video-wrapper">
517+
<!-- Video element with controls -->
518+
<video class="portfolio-video" autoplay muted loop>
519+
<!-- Replace these source files with your actual video files -->
520+
<source src="assests/ProVideo/appreciation.mp4" type="video/mp4">
521+
<source src="#" type="video/webm">
522+
Your browser does not support the video tag.
523+
</video>
524+
<div class="portfolio-video-gradient"></div>
525+
</div>
526+
</div>
527+
<div class="portfolio-content-container">
528+
<div class="portfolio-message-container">
529+
<h2 class="portfolio-heading">Why Choose <span class="portfolio-highlight">Me</span>?</h2>
530+
<p class="portfolio-paragraph">
531+
Thank you for considering my portfolio. I'm confident that my skills, experience, and dedication make me an <span class="portfolio-highlight">exceptional asset</span> to your organization.
532+
</p>
533+
<p class="portfolio-paragraph">
534+
By bringing me on board, you'll gain a committed professional who delivers:
535+
</p>
536+
<ul class="portfolio-list">
537+
<li class="portfolio-list-item"><strong>Innovative solutions</strong> that drive real results</li>
538+
<li class="portfolio-list-item"><strong>Dedicated work ethic</strong> with attention to detail</li>
539+
<li class="portfolio-list-item"><strong>Collaborative spirit</strong> that strengthens team dynamics</li>
540+
<li class="portfolio-list-item"><strong>Adaptability</strong> to meet changing project needs</li>
541+
</ul>
542+
<p class="portfolio-paragraph">
543+
I'm not just looking for a position—I'm seeking to create meaningful impact and value for your business. Let's work together to achieve extraordinary results.
544+
</p>
545+
<p class="portfolio-signature">— Your Name</p>
546+
</div>
547+
</div>
548+
</section>
549+
550+
<hr />
500551
</main>
501552

502553
<!----------------- visitor Panel -------------->

0 commit comments

Comments
 (0)