Autoplay
Autocomplete
Previous Lesson
Complete and Continue
HTML & CSS - Learn to build sleek websites
Welcome!
Welcome! (0:56)
Course Guide (PDF) + downloadable Working Files
Project Files
HTML tutorial
HTML5 Cheatsheet | PDF
Create your first HTML document | Headings (4:00)
Typographie & Formatting (3:03)
Navigation & Links (5:18)
HTML5 Semantic (3:54)
Meta Tags | Head section (8:00)
CSS Fundamentals
CSS Cheatsheet | PDF
Intro to CSS (Cascading Stylesheet) (4:13)
Formatting (8:37)
Working with colors (7:40)
Styling the Navigation Bar (6:25)
Pseudo-class (3:24)
Class & ID (4:32)
CSS Float (2-column Layout) (2:50)
CSS Clear Property (1:53)
The Box Model (4:01)
Margin & Padding (7:21)
Reverse Layout (1:33)
Responsive Design | Media Queries
Media Queries | Tablet (7:48)
Media Queries | Small Devices (8:15)
Alternate Layout
Media Queries - I (6:56)
Media Queries - II (4:26)
Adding Media (3:14)
Embed a youtube video link (2:21)
Project - "Bon Voyage! Travel with Us!" - Part I
Project overview (3:51)
Navigation (9:55)
Banner (4:22)
About Us (9:42)
Destinations (11:03)
Contact Us (9:56)
Footer (4:16)
Google Font & Font Awesome (5:30)
Navigation | Position Fixed (2:24)
Navigation | CSS z-index property (1:26)
Project - "Bon Voyage! Travel with Us!" - Part II (Media Queries)
Tablet & Ipad (3:10)
Mobile version 1 (9:48)
Mobile version 2 (10:29)
Project - Bonus
Navigations links hover effects (5:04)
CSS3 Animation (2:20)
Images Hover effect (5:06)
Social Media Icons transition effect (6:02)
HTML5 Cheatsheet | PDF
html5-cheatsheet.pdf
Complete and Continue