Learn Bootstrap 4 by creating a unique responsive landing page with custom CSS, icons, web fonts and smooth scrolling.

What you will learn

Learn how to create a landing page using Bootstrap 4 (Beta)

Learn how to create a fixed navigation bar

Learn how to use the Scrollspy component from Bootstrap

Learn how to create a jumbotron

Learn how to embed a YouTube video responsively

Learn how to create a carousel

Learn how to create a pricing table with a card layout and list groups

Learn how to create a sign-up form with a modal

Learn how to create a footer with social links, address, dropdown and more

Learn how to use the grid system to create a responsive layout

Learn how to use spacing utilities and more to adjust the layout

Learn how to create a full-size background image with parallax effect

Learn how to add Font Awesome icons

Learn how to use Google Fonts

Learn how to add a smooth scroll effect to the navigation bar

Description

Trailer


Get Instant Notification of New Courses on our Telegram channel.


English
language

Content

Introduction

About the course
Installing Bootstrap 4 Beta

Components

Navigation
Jumbotron
Description
Trailer
Showcase
Features
Pricing
Reviews
Newsletter
Footer

Adjustments

Responsive adjustments
Adjustments with utilities

Customization

Styling with CSS
Adding icons with Font Awesome 4
Using Google Fonts
Adding smooth scroll

Extra lectures

Bonus Lecture: Learning Boostrap 4 – What’s next?