HTML/CSS Responsive Landing Page (+Bootstrap & Font Awesome)

Build a clean, responsive HTML/CSS landing page with Bootstrap 5.

We'll cover:

• Bootstrap 5 Install and implementation

• Setup of responsive images

• Responsive Grid with Cards

• Upload to Netlify (for free)

• Connect to a domain name

• Font Awesome icons for social media

We'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!