A modern, responsive engineering portfolio website with smooth animations and a clean design.
- Modern Design: Clean, professional layout with gradient accents
- Smooth Animations:
- Typing animation in hero section
- Scroll-triggered animations for sections
- Animated skill progress bars
- Floating shapes in hero section
- Counter animations for statistics
- Responsive: Fully responsive design that works on all devices
- Interactive Elements:
- Smooth scrolling navigation
- Mobile hamburger menu
- Hover effects on cards and buttons
- Active navigation highlighting
- Hero Section: Eye-catching introduction with typing animation
- About: Personal information and statistics
- Skills: Animated progress bars showing technical skills
- Projects: Portfolio of featured projects with hover effects
- Contact: Contact form and information
- Name: Update the name in the hero section (line 30 in
index.html) - Email: Update email in contact section (line 201 in
index.html) - Social Links: Update LinkedIn and GitHub links (lines 203-211 in
index.html) - Statistics: Modify the numbers in the about section (lines 66-78 in
index.html)
Edit the skills section in index.html (lines 85-140) to match your expertise:
- Change skill names
- Adjust percentage values
- Add or remove skills
Update the projects section (lines 147-200 in index.html):
- Replace project titles and descriptions
- Update project tags
- Add links to your actual projects
- Add or remove project cards
Modify the typing texts in script.js (lines 60-65) to customize what appears in the hero section.
Customize the color scheme in styles.css by modifying the CSS variables at the top (lines 4-12):
--primary-color: Main brand color--secondary-color: Secondary accent color--text-primary: Main text color--text-secondary: Secondary text color
- Open
index.htmlin a web browser - No build process required - it's a static website
- For production, you can host it on any static hosting service (GitHub Pages, Netlify, Vercel, etc.)
- Chrome (latest)
- Firefox (latest)
- Safari (latest)
- Edge (latest)
Feel free to use this portfolio template for your personal use.
"# SamOfTheArth.github.io"