Bootstrap 4: Create a landing page – free course

Don't Miss Any Coupon!

Don't Miss Any Coupon!

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


  • Basic understanding of HTML.
  • A text editor.


This course is for the beginner who wants to get a quick introduction to the latest version of Bootstrap 4 (Beta) by creating a unique responsive landing page.

You’ll learn how to structure different content and make it look great on all device sizes by using a responsive grid.

Bootstrap 4 components:
During the lectures you’ll learn how to create the following components:

  • Button
  • Card
  • Carousel
  • Dropdown
  • Form
  • Jumbotron
  • List group
  • Modal
  • Navbar
  • Scrollspy

Bootstrap 4 utilities:
During the lectures you’ll learn how to use the following utilities:

  • Colors
  • Display
  • Embed
  • Flex
  • Float
  • Position
  • Screenreaders
  • Spacing
  • Text

But it doesn’t stop here! You’ll also learn the following:

Styling with CSS
Learn how to apply some custom CSS to create a full-size background image with a simple parallax effect to get the attention of the user.

Adding Font Awesome Icons
Learn how to use the very popular icon font from Font Awesome to make the landing page more interesting.

Using Google Fonts
Learn how to use Google Fonts for headings and other text to make the landing page more unique

Adding smooth scroll
Learn how to implement a smooth scroll JavaScript plugin to create a scrolling animation when navigating the landing page.

Create your own landing page
By the end of this course you’ll be able to create your own unique landing page ready to be published to the web.

Teaching style
The teaching style is “follow along” and “learn by example”, so I don’t explain every class used in the code in depth. If you’re looking for that you should check out my other Bootstrap 4 course.

Who this course is for:

  • Anyone who wants to learn how to make a landing page
  • Anyone who wants a quick introduction to the latest Bootstrap 4 (Beta) web framework
Don't Miss Any Coupon!

Don't Miss Any Coupon!


udemy coupon | udemy coupon code 2022 | udemy coupon codes | udemy coupons 2022 | udemy coupon 9.99 | udemy coupon free | udemy coupon 90 off | udemy coupons for students | udemy coupon generator | udemy coupon code | udemy 100 off discount global | udemy code coupon | courses in udemy | courses udemy | course in udemy | udemy course | course on udemy | courses on udemy | coupons for udemy | business udemy | free course on udemy | udemy coupon codes 2017 | 10 dollar udemy coupon | udemy free coupons | $10 udemy coupon | udemy coupon 100% microsoft server | udemy free courses with certificate | udemy certificate | udemy free courses | udemy for business | udemy coupon | udemy sale | udemy python | udemy certification | udemy discount code | udemy discount | udemy code | udemy free coupon | best udemy courses | udemy react | udemy programming | udemy java | udemy web development | udemy seo | udemy data science | udemy artificial intelligence | udemy amazon | udemy hacking | udemy ethical hacking | udemy test preparation | udemy coupon 2022 | udemy coupon 2023 | sale udemy | udemy deals | best udemy coupons | coupon in udemy | coupon udemy | coupon code for udemy | coupon code udemy | coupon codes udemy | code coupon udemy | udemy coupon code for free | free coupon udemy | free udemy coupon | free udemy courses coupon | udemy

100% Off Udemy Coupons | Free Udemy Courses Certificates
Enable registration in settings - general