🎓 A personal training project to practice and improve my HTML and CSS skills.
This is my first web project, built from scratch as a precise redesign of the Netlify homepage.
This project focuses on rebuilding the main landing page of Netlify with attention to detail and clean structure.
It includes:
- 🧭 Fully responsive design for all major screen sizes
- 🎨 Hover-based navigation bar with dropdown submenu, built purely with CSS (no JS)
- ✨ Subtle CSS keyframe animations for the hero illustration
- ♾️ An infinite scroll animation in the “Featured In” section
- 📄 Developed entirely with HTML & CSS, without any frameworks or libraries
- This project is an educational and non-commercial redesign of the Netlify homepage.
- It has no official affiliation with or endorsement from Netlify.
- All copyrights and trademarks belong to Netlify, Inc.
Muhammad Abdelaziz
🚀 Front-End Developer in training
📚 Passionate about learning, building, improving every day and using AI.
- Deepened my understanding of HTML semantics and elements like
<pre>,<code>, and SVGs for scalable graphics. - Explored modern CSS properties such as
inline-size,text-wrap,clip-path,mask-image, and advanced animations using@keyframes. - Built hover-based submenus, complicated and responsive layouts using
grid,flexbox, andplace-items. - Enhanced my skills in clean code practices, debugging, and problem-solving through real design challenges.
- Gained hands-on experience with Git, GitHub, and documentation — including creating a
README.md, license file, and managing commits. - Improved my researching skills and ability to find efficient, elegant CSS solutions.
- Improved my skills in using AI tools for learning, guidance, research, and more.
and MORE!