A pixel-perfect, fully responsive personal portfolio website built with HTML5, CSS3, and Bootstrap 5.3.
- 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.
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
- HTML5: Semantic markup.
- CSS3: Custom variables, Flexbox, Grid, Animations.
- Bootstrap 5.3: Layout and responsive utilities.
- Bootstrap Icons: Scalable vector icons.
-
Clone the repository (or download the folder):
git clone https://github.com/fuadaman/portfolio.git
-
Open
index.htmlin your browser.- Simply double-click the file or serve it using Live Server.
- 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.htmlwithin the respective sections.
This project is open-source and available for personal use.
Designed & Developed by Fuad Aman