Skip to content

README.md

Latest commit

 

History

History
89 lines (60 loc) · 2.19 KB

README.md

File metadata and controls

89 lines (60 loc) · 2.19 KB

💻 Personal Portfolio Website

This is a multi-page responsive portfolio website created using HTML and CSS only. The project showcases my skills, work samples, and personal information, designed with modern layout, animations, and responsive design principles.

Preview

https://resplendent-otter-66d76a.netlify.app/

ScreenShots

image image image

📂 Project Structure

├── index.html      → Home Page
├── about.html      → About Me Page
├── projects.html   → Projects Showcase
├── style.css       → Custom Styles
├── main.jpg        → Display Picture
└── README.md       → Project Description

✨ Features

✔️ Multi-page structure (Home, About, Projects)
✔️ Fully responsive layout (Mobile, Tablet, Desktop)
✔️ Stylish navigation bar with dropdown menu for small screens
✔️ Attractive "AT" logo with custom color highlight
✔️ Animated typewriter effect for intro text
✔️ Project cards with hover effects
✔️ Sticky footer with copyright
✔️ Pure HTML + CSS (No JavaScript dependencies)

📱 Technologies Used

  • HTML5
  • CSS3 (Flexbox & Grid Layout)
  • Responsive Design with Media Queries
  • Font Awesome Icons
  • AOS Library for scroll animations (optional, can be removed if needed)

🛠 How to Run Locally

  1. Clone this repository:
git clone https://github.com/amnatariq290/portfolio-website.git
  1. Open the project folder:
cd portfolio-website
  1. Open index.html in your browser:
Start with index.html file

🚀 Future Improvements

  • Add more projects to the Projects section
  • Integrate Contact Me form
  • Optional: Host using GitHub Pages, Netlify, or Vercel

📄 License

This project is for educational and personal use. Feel free to customize for your own portfolio.

⭐ Don't forget to give this repo a star if you like it!