Web Development

Priyanshu Gupta – Full Stack Developer Portfolio



  • HTML5 semantic structure<header>, <nav>, <section>, <footer> etc.




  • SEO meta tags → description, keywords, Open Graph, Twitter card, schema markup.




  • Three.js → for interactive animated background with particles.




  • Custom cursor animation → circle cursor that follows mouse movement.




  • Glassmorphism navbar → transparent blur-style navigation with fixed position.




  • Hero section with gradient animation → highlighted name/title + profile image with animated border.




  • About section → description, skills, and personal details.




  • Skills section → progress bars with animation and hover effects.




  • Projects section → cards with project info, icons, and technology badges.




  • Contact form (FormSubmit) → working form submission with email + social links + phone number.




  • Responsive design → media queries to handle desktop vs mobile view.




  • Animations & transitions → smooth hover effects, fade-ins, scaling.




  • Accessibility features (partial)aria-label in some places, mobile-friendly nav, reduced motion support.



Image



Share on Other Platforms

Copy Link
WhatsApp
Facebook

Category: Web Development Tags: #html-css-js

0 Comments