How to Create a Responsive Website from Scratch

Overview

Save Big on Coursera Plus. 7,000+ courses at $160 off. Limited Time Only!

Grab it

Learn to build a responsive agency/portfolio website from scratch using HTML and CSS in this comprehensive tutorial series. Master the creation of a fully functional site that adapts to all devices and screen sizes through media queries. Follow along step-by-step as you construct the HTML structure, style the header and hero area, design an about section, develop a responsive portfolio showcase, and implement a call-to-action with footer. Explore two different methods for adding a parallax effect using jQuery to enhance visual appeal. Download provided assets to practice and reinforce your learning throughout this hands-on web development journey.

Syllabus

How to Create a Responsive Website from Scratch - Part 1: The HTML #Responsive #HTML5.
How to Create a Responsive Website from Scratch - Part 2: The Header and Hero area #Responsive #CSS3.
How to Create a Responsive Website from Scratch - Part 3: The About Section #Responsive #CSS.
How to Create a Responsive Website from Scratch - Part 4: Building a Responsive Portfolio Section.
How to Create a Responsive Website from Scratch - Part 5: Call To Action and Footer #CSS #Responsive.
Parallax effect | 2 different ways to add it with jQuery.