Getting Started!
  • Course Introduction
  • View Project Demo
  • IMPORTANT NOTES!
  • Download Resources
Setting Up Working Environment
  • Install Chrome Browser
  • Chrome Developer Tools
  • Install Brackets Code Editor
Creating Website Wireframe
  • What Is Wireframing?
  • Create Website Wireframe
  • Exercise - Complete Wireframe
  • Resources - Wireframe Tools
Building Basic Structure of Website
  • Setup Basic Website Folder
  • Add Basic HTML5 Document
  • Add Meta Tags
  • Add Title & Favicon
  • Add Basic External Files
  • Resources - Web Development
  • Quiz
Setting Up Fonts, Colors & Icons
  • Choose Right Fonts
  • Resources - Web Fonts
  • Choose Right Colors
  • Resources - Web Colors
  • Important Note Before You Go Ahead
  • Choose Right Icons
Bootstrap Framework
  • Bootstrap Framework Version
  • What Is Bootstrap?
  • Add Bootstrap To Website
  • Bootstrap Grid System
  • Bootstrap Grid Examples
  • Quiz
Building Home Section
  • Introduction - Home
  • Add HTML - Home
  • Add CSS (Part 1) - Home
  • Add CSS (Part 2) - Home
  • Add CSS (Part 3) - Home
  • Add Parallax Effect - Home
  • Add Animation Effect - Home
Building Services Section
  • Introduction - Services
  • Add HTML (Part 1) - Services
  • Add HTML (Part 2) - Services
  • Add CSS (Part 1) - Services
  • Add CSS (Part 2) - Services
  • Add Animation Effect Using jQuery - Services
Building About Section
  • Introduction - About
  • Add HTML - About
  • Add CSS (Part 1) - About
  • Add CSS (Part 2) - About
  • Add Diagonal Background - About
Building Work Section
  • Introduction - Work
  • Add HTML (Part 1) - Work
  • Add HTML (Part 2) - Work
  • Add CSS - Work
  • Add Zoom Effect - Work
  • Add Magnify-Gallery Effect Using jQuery - Work
Building Team Section
  • Introduction - Team
  • Add HTML - Team
  • Add Carousel Slider Effect Using jQuery - Team
  • Add CSS (Part 1) - Team
  • Add CSS (Part 2) - Team
Building Testimonials Section
  • Introduction - Testimonials
  • Add HTML (Part 1) - Testimonials
  • Add HTML (Part 2) - Testimonials
  • Add Carousel Slider Effect Using jQuery - Testimonials
  • Add CSS (Part 1) - Testimonials
  • Add CSS (Part 2) - Testimonials
  • Add CSS (Part 3) - Testimonials
Building Pricing Section
  • Introduction - Pricing
  • Add HTML - Pricing
  • Add CSS (Part 1) - Pricing
  • Add CSS (Part 2) - Pricing
Building Stats Section
  • Introduction - Stats
  • Add HTML - Stats
  • Add CSS - Stats
  • Add Counter Effect Using jQuery - Stats
Building Clients Section
  • Introduction - Clients
  • Add HTML & CSS - Clients
  • Add Carousel Slider Effect Using jQuery - Clients
Building Contact Section
  • Introduction - Contact
  • Add HTML (Part 1) - Contact
  • Add HTML (Part 2) - Contact
  • Add CSS (Part 1) - Contact
  • Add CSS (Part 2) - Contact
Building Footer Copyrights & Menu
  • Introduction - Footer Copyrights & Menu