In this video we will create a landing page using HTML, CSS, Bootstrap 4 and a little bit of jQuery.

You will learn how to create fixed navigation menu, buttons, skewed section dividers, contact form and pricing tables. By the end of the video you will also have a good understanding of positioning elements, using pseudo elements like before and after and how to make your site responsive so it will appear perfectly on mobile devices.

In order to follow along you will need a basic understanding of HTML, CSS and Bootstrap. You can download the source files and psd design from the lesson resources in the sidebar.

Table of content:

Designing the navigation
Designing the hero section
Designing the about section
Designing the features section
Designing the download section
Designing the pricing section
Designing the contact section
Designing the footer
Navigation improvement
Responsive fixes