Responsive Landing Page Using HTML, CSS, jQuery, and Bootstrap 4
Offered By: CODE4EDUCATION via YouTube
Course Description
Overview
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 AJAXUdacity 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