Skip to content

Sam-Of-The-Arth/Portfolio.github.io

Repository files navigation

Engineering Portfolio Website

A modern, responsive engineering portfolio website with smooth animations and a clean design.

Features

  • 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

Sections

  1. Hero Section: Eye-catching introduction with typing animation
  2. About: Personal information and statistics
  3. Skills: Animated progress bars showing technical skills
  4. Projects: Portfolio of featured projects with hover effects
  5. Contact: Contact form and information

Customization

Personal Information

  1. Name: Update the name in the hero section (line 30 in index.html)
  2. Email: Update email in contact section (line 201 in index.html)
  3. Social Links: Update LinkedIn and GitHub links (lines 203-211 in index.html)
  4. Statistics: Modify the numbers in the about section (lines 66-78 in index.html)

Skills

Edit the skills section in index.html (lines 85-140) to match your expertise:

  • Change skill names
  • Adjust percentage values
  • Add or remove skills

Projects

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

Typing Animation

Modify the typing texts in script.js (lines 60-65) to customize what appears in the hero section.

Colors

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

Usage

  1. Open index.html in a web browser
  2. No build process required - it's a static website
  3. For production, you can host it on any static hosting service (GitHub Pages, Netlify, Vercel, etc.)

Browser Support

  • Chrome (latest)
  • Firefox (latest)
  • Safari (latest)
  • Edge (latest)

License

Feel free to use this portfolio template for your personal use.

"# SamOfTheArth.github.io"

About

Portfolio

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors