Elzero Web School - HTML CSS Template 03

• This is a solution to "HTML & CSS Practice n°:03" on Elzero Web School.

Overview

The challenge

• Clone from SCRATCH the Website Provided:
  • Elzero | Template

Screenshot

• Page Quality | web.dev :

Links

• Live Site URL: Mouatez | Template

Built with

• HTML5
• CSS3 custom properties
• Flexbox
• CSS Grid
• Mobile-first workflow
• CSS Animation / Transitions

What I learned

• How to use FontAwsome Icons in a List.
• How to properly use clip-path property.
• How to make Zig-zag border using Html & CSS.
• How to assign multiple classes to an HTML container: source
• I practiced CSS Animations.

Continued development

Areas and concepts that I want to continue focusing on in future projects :

• Complete a section from the website that requires JavaScript (Countdown Timer).

Author

• Osama Mohamed

Cloned From Scratch By

• Linkedin - Elmouatez Billah Benariba
• Twitter - @mouatezbenariba
• Instagram - @mouatez.benariba

Acknowledgments

• I would like to express my special thanks of gratitude to eng Osama Mohamed.