Responsive Landing Page Using HTML, CSS, jQuery, and Bootstrap 4

Offered By: CODE4EDUCATION via YouTube

Course Description

Overview

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

Learn to create a responsive landing page using HTML, CSS, jQuery, and Bootstrap 4 in this comprehensive tutorial. Build a complete website with a sticky header, hero section, and responsive design. Follow step-by-step instructions to set up the project, implement Bootstrap 4 components, apply custom CSS styles, and add interactive features using JavaScript. Master techniques for creating a professional-looking landing page that adapts seamlessly to different screen sizes.

Syllabus

Intro
Project Setup
Bootstrap 4 Header HTML
Pre-defined CSS Classes
Bootstrap 4 Header CSS
Bootstrap 4 Sticky Header CSS
Bootstrap 4 Hero Section HTML
Bootstrap 4 Hero Section CSS
Responsive Header CSS
Responsive Hero Banner CSS
Bootstrap 4 Sticky Header On Scroll JS
Bootstrap 4 Menu Close On Click
Responsive Landing Page Using Bootstrap 4 Completed

Taught by

CODE4EDUCATION

Related Courses

Introduction to Bootstrap - A Tutorial
Microsoft via edX Advanced Styling with Responsive Design
University of Michigan via Coursera Responsive Website Basics: Code with HTML, CSS, and JavaScript
University of London International Programmes via Coursera Responsive Web Design
University of London International Programmes via Coursera Front-End Web UI Frameworks and Tools
The Hong Kong University of Science and Technology via Coursera