landingpageb4 is the repository for creating a Landing Page using Bootstrap 4.
The live preview of this repository can be found at: http://www.anidhya.com/landingpageb4
Using Bootstrap is best when you want to build any web page. Here we will use the Bootstrap 4 to create different components and sections of a landing page.
Sections or Components
Let's understand what components are there in this bootstrap 4 landing page. You can use different sections customized according to your requirement for your website or landing page.
The foremost component for any website or landing page is the Navigation Bar at the Top.
Jumbotron is a lightweight, flexible component that can optionally extend the entire viewport to showcase key marketing messages on your site.
A card is a flexible and extensible content container. It includes options for headers and footers, a wide variety of content, contextual background colors, and powerful display options. If you’re familiar with Bootstrap 3, cards replace our old panels, wells, and thumbnails. Similar functionality to those components is available as modifier classes for cards.
Embedded YouTube Video
In this section we have embadded the YouTube video with responsiveness.
This section we create the features with icons, headings, body and buttons optimized for responsiveness.
In the testimonial section we used the blockquotes and font awsome quote icon.
The newsletter or basically lead capturing section requires basic but strong form. We used bootrap classes and modals to give it a perfect look.
The last but not the least part of a website or webpage is it's footer. We created multicolumn responsive footer with various required html tags.
This template will serve as a ready reckoner for developing various other webpages. Hence, I will be adding more components as sections in this landing page or additional pages linked to this landing page. Your suggestions are welcome.