π Hazemβs Portfolio Website
Welcome to my personal portfolio website! This project showcases my journey as a self-taught web developer aiming to become a professional Back-End Engineer. It reflects my skills, passion, and commitment to building modern, responsive, and user-focused web experiences.
π Live Demo
π Live Preview Coming Soonβ¦
https://hazem-dev25.github.io/css-html-project/
π§ About the Project
This website is fully hand-coded using:
- HTML5 for semantic structure
- CSS3 for styling, layout, and animations
- Font Awesome for scalable icons
- Google Fonts for elegant typography
- Responsive Design using flexbox and CSS grid
- Media Queries to ensure it looks great on all devices
The design focuses on simplicity, clarity, and usability, with sections that highlight my skills, projects, and future goals.
π Project Structure
π¦ Portfolio-Website/
βββ π css/
β βββ all.min.css
β βββ normalize.css
β βββ styles.css
βββ π img/
β βββ [Images used in the site]
βββ index.html
πΈ Screenshots
π₯οΈ Desktop View

π Sections Breakdown
- Header/Navbar: Minimal with a responsive hamburger menu
- Landing Section: Personal intro and short description
- About Me: My thoughts, learning path, and personality
- Services: The things Iβm learning and offering
- Portfolio: Projects I built using HTML & CSS
- Contact: My contact info and social handles
π Features
- Fully responsive layout π
- Clean and maintainable code π‘
- Smooth hover effects and scaling transitions β¨
- Grid-based sections with logical structure π§±
- Mobile-first design approach π±
- Simple and elegant UI π¨
π― My Future Goals
βEvery day I code, Iβm not just learning β Iβm building my future.β
- Master JavaScript, Node.js, and Back-End development
- Learn database design, API building, and authentication
- Become job-ready for remote positions in Europe (especially Germany π©πͺ)
- Keep building real-world projects and improving my portfolio
If you want to collaborate, offer feedback, or just say hi π:
- π§ Email: hadel6464@gmil.com
- π Phone: +01271725967
- π LinkedIn: (coming soon)
π§ Author
Hazem Adel
Front-End Learner β Future Back-End Pro
βοΈ Show Your Support
If you like this project:
- Give it a βοΈ on GitHub
- Share it with your friends
- Fork it and make it your own
- Follow my journey β this is just the beginning π
π License
This project is open-source and free to use for educational or personal inspiration.
βLess is more work.β β Hazem Adel