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 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