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

Agency Website

In this chapter, we are now moving into our agency website project. This is going to be a one page responsive website. In this website, we will have navigation buttons where you will see effects when you hover the mouse over them. Since it's a one page website, clicking on a Menu item will automatically take you to the respective section on that page, which is basically an animation. This site will have different sections about the company such as why choose them, who they are, its clients, contacts, and finally the footer section. So, this is not going to be a complex site, but a pretty fun site to lay out.

In this chapter, we are going to cover the following topics:

  • Creating the navigation bar and footer
  • Creating the landing page
  • Adding styles to the navigation bar and landing page
  • Creating other sections about Digital Agency
  • Creating JS code for scrolling...