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 WHY CHOOSE US? section

We have completed our navigation and intro page, so now we are moving on to the WHY CHOOSE US section. Let's look at what we are going to target:

As you can see, this section will require two rows to create this kind of layout. It is also using Font Awesome to get the icons. We have already seen a menu item named WHY CHOOSE US? in our navigation. If we click on it, you will see that the scrolling kicks in, which is kind of an animation, and you will be taken to this section. So, without further ado, let's get started. Let's go to our index.html and write the following code:

<section id="why" class="container content-section">
<h2 class="text-center">Why Choose Us?</h2>
<p class="text-center">Here are just a few reasons to choose
<strong>Digital Agency...