Autoplay
Autocomplete
Previous Lesson
Complete and Continue
Learn How To Build Responsive Websites With HTML5 & CSS
Getting Started
Intro To The First Site (2:02)
This Guide Will Be Your Course Friend
Tips For Course (2:02)
Hello World (3:59)
An HTML Document (2:02)
HTML Basics
Quick Review and Bonus Material
Let's Bootstrap (2:02)
Your First Site: Getting Your Feet Wet With HTML And CSS
Editing The Navbar (9:06)
What The Div?! (2:02)
Review Challenge 2
Get Your Font On (2:02)
Your First CSS Rule (2:02)
More CSS Fun (2:02)
Review Challenge 3
Making Fonts Look Good
Review Challenge 4 and Bonus Material
The Box Model (2:02)
Bringin' In The Images (12:10)
Your First Site: Rounding Out Your Skills With The Bottom Section
The Grid System (2:02)
Linking It Up (2:02)
BONUS SECTION: Google Forms (2:02)
Font Awesome Is Awesome (2:02)
Centering Block Elements (2:02)
Playing With Spans (2:02)
Styling The Get Involved Section (2:02)
Beautification Through Background Colors (2:02)
Hello Hover (2:02)
The Benefits Of Using Classes (4:16)
All About IDs (7:44)
Finishing Off With The Footer (2:02)
Responsiveness: Making Your Site Look Good On All Devices (17:29)
Your First Site: Getting Your Site On The Web For The World To See
Getting Your Site Live Online With Forge
Getting Your Site Live With Github (2:02)
How To Get Free Hosting And Use Your Custom Domain Name (7:30)
First Project: Building Your Own Landing Page
Designing Your Page
Coding And Submiting Your Page
Your First Site: Adding Goodies With Advanced HTML, CSS, & Some Bonus Javascript
What's Next? (2:02)
BONUS: Scrollspy Magic (2:02)
BONUS: Smooth Scrolling (2:02)
Fixed Positioning (2:02)
Absolute And Relative Positioning (3:26)
Modal Magic (3:11)
iFrame, You Frame, We All Frame (2:02)
Centering Absolute Elements (2:02)
YouTube Videos (2:02)
The Z-Index (2:02)
BONUS: Making Money With Gumroad (8:40)
BONUS: Grabbing Email Addresses With Mailchimp (2:02)
All About Forms (2:02)
Styling Forms (2:02)
Building A Blog Template
Lets Get Started (4:56)
Setting Up The Blog (7:36)
Advanced Styling Of Fonts With CSS (2:02)
Child Pseudo-Elements (2:02)
More Pseudo Selectors (2:02)
Styling Our Blog Posts (19:10)
Mailchimp Revisited (2:02)
Subscribe Box (20:06)
BONUS: Advanced Mailchimp Shenanigans (2:02)
Styling Lists (2:02)
Revisit Responsiveness And Edit Footer (2:02)
BONUS: Jedi Tools For Increasing Signups And Shares (7:17)
Building A Blog Template: Advanced HTML And CSS Topics
Share Buttons And Vertical Alignment (2:02)
Social Meta Tags (2:02)
SEO (2:02)
Offsetting Columns (2:02)
Let's Float (14:11)
Sticky Footer (2:02)
Styling Columns Of Divs (2:02)
Deep Dive Into Floats And Divs (2:02)
Nested Columns (2:02)
Setting Up A Landing Page (16:34)
Background Properties (2:02)
Finishing Up (2:02)
Building A Full-Width Magazine Layout
Let's Get Started (4:32)
Recreating A Jumbotron Section (7:47)
Background Opacity And Text Shadows (7:03)
Finishing Up The Navbar (2:02)
Importing Fonts From Your Computer (3:41)
Static Navbars (2:02)
Fluid Containers (11:09)
Finishing Up With The Footer (2:02)
Linking Divs (7:35)
Revisiting Responsive Design (15:02)
What's Next? (1:27)
Get Your Font On
Lesson content locked
If you're already enrolled,
you'll need to login
.
Enroll in Course to Unlock