Personal Website 2 - Mohannad Hassan

This project is a [simple/static/responsive] website built with HTML and CSS.

Files

• index.html: Main homepage of the website.
• about.html: About page.
• contact.html: Contact form page.
• style.css: Main stylesheet containing styles and responsive design.
• fontawesome.css: Font Awesome icons stylesheet (if used externally).

Features and Additions

• Responsive design with media queries to support desktop, tablet, and mobile screens.
• Hamburger menu for mobile navigation implemented using only CSS (no JavaScript).
• Dark and light theme toggle using CSS variables and checkbox input.
• Smooth transitions and animations for UI elements such as hover effects and theme changes.
• Accessibility improvements with semantic HTML and focus styles.
• Downloadable resume button with hover effects.
• Scroll-to-top button implemented with CSS and minimal JavaScript (if any).

Usage

1. Open index.html in any modern browser.
2. Use the navigation menu to explore different pages.
3. Toggle the theme switch in the navbar to change between light and dark modes.
4. On mobile, use the hamburger menu to navigate.

Notes

• The project uses external resources like Font Awesome for icons via CDN.
• No JavaScript was used except minimal functionality (if any) for scroll-to-top.
• Styles are based on CSS variables for easy theming and maintenance.