🌐 Mais Sarhan - Bootstrap 5 Portfolio Website

This is a modern 10-page responsive personal website built using HTML5, CSS3, and Bootstrap 5. It serves as my portfolio, showcasing my background, skills, services, and projects in a clean, responsive, and interactive format.

---

🎯 Objective

To enhance the previously created HTML & CSS website by integrating Bootstrap 5, ensuring modern design elements, responsive layouts, and interactive UI components.

---

📁 Project Structure

📦 Root
├── index.html
├── HTML_Page/
│ ├── about.html
│ ├── contact.html
│ ├── services.html
│ ├── portfolio.html
│ ├── album.html
│ ├── privacy.html
│ ├── return.html
│ ├── terms.html
│ └── faq.html
├── Assets/
│ ├── css/
│ │ └── style.css (custom overrides)
│ ├── images/

---

🚀 Features & Technologies

✅ Bootstrap Integration

• Bootstrap 5 via CDN
• Grid system with container, row, and col-* classes
• Responsive layout for all screen sizes

✅ Pages (10+)

• Home, About, Contact, Services, Portfolio, Album, Privacy Policy, Return Policy, Terms, FAQ

✅ Bootstrap Components

• 🔗 Fixed & responsive Navbar with dropdowns
• 🖼️ Carousel Slider on homepage and portfolio
• 💡 Cards to highlight services and projects
• 🧾 Styled Forms using Bootstrap form groups and validation
• ✨ Tooltips, Modals, and scroll transitions for interactivity
• 📌 Accordion for FAQ content
• 🎨 Bootstrap Utilities for text colors, spacing, and shadows

✅ Customization

• Custom CSS overrides for colors and fonts
• Integrated Bootstrap Icons
• Sticky navbar and smooth scroll effects

---

📬 Contact

• ✉️ Email: maisserhan09@gmail.com
• 💻 GitHub: MaisSerhan
• 🌐 Live Demo (if hosted): https://maisserhan.github.io/your-repo-name

---

🧪 How to Run

1. Download or Clone this repository.
2. Open index.html in any modern browser.
3. Make sure you're connected to the internet (Bootstrap & icons load via CDN).
4. For offline use, download Bootstrap and add it to your Assets/css folder.

---

📦 Submission Notes

• ✅ All pages are responsive and fully functional
• ✅ Forms are styled with Bootstrap and ready for backend integration
• ✅ Folder structure is organized and scalable

---

🏆 Evaluation Criteria

Criteria	Weight
✅ Bootstrap Components Used	20%
✅ Responsive Layouts	20%
✅ Creative UI/UX Design	20%
✅ Navigation & Interactivity	20%
✅ Clean Code & Documentation	20%

---

📜 License

This project is for educational and portfolio use. You are welcome to fork and customize.

---