Html/css Responsive Landing Page (+bootstrap & Font Awesome)
Published 2/2025
MP4 | Video: h264, 1280x720 | Audio: AAC, 44.1 KHz, 2 Ch
Language: English | Duration: 1h 3m | Size: 485 MB
Learn how to build a responsive landing page using HTML & CSS
What you'll learn
Basic Responsive HTML/CSS
Font Awesome
Bootstrap
Uploading a website to the internet
Requirements
None
Description
Build a clean, responsive HTML/CSS landing page with Bootstrap 5. We'll cover:Bootstrap 5 Install and implementationSetup of responsive imagesResponsive Grid with CardsUpload to Netlify (for free)Connect to a domain name Font Awesome icons for social mediaWe'll start with the basics. Literally from scratch, we will build up the responsive design with the help of Bootstrap. Then we'll go into CSS and customize our design. We will then use Bootstrap cards to organize our content. Built for beginners looking to learn responsive web design.Bootstrap (or Get Bootstrap) is a CSS framework that helps us speed up the design of our site. What I like about Bootstrap is that we can easily build on top of what they offer, or use their pre-existing design elements. Especially their grid.Why bother building a responsive grid when one is built for you? That's the power of using Bootstrap as a CSS framework for our website. I'll walk you through the inline CSS elements that are pre-written into Bootstrap to help further our design along.I'll help you through every step of the process. From a blank canvas, to a finished website where we can launch it online!
Who this course is for
Beginning HTML/CSS developers
HomepageScreenshot
Html/css Responsive Landing Page (+bootstrap & Font Awesome)
