Make A Responsive Website Project #2: HTML, CSS & Javascript

Course Curriculum

Chapter 1: Introduction

Lecture 1: Introduction

Chapter 2: CSS Review

Lecture 1: CSS Animation Property

Lecture 2: CSS Transition Property

Lecture 3: CSS Adding A Type Of Font

Lecture 4: CSS Font Family Property

Chapter 3: How To Create An Overlay

Lecture 1: How To Create An Overlay

Chapter 4: Layout Review

Lecture 1: Types Of Layouts

Lecture 2: Using Percentages Instead Of Pixels

Chapter 5: Introduction To Bootstrap

Lecture 1: What Is Bootstrap

Lecture 2: Installing Bootstrap

Chapter 6: Bootstrap Classes Used In This Project

Lecture 1: Bootstrap: Button Classes

Lecture 2: Bootstrap: Container Class

Lecture 3: Bootstrap: Grid System(Columns) Classes

Lecture 4: Bootstrap: Text-Center Class

Chapter 7: Adding The Javascript

Lecture 1: Installing JQuery

Lecture 2: Installing Snowstorm.js

Chapter 8: Introduction To Animate.css

Lecture 1: What Is Animate.css

Lecture 2: How To Use Animate.css

Chapter 9: Creating Our Main Website

Lecture 1: Adding The Stylesheets

Lecture 2: Setting Up The Body And Font Faces

Lecture 3: Setting Up Btns Classes

Lecture 4: Setting Up The Input Classes

Lecture 5: Setting Up The Heading Classes

Lecture 6: Setting Up The Paragraph Class

Lecture 7: Setting Up The Sectionhead Classes

Lecture 8: First Section: Adding The HTML

Lecture 9: First Section: Adding The CSS

Lecture 10: Second Section: Adding The HTML

Lecture 11: Second Section: Adding The CSS

Lecture 12: Third Section: Adding The HTML

Lecture 13: Third Section: Adding The CSS

Lecture 14: Fourth Section: Adding The HTML

Lecture 15: Fourth Section: Adding The CSS

Lecture 16: Fifth Section: Adding The HTML

Lecture 17: Fifth Section: Adding The CSS

Lecture 18: Sixth Section: Adding CSS and HTML

Lecture 19: Seventh Section: Adding HTML and CSS

Chapter 10: Introduction To Responsive Design

Lecture 1: Introduction To Media Queries

Lecture 2: A Note On Min-Width In Media Queries

Lecture 3: A Simple Example Of Media Queries

Lecture 4: Media Queries: Two More Examples

Chapter 11: Making Our Website Responsive

Lecture 1: Selecting The First Media Query

Lecture 2: The First Media Query: Adding The CSS

Lecture 3: Selecting The Second Media Query

Lecture 4: The Second Media Query: Adding The CSS

Lecture 5: Selecting The Third Media Query

Lecture 6: The Third Media Query: Adding The CSS

Lecture 7: Selecting The Fourth Media Query

Lecture 8: The Fourth Media Query: Adding The CSS

Lecture 9: Selecting The Fifth Media Query

Lecture 10: The Fifth Media Query: Adding The CSS

Lecture 11: Selecting The Sixth Media Query

Lecture 12: The Sixth Media Query: Adding The CSS

Lecture 13: Picking And Adding Seventh Media Query

Chapter 12: Conclusion(Source Code In Lecture)

Lecture 1: Conclusion

Chapter 13: Bonus Lecture

Lecture 1: Special Thanks