Skip to content

README.md

Latest commit

 

History

History
68 lines (53 loc) · 1.93 KB

README.md

File metadata and controls

68 lines (53 loc) · 1.93 KB

Fuad Aman - Personal Portfolio

A pixel-perfect, fully responsive personal portfolio website built with HTML5, CSS3, and Bootstrap 5.3.

🚀 Features

  • Premium UI/UX: Dark mode aesthetic with orange accents.
  • Responsive Design: Fully functional on Mobile, Tablet, and Desktop.
  • Performance: Optimized assets and clean code (Lighthouse 90+ target).
  • Accessibility: Semantic HTML and proper contrast ratios.
  • Clean Code: BEM-like naming convention and modular CSS.

📂 Project Structure

fuad-aman-portfolio/
│
├── index.html          # Main HTML structure
├── assets/
│   ├── css/
│   │   └── style.css   # Custom styles & overrides
│   │
│   ├── images/         # Project assets
│   │   ├── profile.jpg
│   │   ├── project-1.png
│   │   ├── project-2.png
│   │   └── project-3.png
│   │
│   └── icons/          # External icons/SVGs (if any)
│
├── README.md           # Project documentation
└── favicon.ico         # Text icon

🛠 Technologies Used

  • HTML5: Semantic markup.
  • CSS3: Custom variables, Flexbox, Grid, Animations.
  • Bootstrap 5.3: Layout and responsive utilities.
  • Bootstrap Icons: Scalable vector icons.

🔧 Setup & Usage

  1. Clone the repository (or download the folder):

    git clone https://github.com/fuadaman/portfolio.git

  2. Open index.html in your browser.

    • Simply double-click the file or serve it using Live Server.

🎨 Customization

  • Colors: Edit CSS variables in assets/css/style.css. 
    :root {
    --primary-color: #fd7e14; /* Change accent color */
    --dark-bg: #0b0b0b;       /* Change background */
}
  • Content: Update text in index.html within the respective sections.

📄 License

This project is open-source and available for personal use.

Designed & Developed by Fuad Aman