HTML-CSS Tutorial Lesson 138: Coding & Styling the Hero Section (Website #3 part-5)

Опубликовано: 20 Апрель 2026
на канале: Muslim Helalee

278

Hi Everyone

In this video, I will teach you how to code and style the hero section of our website.

------------------------------------------------------------------------------------------------------------------------------------------------------------
Enroll in my premium courses to learn more
*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*
Master HTML5 & CSS3 by Enrolling in my Udemy Course
https://www.udemy.com/course/the-most...

*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*
Master Flexbox, Grid, Sass & Create Awesome Real-World Websites by Enrolling in my Udemy Course
https://www.udemy.com/course/the-mode...

*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*
Master JavaScript Through Creating Real-world Projects by Enrolling in my Udemy Course
https://www.udemy.com/course/javascri...

*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*
Support Us by Becoming a Patron
/ evolutive_learning

*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*
Support Us by Buying a Coffee
https://www.buymeacoffee.com/evolearning

----------------------------------------------------------------------------------------------------------------------------------
-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*- Source Code Download *-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-
----------------------------------------------------------------------------------------------------------------------------------

*-*-*-*-*-*-*-*-*-*-*-*-*- The HTML & CSS Section

GitHub Repository ------------------------------------------------
https://github.com/Evo-Learning/Compl...

Google Drive Link ------------------------------------------------
https://drive.google.com/file/d/1hiZr...

*-*-*-*-*-*-*-*-*-*-*-*-*- Website #1 - Responsive Multi-page Real-World

Live Demo ------------------------------------------------
https://muslim-helalee-thread.netlify...

GitHub Repository ---------- Starter Files
https://github.com/Evo-Learning/threa...

Google Drive Link ---------- Starter Files
https://drive.google.com/file/d/1qpDZ...

GitHub Repository ---------- Completed Website
https://github.com/Evo-Learning/threa...

Google Drive Link ---------- Completed Website
https://drive.google.com/file/d/1dCVf...

*-*-*-*-*-*-*-*-*-*-*-*-*- Website #2 - Responsive Multi-Page Real-World

Live Demo ------------------------------------------------
https://muslim-helalee-techd.netlify....

GitHub Repository ---------- Starter Files
https://github.com/Evo-Learning/techD...

Google Drive Link ---------- Starter Files
https://drive.google.com/file/d/1X2Y8...

GitHub Repository ---------- Completed Website
https://github.com/Evo-Learning/techD...

Google Drive Link ---------- Completed Website
https://drive.google.com/file/d/1IOdK...

*-*-*-*-*-*-*-*-*-*-*-*-*- Website #3 - Responsive Real-World

Live Demo ------------------------------------------------
https://muslim-helalee-basic.netlify....

GitHub Repository ---------- Starter Files
https://github.com/Evo-Learning/basic...

Google Drive Link ---------- Starter Files
https://drive.google.com/file/d/1r7pK...

GitHub Repository ---------- Completed Website
https://github.com/Evo-Learning/basic...

Google Drive Link ---------- Completed Website
https://drive.google.com/file/d/1mV2n...