MODERN HTML & CSS FROM THE BEGINNING 2.0
The Fundamentals Of Web Development
Build modern responsive websites with HTML5 & CSS! Learn Flexbox & CSS Grid.
START LEARNING![](https://kajabi-storefronts-production.kajabi-cdn.com/kajabi-storefronts-production/themes/2152599469/settings_images/pHhXX3yR4mYuyU8fY94h_graduated-b.png)
100,000+
Students Enrolled
![](https://kajabi-storefronts-production.kajabi-cdn.com/kajabi-storefronts-production/themes/2152599469/settings_images/u6J5syqzTMK6pPxDlyYf_review-b.png)
4.7+
Rated
![](https://kajabi-storefronts-production.kajabi-cdn.com/kajabi-storefronts-production/themes/2152599469/settings_images/qMuqjPc7QVm5yaqMXm2J_language-b.png)
English
Course Language
![](https://kajabi-storefronts-production.kajabi-cdn.com/kajabi-storefronts-production/themes/2152599469/settings_images/VDGhTCpQu1yNhxCmHpug_update.png)
Last Updated
06/2024
Course Overview Video
![](https://kajabi-storefronts-production.kajabi-cdn.com/kajabi-storefronts-production/themes/2152599469/settings_images/u4QOFjuDSrKo5bjAOtvC_video-files-bl.png)
24 hours on-demand video
![](https://kajabi-storefronts-production.kajabi-cdn.com/kajabi-storefronts-production/themes/2152599469/settings_images/cwtI6WYEREOlimK5fIAJ_download-bl.png)
Full Premium Docs
![](https://kajabi-storefronts-production.kajabi-cdn.com/kajabi-storefronts-production/themes/2152599469/settings_images/AXFnuNMRSRufr2R1Clo4_owner-bl.png)
Full lifetime access
![](https://kajabi-storefronts-production.kajabi-cdn.com/kajabi-storefronts-production/themes/2152599469/settings_images/MACTOPRQDmSMB9vapklw_responsive-bl.png)
Access on mobile and TV
![](https://kajabi-storefronts-production.kajabi-cdn.com/kajabi-storefronts-production/themes/2152599469/settings_images/OwRR7KstQqD7qvEp6kAy_certificate-bl.png)
Certificate of completion
What you'll learn
Course Description
This course is for both beginners who want to learn HTML & CSS from beginning to end as well as devs who just want to do some cool projects and sharpen their CSS skills.
Hours of learning & modules to study CSS properties and concepts, small challenges and mini-projects as well as 3 real-life projects that we deploy to platforms like Netlify & Vercel.
Check out the below curriculum!
Module 1: Course Introduction
Module 2: Essential HTML
Module 3: Forms, Inputs & Media Elements
Module 4: More HTML Elements
Module 5: CSS Basics
Module 6: Box Model & Positioning
Module 7: Flexbox
Module 8: Responsive Design
Module 9: Landing Page Form Mini-Project
Module 10: Various CSS Features
Module 11: Lumina Creative Website Project
Module 12: Git & Web Hosting
Module 13 - Web Accessibility Introduction
Module 14: Advanced Selectors - Pseudo Classes & Elements
Module 15: CSS Grid
Module 16: Transitions, Animations & A Little JS
Module 17: Tutor Website Project - Part 1
Module 18: Tutor Website Project - Part 2
Module 19: Leno Website Project (BEM) - Part 1
Module 20: Leno Website Project (BEM) - Part 2
Module 21: Outro
Course Projects
Let's take a look at the projects.
![](https://kajabi-storefronts-production.kajabi-cdn.com/kajabi-storefronts-production/file-uploads/themes/2157687457/settings_images/ff133cb-68a-6b75-122-2ead4dbbf1e_lumina.png)
Lumina Creative
Minimalistic website for a design/photography agency. Responsive layout, flexbox gallery.
![](https://kajabi-storefronts-production.kajabi-cdn.com/kajabi-storefronts-production/file-uploads/themes/2157687457/settings_images/e57678-0845-5fc3-485-b353f2bbb2c6_tutor.png)
Tutor Course Website
Website for a course on building courses. Responsive layout, CSS Grid, flexbox, hamburger menu.
![](https://kajabi-storefronts-production.kajabi-cdn.com/kajabi-storefronts-production/file-uploads/themes/2157687457/settings_images/1e220c8-c263-5e35-bcac-41aebc825c2c_leno.png)
Leno App Website
Website for a mobile app. This project uses the BEM CSS methodology. Responsive layout, animated button & custom modal.
![](https://kajabi-storefronts-production.kajabi-cdn.com/kajabi-storefronts-production/file-uploads/themes/2157687457/settings_images/a22165-141-78b-1538-0478c0838a21_bono.png)
Bono Form Mini-Project
Landing form for a fictional mobile app.
![](https://kajabi-storefronts-production.kajabi-cdn.com/kajabi-storefronts-production/file-uploads/themes/2157687457/settings_images/06e5e1-e746-ad4e-3f2b-52c7fc78b0d_pricing.png)
Pricing Grid Mini-Project
Introduction to fundamental CSS properties and flexbox.
And many more are waiting for you in the course...
Course Ratings
Some of the Latest Reviews
![](https://kajabi-storefronts-production.kajabi-cdn.com/kajabi-storefronts-production/file-uploads/themes/2152764330/settings_images/bff4ac-014a-ab2d-acf2-efaee46d527a_BG_Testimonials_Avatar.png)
![](https://s3.amazonaws.com/kajabi-storefronts-production/themes/2152599469/settings_images/r3kTOc6TRaOZimNRDNfF_rating-star.png)
Meet T.
Amazing course!!!. It was amazing experience to learn HTML & CSS under Brad's teaching. I think It is the best HTML & CSS course for beginners. Worth for money and time. I am jumping into JavaScript course which is created by Brad. Thank you Brad and Good luck to all.
![](https://kajabi-storefronts-production.kajabi-cdn.com/kajabi-storefronts-production/file-uploads/themes/2152764330/settings_images/1d0eeed-0323-21a1-560-da06637f128b_ZM_Testimonials_Avatar.png)
![](https://s3.amazonaws.com/kajabi-storefronts-production/themes/2152599469/settings_images/r3kTOc6TRaOZimNRDNfF_rating-star.png)
Christopher R.
"Really Great Course!" I love Brad's teaching style and this course helped to fill in the gaps I was missing from other coding courses. I will be taking his JavaScript course next. Thanks so much!!
![](https://kajabi-storefronts-production.kajabi-cdn.com/kajabi-storefronts-production/file-uploads/themes/2152764330/settings_images/13408d5-68fc-3ce-226a-4a7cedac653_JR_Testimonials_Avatar.png)
![](https://s3.amazonaws.com/kajabi-storefronts-production/themes/2152599469/settings_images/r3kTOc6TRaOZimNRDNfF_rating-star.png)
Ifrah T.
Fantastic course with a great teacher. I enjoyed this course and learnt all the sections smoothly. The projects were fun to do and I've learnt a lot through this, now I'm able to move to js. Thank you, Brad, for what you are serving your students and society.