Create a professional responsive landing page using Bootstrap. Learn HTML, CSS, and essential components to enhance your app, portfolio, or business website.
This course teaches you how to build a stylish and responsive landing page using the Bootstrap framework. You’ll learn HTML, CSS basics and how to make your site look great on all devices—all while having fun along the way!
Learn how to create a clean, modern & professional responsive landing page for your app, portfolio, business or blog!
Learn the basic concepts, tools, and functions that you will need to build fully functional, professional landing page within the bootstrap framework.
Build a strong foundation in the Bootstrap framework with HTML & CSS with this tutorial for beginners.
Bootstrap components
Grid System & Media Queries
Custom fonts
Font-Awesome icons
Animate CSS & WOW js
This course will help you create a perfect bootstrap responsive landing page for your app, business, portfolio or blog. Having a little knowledge of HTML & CSS is ideal to get you started on the quicker route to Bootstrap, however it isn't essential. I will walk you through every step of code to ensure you have the right understanding and tools to further your learning after you have completed the course.
You will not only create a clean, modern professional looking bootstrap landing page, you will also add scroll spy, animation and Google Webfonts to make sure your website stands our from the crowd. We start by understanding the basics of bootstrap, how it works and how it is implemented. We will cover the famous grid system and media queries to ensure your new page looks it's best on all devices.
You will learn-by-doing which will help you understand all aspects of bootstrap 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 created a slick, modern professional landing page using HTML and CSS that will work across all devices.
You will hand code and create a professional, clean & modern bootstrap responsive landing page
Project files to download and work with offline
Learn skill & knowledge to start building your own pages, and templates
8 Lectures
5 Lectures
4 Lectures
3 Lectures
3 Lectures
2 Lectures
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.
The Basics of Bootstrap (Gridsystem) were good explained. The usage of several Bootstrap-classes are shown in action by 'programming' a web page. For a full coverage and explanation of the Bootstrap functionality the user has to check other web sources.
One of the best real-life courses for bootstrap. Anyway I suggest you to have at least basic knowledge about CSS and HTML and some JS to fully understand the course.
I am a Java backend developer and had never had a chance to look at Bootstrap. I wanted to get a basic understanding of it's capabilities and see some real world examples of it in action, and this was exactly what this course provided.
The other thing I really appreciated was the pacing was just right not to fast not to slow.
Useful tips on setting up portfolio site. Would be good to see in Bootstrap 4 but does what it says on the tin. Really useful to see how to clearly separate sections
This course is excellent. It is a project based so you actually get to build a nice looking site at the same time you are learning or polishing your skills.
Great course, really helped me with organize my knowledge about Bootstrap. Now I can continue my work with freecodecamp!
I had been tasked at work to use Bootstrap to style an
internal website, but my last use of CSS was in 2010. The course quickly got me up to speed and doing multiple sections of the landing page helped me see the patterns to what I needed to make each section work smoothly. Thank you, I really feel confident to go and make our own site shine!
Very helpful class teaching how to create a landing page using Bootstrap. I'm updating my landing page along with the class and it's very easy to follow.
Very practical course that covered a wide range of use cases for bootstrap. Ideal for a beginner with basic html and css skills. Walked away with enough knowledge to build a modern-looking landing page. Clear and concise with an easy-going style. Learned quite a lot of practical css styling along with a good overview of the basic bootstrap features.
Your email address will not be published. Required fields are marked *
William N.
Great course and instructor. Clear simple and easy to understand.