**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.
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.
A quick welcome to the course and a look at what we will cover during the lectures.
Here we take a look at the final page and go over the features of what you'll be creating.
In this lecture we download the relevant bootstrap files to start building our page.
In this lecture we add the relevant files we need to our file structure.
In this lecture we install font awesome onto our page, so we are ready to use certain icons when coding our page.
In this lecture we download the images to use within the course.
In this lecture we add the background image to our page and add relevant code to ensure it fills the screen on all devices.
In this lecture we add our logo to the bootstrap page and ensure it is sized correctly on our devices.
Here we add our intro text to display to the user, we also add our custom font via Google Fonts.
In this lecture we install the main feature to the bootstrap landing page, which is our countdown clock.
In this lecture we add our social icons via Font Awesome to the page, we then style them and add interaction for the user.
Here we code our sign up box to collect user emails.
In this lecture we add all our media queries to ensure the bootstrap page renders and displays correctly on all devices.
Here we look how we can add media queries into our stylesheet to ensure our page fits on landscape and portrait views.
In this lecture we add PHP markup to the bootstrap page to ensure our sign-up box sends an email when the user provides their information and hits the 'sign up' button.
In this lecture we add styles to the alerts to make the message fit in with the design of the page.
In this lecture we look at our final page, tidy any code up and go over what you have created.
The final page files are provided to download.