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

Mobile Web Development
Google via Udacity iDESWEB, Introducción al desarrollo web
Miríadax Information Design
University of California, San Diego via Coursera Advanced Styling with Responsive Design
University of Michigan via Coursera Front-End Web UI Frameworks and Tools
The Hong Kong University of Science and Technology via Coursera