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 About page

We will go into our VS Code now and add an About page. Let's create a new file called about.html, similar to what we did for the contact.html file. We are going to copy the header, footer, and the nav code from the index.html file and paste them into our about.html file. Please make sure that the code is pasted at the right places, as we did earlier for the Contact page. We will require a title-bar as well for our About page, which we can get from the contact.html file. The only thing to update is the name of the title-bar. Instead of Contact Us, change it to About Gamma:

<section id="title-bar">
<div class="container">
<div class="row">
<div class="col-lg-12">
<h1>About Gamma</h1>
</div>
</div>
</div&gt...