spring-portfolio

Create a modern, high-end, visually stunning personal portfolio website using HTML, CSS, and JavaScript. Design Style: Apple-style clean, minimal, premium layout Tesla-style dark, futuristic, full-screen sections Dark theme with neon blue/purple gradient accents Glassmorphism UI (blurred transparent cards) Fully responsive (mobile + desktop) Smooth, high-quality animations and transitions Professional, tech-focused aesthetic Typography: Use modern fonts like Poppins or Inter Bold headings, clean readable body text ADVANCED ANIMATIONS & 3D EFFECTS: Add 3D tilt effect on cards (projects, skills, achievements) Parallax scrolling for depth (background moves slower than content) Mouse-follow glow or cursor interaction Floating glassmorphism elements Smooth scroll reveal animations (fade, slide, scale) Subtle zoom transitions between sections Sticky navbar with smooth scroll Scroll-to-top button Page loading animation Optional: particle or animated gradient background Use libraries if needed: Three.js (for advanced 3D effects) Vanilla Tilt.js (for tilt effect) GSAP (for smooth animations) Keep animations smooth, premium, and not overwhelming. WEBSITE STRUCTURE: HERO SECTION: Name: Harsh Srivastava Title: Computer Engineering Student | Developer | Event Coordinator Tagline: "Building tech solutions with leadership and creativity" Add animated typing effect Add call-to-action buttons: "View Projects" "Contact Me" Full-screen layout with animated background ABOUT ME: Motivated Computer Engineering student with a strong foundation in programming and a passion for leadership. Proven experience as an Event Coordinator, managing teams and executing large-scale events. Skilled in C++, Python, and web development, with practical project experience. Seeking internship opportunities to contribute, learn, and grow in a dynamic environment. Add smooth fade-in animation. EDUCATION: B.Tech Computer Engineering Chhotubhai Gopalbhai Patel Institute of Technology, Maliba Campus Uka Tarsadia University, Bardoli (2023–2027) Class 12 Gurukul Vidhyapith English Medium School, Katargam, Surat Class 10 Gajera English Medium School, Katargam, Surat Display in timeline or card format. SKILLS: Programming: C, C++, Python Tools: GitHub, Canva Soft Skills: Teamwork, Problem Solving, Critical Thinking, Event Management, Adaptability Display as: Animated progress bars OR Glowing skill cards with hover 3D tilt PROJECTS: Project Title: Attendance Management System Description: A system to track and manage student attendance efficiently using programming logic and structured data. Add GitHub link: https://github.com/harshh1420-lab Show as interactive card with hover animation ACHIEVEMENTS: Head Coordinator of UTH Fest for 2 consecutive years Led and managed large teams and college-level events Achieved 3rd position in UTH Fest under leadership Recognized for leadership, coordination, and execution skills Display using: Icon-based highlight cards Glow or motion effects CONTACT SECTION: Phone: 9870054770 Email: harshh1420@gmail.com Location: Surat LinkedIn: https://www.linkedin.com/in/harshsrivastava- GitHub: https://github.com/harshh1420-lab Include: Clickable icons Contact form (name, email, message) FOOTER: Clean and minimal Social media icons Text: © 2026 Harsh Srivastava EXTRA FEATURES: Smooth scrolling across sections Fully responsive layout SEO-friendly structure Clean, well-structured code (separate HTML, CSS, JS files) Use semantic HTML tags FINAL OUTPUT REQUIREMENTS: Provide complete working code Separate files: index.html, style.css, script.js Ensure code is clean, readable, and well-commented Website should look premium and internship-ready