Let's get started
Creating our awesome landing page
-
Starting a web project (2:45)
-
Structuring HTML pages (5:48)
-
Creating the header (4:30)
-
Semantic HTML and layout (3:26)
-
Links, nesting and indentation (4:08)
-
Div tags and text (4:19)
-
Internal CSS and Google fonts (7:13)
-
Classes and ID's (2:51)
-
Introduction to Flexbox and responsive design (2:40)
-
Header CSS, margin & padding (7:14)
-
Where to find great stock images (3:40)
-
Background images and Flexbox positioning (6:38)
-
Final styling for small screens (4:49)
-
Introduction to media queries (8:01)
-
External stylesheets (4:09)
Moving on to our blog
-
Adding the blog page (2:07)
-
Creating blog posts (9:30)
-
Sidebar social media icons (7:43)
-
Introduction to tables and HTML entities (8:51)
-
Blog styling and psuedo classes (7:06)
-
Blog styling for larger devices (3:56)
-
Browser support (2:10)
-
Browser developer tools intro (3:09)
-
Speed up your coding with Emmet (3:13)
-
Block vs inline elements (2:30)
Thank you and final challenge
