Book Image

Learning Bootstrap 4 by Building Projects

Book Image

Learning Bootstrap 4 by Building Projects

Overview of this book

Bootstrap, the world’s most popular frontend framework, is an open source toolkit for building web applications with HTML, CSS, and JavaScript. Learning Bootstrap 4 by Building Projects covers the essentials of Bootstrap 4 along with best practices. The book begins by introducing you to the latest features of Bootstrap 4. You will learn different elements and components of Bootstrap, such as the strict grid system, Sass, which replaced Less, flexbox, Font Awesome, and cards. As you make your way through the chapters, you will use a template that will help you to build different kinds of real-world websites, such as a social media website, a company landing page, a media hosting website, and a profile page, with ease. By the end of this book, you will have built websites that are visually appealing, responsive, and robust.
Table of Contents (9 chapters)
Free Chapter
1
Introduction

Creating the WHO WE ARE section

Now, we're going to move on to our next section, which is the WHO WE ARE section. Let's look at what we are targeting:

We will once again start with a section tag and give it an id="who". Even if you're not using an id, especially in this case, you can demarcate sections of your site and just make it very easy to understand what's going on. This kind of acts as a little bit of metadata. Let's look at the code:

<section id="who" class="content-section text-center">
<div class="who-section">
<h2>Who We Are?</h2>
<p class="lead">
<strong>Digital Agency</strong> is one of the lead digital
marketing firms on the east coast. We are made up of seasoned
professionals with a ton of experience.</p>
<a...