Autoplay
Autocomplete
Previous Lesson
Complete and Continue
HTML & CSS for beginners: Build 3 projects from scratch
Welcome & Getting Started
Welcome and what we will be building (2:51)
Tools required
What is HTML & CSS?
Download images for project 1
File & folder structure (4:01)
Basic HTML structure (9:38)
Useful resources (6:25)
HTML5 Header section (11:23)
Project 1- MyRecipe Website
Styling the header (16:52)
HTML- Main content area (9:01)
Styling the main content (14:54)
HTML- Adding the footer (3:22)
Styling the footer (5:35)
Project 2- MyCollege Website
Download images for project 2
Setting up our responsive project (13:25)
HTML Header- Adding the menu and responsive images (9:56)
Adding the final HTML (16:46)
Mobile first styling- Header section (12:51)
Mobile first styling- Header section continued (5:02)
Final CSS for mobile view (10:47)
Introduction to CSS3 Media Queries and styling the tablet view (10:12)
Tablet styling continued (9:52)
Final CSS for larger devices and desktops (7:18)
Project 3- MyHotel Website
Download Images for Project 3
Introduction to Bootstrap & Setting up (5:34)
Adding the responsive navigation bar (6:12)
Including the sliding carousel & marketing area (8:29)
Finishing off with the featured area and footer (7:38)
Thank You and What Now?
Thank you and what now? (0:42)
HTML Header- Adding the menu and responsive images
Lesson content locked
If you're already enrolled,
you'll need to login
.
Enroll in Course to Unlock