Autoplay
Autocomplete
Previous Lesson
Complete and Continue
Create a Portfolio Website with HTML, CSS & Bootstrap
Welcome!
Intro (0:53)
Guide & Instructions | PDF 0:00
Header
Navigation Bar (9:17)
Header & Banner (11:03)
Portfolio & Works Section
Layout & The Grid System
Adding Images
Image Hover Effect | Pseudo-class, CSS transition
Contact Us & Footer
Responsive Contact Form (15:18)
Social Media Icons | Font Awesome (7:47)
The Footer | Html entities (5:57)
Responsive template | Media Queries
Responsive-friendy | Ipad (7:40)
Responsive-friendy | IPhone (9:48)
BONUS Video Lessons
Navigation bar | Scrollspy.js (5:02)
Using Google Font (4:27)
Adding a Favicon (3:14)
Successfully validate your webpage with W3C validator (2:21)
Supplementary Resources
HTML Tag references | PDF
CSS cheatsheets | PDF
Bootstrap Master Cheatsheet
Navigation Bar
Complete and Continue