Learn Responsive Web Design with 4 Live Projects

Course Curriculum

Chapter 1: Getting Started with HTML5 & CSS3

Lecture 1: Introduction to HTML5 & CSS3

Lecture 2: What you will need

Lecture 3: Install Code Editor for Development

Lecture 4: Hello World

Chapter 2: HTML5 Tags

Lecture 1: HTML5 Document Structure

Lecture 2: HTML5 Basics

Lecture 3: Headings & Paragraphs

Lecture 4: Text Formatting

Lecture 5: Links in HTML5

Lecture 6: Working with Nested Links

Lecture 7: Lists in HTML5

Lecture 8: Working with Images

Lecture 9: Tables in HTML5

Chapter 3: Forms in HTML5

Lecture 1: Forms in HTML5

Lecture 2: Creating a Contact Form

Lecture 3: Creating a Login Form

Lecture 4: Creating a Registration Form

Chapter 4: Media in HTML5

Lecture 1: Grouping Elements

Lecture 2: HTML5 Media Tags

Lecture 3: IFrames in HTML5

Lecture 4: Figure Tag in HTML5

Lecture 5: Collapse Elements with Details Tag

Chapter 5: Creating a Simple Website Structure

Lecture 1: Creating The Header

Lecture 2: Creating Nav Menu

Lecture 3: Creating The Banner

Lecture 4: Adding Content to Page

Lecture 5: Creating The Sidebar

Lecture 6: Building Page Footer

Lecture 7: Adding Copyright

Chapter 6: Essentials of CSS & CSS

Lecture 1: Inline CSS

Lecture 2: Internal CSS

Lecture 3: External CSS

Lecture 4: Box Model in CSS

Lecture 5: Targeting Elements in CSS

Lecture 6: Designing with Box Model

Chapter 7: HTML5 & CSS3 Website Project

Lecture 1: Building The Container

Lecture 2: Building The Website Header

Lecture 3: Creating The Nav Bar

Lecture 4: Making Drop-Down Menu

Lecture 5: Creating Image Slider

Lecture 6: Making Content Holder

Lecture 7: Creating Sidebar

Lecture 8: Making Footer

Lecture 9: Creating About-us Page

Lecture 10: Creating Services Pages

Lecture 11: Building The Products Page

Lecture 12: Building Contact Page

Lecture 13: Adding Nav-Menu

Lecture 14: Responsive Design (RWD) Explained

Lecture 15: Animation with CSS3

Chapter 8: Getting Started with Bootstrap v5

Lecture 1: Bootstrap v5 Introduction

Lecture 2: What you will need

Lecture 3: Hello World

Lecture 4: Bootstrap v5 Document Structure

Chapter 9: Bootstrap v5 Layout

Lecture 1: Breakpoints

Lecture 2: Containers

Lecture 3: Grid

Lecture 4: Grid Options

Lecture 5: Nesting Rows and Columns

Lecture 6: Column Vertical Alignment

Lecture 7: Column Horizontal Alignment

Lecture 8: Column Wrapping and Column Breaks

Lecture 9: Reordering and Offsetting Columns

Lecture 10: Margin Utilities

Lecture 11: Gutters

Lecture 12: Horizontal Gutters

Lecture 13: Vertical Gutters

Lecture 14: Horizontal and Vertical Gutters

Chapter 10: Bootstrap v5 Contents

Lecture 1: Typography

Lecture 2: Inline Text Elements

Lecture 3: Abbreviations and Blockquotes

Lecture 4: Working with Lists

Lecture 5: Images in Bootstrap

Lecture 6: Tables in Bootstrap

Lecture 7: Table Alignment, Nesting and Anatomy

Lecture 8: Figures in Bootstrap

Chapter 11: Bootstrap v5 Forms

Lecture 1: Forms in Bootstrap

Lecture 2: Form Control

Lecture 3: Checks and Radios

Lecture 4: Range

Lecture 5: Input Groups

Lecture 6: Floating Labels

Lecture 7: Form Layout

Lecture 8: Horizontal Forms

Lecture 9: Auto Sizing Forms

Lecture 10: Inline Forms

Lecture 11: Form Validation

Chapter 12: Bootstrap v5 Components

Lecture 1: Accordions