1: Introduction
2: HTML
3: CSS
-
What is CSS? (0:43)
-
Base Styles & Font (7:44)
-
Header - Background Color (2:50)
-
Header - Logo & Nav Positioning (1:15)
-
Header - Text Styles (1:43)
-
Header - Hover Effects & Animation (1:44)
-
Header - Nav Styles (1:07)
-
Header - Margin & Padding (3:45)
-
Header - Constrain the Content (3:37)
-
Header - Add a Logo (3:42)
-
Product - Text & Image Side By Side (3:12)
-
Product - Border, Padding and Positioning (2:38)
-
Product - Text Styles (3:06)
-
Buttons (5:30)
-
Add More Products (4:23)
-
Footer (1:45)
-
Move CSS to Separate File (2:34)
4: JavaScript
-
What is JavaScript? (1:08)
-
Add Script Tag (0:46)
-
Wait til Page Loaded (2:16)
-
Cookies Banner - HTML (1:16)
-
Cookies Banner - CSS (5:11)
-
Hide Cookies Banner with CSS (1:18)
-
Create a Class to Show Cookies Banner (1:59)
-
Put Banner into a JavaScript Variable (3:11)
-
Show Cookies Banner after 2 Seconds (3:29)
-
Break Up our Logic into Functions (1:38)
-
Put Close Button into a JavaScript Variable (1:45)
-
Hide Cookies Banner on Button Click (3:47)
-
Move JS to Separate File (1:41)
5: Finishing Touches
6: Finished Code
