Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

YouTube

How to Create a Responsive Multiple Pages Website Using HTML, CSS & JavaScript - Step by Step Tutorial

EGATOR via YouTube

Overview

Follow a comprehensive step-by-step tutorial to create a responsive multi-page website using HTML, CSS, and JavaScript. Learn modern web development techniques including CSS Flexbox, CSS Grid, and CSS Variables to build a fully functional site with a contact form, testimonial section featuring slide effects using SwiperJS, and a FAQ toggle. Explore responsive design principles to ensure your website looks great on all devices, from mobile phones to desktops. Gain practical experience in structuring project files, implementing CSS root variables, importing Google Fonts, and creating various sections like headers, product displays, and footers. By the end of this 2-hour tutorial, you'll have the skills to develop a professional, customizable website from scratch.

Syllabus

Intro Project Overview
Buying Hosting & Claiming Free Domain
Project Files & Folder Structure
VSCode Extensions
Iconscout CDN
CSS Root Variables
Importing Google Fonts
General CSS Styles
Navbar CSS
Header Section HTML
Header Section CSS
Video Modal HTML & CSS
Products Section HTML & CSS
Why Choose Us Section HTML & CSS
Trusted Clients HTML & CSS
Testimonials Section with SwiperJS Slide Effect
Frequently Asks Questions HTML & CSS
Call To Action HTML & CSS
Footer HTML & CSS

Taught by

EGATOR

Reviews

Start your review of How to Create a Responsive Multiple Pages Website Using HTML, CSS & JavaScript - Step by Step Tutorial

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Someone learning on their laptop while sitting on the floor.