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.4 out of 5 (1,111 ratings)
39,393 students
Code a 'Coming Soon' Landing Page in Bootstrap 4
Rating: 4.4 out of 5 (1,111 ratings)
39,393 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
Curriculum
5 sections • 18 lectures • 1h 20m total length
  • Welcome
  • What you will be creating
  • Downloading Bootstrap
  • Creating our file structure
  • Installing Font Awesome
  • Download Course Images
  • Background Image
  • Adding our Logo
  • Adding the Intro Text
  • Adding the Countdown Clock
  • Adding our Social Icons
  • Adding the Signup Box
  • Adding Media Queries
  • Add Additional Media Queries (Bonus)
  • PHP Markup
  • Styling our Alerts
  • Viewing our Final Page
  • Final page files

Instructor
Web Designer/Developer
Andy Clarke
  • 4.4 Instructor Rating
  • 2,539 Reviews
  • 64,419 Students
  • 7 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.