+1 800 123 45 67

Components

Buttons

Ex. <a href="#" class="btn btn-primary"> Primary </a>
PrimarySecondarySuccessDangerInfoWarningLightDark

Buttons Pill

Ex. <a href="#" class="btn btn-primary rounded-pill"> Primary </a>
PrimarySecondarySuccessDangerInfoWarningLightDark

Buttons Outline

Ex. <a href="#" class="btn btn-primary-outline"> Primary </a>
PrimarySecondarySuccessDangerInfoWarningLightDark

Button Sizing

Ex. <a href="#" class="btn btn-primary btn-sm"> Primary </a>
PrimaryWarningSuccess

Accordions

Accordion #1

There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form.

There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form.

There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form.

Text Color

Ex. <div class="text-primary"> Landrick Saas & Software Template </div>
.text-primary
.text-secondary
.text-success
.text-danger
.text-warning
.text-info
.text-light
.text-white
.text-white-50
.text-dark

Avatars

Ex. <img src="images/home/01.jpg" class="img-fluid avatar avatar-small mr-3 rounded-pill">

Google Map

Nav Tabs

You can combine all the Landrick templates into a single one, you can take a component from the Application theme and use it in the Website.

You can combine all the Landrick templates into a single one, you can take a component from the Application theme and use it in the Website.

You can combine all the Landrick templates into a single one, you can take a component from the Application theme and use it in the Website.

Breadcrumb

Pagination

Icons

Material Design Icons

There are 4400+ Material Design icons and you can get all icons info from here: https://materialdesignicons.com/

Ex. <i class="mdi mdi-home"> </i>

Typography

Ex. <h1> H1. Bootstrap heading </h1>

H1. Bootstrap heading

H2. Bootstrap heading

H3. Bootstrap heading

H4. Bootstrap heading

H5. Bootstrap heading
H6. Bootstrap heading

Display Heading

Ex. <p class="display-1"> Display 1 </p>

Display 1

Display 2

Display 3

Display 4

Badges

Ex. <span class="badge badge-primary"> primary </span>
PrimarySecondarySuccessDangerWarningInfoLightDark

Pill Badges

Ex. <span class="badge badge-primary rounded"> primary </span>
PrimarySecondarySuccessDangerWarningInfoLightDark

Alert

Ex. <div class="alert alert-primary" role="alert"> A simple primary alert—check it out! </div>

Forms

Progressbar

WordPress
84%
PHP / MYSQL
75%
Angular / JavaScript
79%
HTML / CSS
95%

Checkboxes

Radio Buttons

Switches Button

Subscribe Form

Blockquotes

" There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour, or randomised words which don't look even slightly believable. "