Code a 'Coming Soon' Landing Page in Bootstrap 4

Build your 'under construction' or 'coming soon' landing page with countdown clock in bootstrap 4
Rating: 4.2 out of 5 (1,126 ratings)
40,668 students
Code a 'Coming Soon' Landing Page in Bootstrap 4
Rating: 4.2 out of 5 (1,126 ratings)
40,668 students
Code an awesome 'coming soon' landing page for your product or business
Learn how to develop a responsive landing page
Use many different components of the bootstrap framework
Collect emails from a sign-up box via PHP

Requirements

  • Basic understanding of HTML & CSS, however not essential.
  • HTML Editor (e.g. Brackets, Coda, Notepad++, Coffeecup)
  • Webhost with PHP capabilities
  • FTP access (e.g FileZilla)
Description

**FREE FOR A LIMITED TIME ONLY**

Learn the basic concepts, tools, and functions that you will need to build fully functional, professional landing page within the new bootstrap 4 framework. This course is ideal for students of all skill-sets, from total beginners or students that simply want to brush up on their coding skills.

In this brand new course you will learn how to code a professional responsive 'coming soon' or 'product launch' landing page within the Bootstrap 4 framework with HTML, CSS & PHP.

  • Countdown-to-launch landing page
  • Fully Responsive
  • Incorporate new Bootstrap components
  • Understanding of the Bootstrap Grid System & Media Queries
  • Custom Fonts
  • Collect emails with PHP Markup
  • Font-Awesome Icons
  • CSS Animation


You will work through the lectures and build a simple, yet professional responsive landing page that will incorporate your company logo, intro text, a countdown clock, social icons and a fully functioning sign-up form for you to start collecting emails before your product or website is launched.

You will ideally have a little knowledge of HTML & CSS, however it isn't essential as I will walk you through every step of code to ensure you have the right understanding of the bootstrap framework, and the tools to further your learning after you have completed the course.

You will not only hand code a modern professional looking bootstrap 4 landing page, you will start collecting emails instantly with a sign-up form via PHP markup. You'll be able to build up a customer base and create buzz around your product or website before it is even launched!

You will take the learn-by-doing approach which will help you understand the aspects of bootstrap we use during the course and give you the tools to re-design our template or build an entirely new landing page specifically how you want it. You will be able to download project files throughout the course, which will be yours to keep and work on at your leisure.

By the end of this course you will have hand coded a modern & professional 'coming soon' or 'product launch' landing page using HTML, CSS & PHP, and built a basic understanding of the bootstrap framework to help you develop your own pages in the future.

Who this course is for:
  • Users looking to create a 'coming soon' or 'product launch page'
  • Users who want to build responsive landing pages
Course content
5 sections • 18 lectures • 1h 20m total length
  • Welcome
    01:32
  • What you will be creating
    01:32
  • Downloading Bootstrap
    01:45
  • Creating our file structure
    03:15
  • Installing Font Awesome
    02:50
  • Download Course Images
    01:08
  • Background Image
    02:56
  • Adding our Logo
    05:03
  • Adding the Intro Text
    04:34
  • Adding the Countdown Clock
    08:20
  • Adding our Social Icons
    12:28
  • Adding the Signup Box
    08:33
  • Adding Media Queries
    06:26
  • Add Additional Media Queries (Bonus)
    03:19
  • PHP Markup
    09:44
  • Styling our Alerts
    04:08
  • Viewing our Final Page
    03:02
  • Final page files
    00:02

Instructor
Web Designer/Developer
Andy Clarke
  • 4.2 Instructor Rating
  • 2,647 Reviews
  • 79,262 Students
  • 8 Courses

I have been in the web design and development sector for over 10 years, working on various aspects of design and build. I've always had a passion for design and coding and enjoy creating various sites through HTML, CSS and Javascript, especially Wordpress & Bootstrap sites. I also design websites, illustrations  and apps layouts in Adobe Creative Suite & Sketch.