Code a 'Coming Soon' Landing Page in Bootstrap 4
- 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)
**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.
- Users looking to create a 'coming soon' or 'product launch page'
- Users who want to build responsive landing pages
- What you will be creating01:32
- Downloading Bootstrap01:45
- Creating our file structure03:15
- Installing Font Awesome02:50
- Download Course Images01:08
- Background Image02:56
- Adding our Logo05:03
- Adding the Intro Text04:34
- Adding the Countdown Clock08:20
- Adding our Social Icons12:28
- Adding the Signup Box08:33
- Adding Media Queries06:26
- Add Additional Media Queries (Bonus)03:19
- PHP Markup09:44
- Styling our Alerts04:08
- Viewing our Final Page03:02
- Final page files00:02