+1 800 123 45 67

Components

Buttons

Ex. <a href="#" class="btn btn-primary"> Primary </a>
Primary Secondary Success Danger Info Warning Light Dark

Buttons Pill

Ex. <a href="#" class="btn btn-primary rounded-pill"> Primary </a>
Primary Secondary Success Danger Info Warning Light Dark

Buttons Outline

Ex. <a href="#" class="btn btn-primary-outline"> Primary </a>
Primary Secondary Success Danger Info Warning Light Dark

Button Sizing

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

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 me-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>
Primary Secondary Success Danger Warning Info Light Dark

Pill Badges

Ex. <span class="badge badge-primary rounded"> primary </span>
Primary Secondary Success Danger Warning Info Light Dark

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. "