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

Adding the education and skills section

Now, we're going to start building upon the rest of our resume page. We're going to add the footer first because there's not much to it, and then we're going to begin building out the content for the About Me and Contact pages. The following screenshot explains what we are planning to build:

On the left, we have education and experience, along with the relevant years, and on the right we have progress bars indicating how much of the skill is available. So, let's go ahead and get into our code editor. As mentioned previously, we're going to add the footer now. We are going to add that right above the script files, which is going to be a semantic tag, and we're not going to have any classes inside of it:

<footer>
<div class="container">
<P>Copyright &copy;2018, All Rights...