YoVDO

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

Offered By: CODE4EDUCATION via YouTube

Tags

Bootstrap Courses Computer Science Courses Web Development Courses jQuery Courses HTML Courses Responsive Design Courses

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

Intro to AJAX
Udacity
Intro to jQuery
Udacity
Introduction to jQuery
Microsoft via edX
Responsive Website Basics: Code with HTML, CSS, and JavaScript
University of London International Programmes via Coursera
3D Graphics for Web Developers
Pompeu Fabra University via FutureLearn