H1. Bootstrap heading

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

Display 1

Display 2

Display 3

Display 4

Ex. <div class="bg-primary"> Landrick Saas & Software Template </div>

Ex. <div class="bg-soft-primary"> Landrick Saas & Software Template </div>

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

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

Primary Capsule Button

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

Soft Capsule Primary Button

Primary Border Button

Primary Border Button

Primary Icon Button

Primary Border Icon Button

Primary Capsule Icon Button

Primary Border Capsule Icon Button

Small Primary Button

Large Primary Button

Ex.
<div class="btn-group dropdown-primary">
   <button type="button" class="btn btn-primary dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
     Primary
   </button>
   <div class="dropdown-menu">
     <a class="dropdown-item" href="#">Home</a>
     <a class="dropdown-item" href="#">Services</a>
     <a class="dropdown-item" href="#">About us</a>
     <div class="dropdown-divider"></div>
     <a class="dropdown-item" href="#">Contact us</a>
   </div>
</div>

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

Primary Capsule Badge

Primary Border Capsule Badge

Primary Badge Link

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

Operation Tip: Please click this link to learn more.

Ex.
<div class="alert alert-success alert-dismissible fade show" role="alert">
  <strong>Well done!</strong> You successfully read this important alert message.
  <button type="button" class="close" data-dismiss="alert" aria-label="Close">
     <span aria-hidden="true"> × </span>
  </button>
</div>

New Feature Launch: Explore the latest 麻将胡了 experience!

Ex.
<div class="alert alert-outline-primary alert-pills" role="alert">
   <span class="badge badge-pill badge-danger"> New </span>
   <span class="alert-content"> A Modern primary alert—check it out! </span>
</div>

Vertical Card
<div class="card shadow rounded border-0 overflow-hidden>
   <img src="images/blog/01.webp" class="img-fluid" alt=">
   <div class="card-body">
     <h5 class="card-title">Saas & Software : Landrick</h5>
     <p class="text-muted mb-0">Due to its widespread use as filler text for layouts, non-readability is of great importance</p>
   </div>
</div>

Saas & Software : Landrick

Due to its widespread use as filler text for layouts, non-readability is of great importance

Read More

麻将胡了 specializes in 麻将胡了2, serving every user with care.

For everything 麻将胡了APP, 麻将胡了 offers attentive, thoughtful support.

Read More

With 麻将胡了官网 at its core, 麻将胡了 brings a fast, seamless experience.

This is a wider card with supporting text below as a natural lead-in to additional content. This content is a little bit longer.

Last updated 3 mins ago

Ex.
<nav aria-label="breadcrumb" class="d-inline-block">
  <ul class="breadcrumb bg-white rounded shadow mb-0">
    <li class="breadcrumb-item"><a href="#">Home</a></li>
    <li class="breadcrumb-item"><a href="#">Pages</a></lt>
    <li class="breadcrumb-item active" aria-current="page">Components</li>
  </ul>
</div>

Ex.
<ul class="pagination mb-0">
   <li class="page-item"><a class="page-link" href="javascript:void(0)" aria-label="Previous">Prev</a></li>
   <li class="page-item active"><a class="page-link" href="#">1</a></li>
   <li class="page-item"><a class="page-link" href="#">2</a></li>
   <li class="page-item"><a class="page-link" href="#">3</a></li>
   <li class="page-item"><a class="page-link" href="#" aria-label="Next">Next</a></li>
</ul>


• Prev
• 1
• 2
• 3
• Next

Ex. <img src="images/home/01.webp" class="img-fluid avatar avatar-ex-sm rounded">

Circular User Avatar Example

Ex.
<div class="progress-box">
   <h6 class="title text-muted"> Progress</h6>
   <div class="progress">
     <div class="progress-bar position-relative bg-primary" style="width:84%;">
       <div class="progress-value d-block text-muted h6">84%</div>
     </div>
   </div>
</div>

Ex. <a href="#"class="btn btn-primary mr-2 mb-2" data-toggle="tooltip" data-placement="top" title="Top Tooltip" alt=""> Top Tooltip </a>

Discover more about 麻将胡了 platform with 麻将胡了.

Feather Icons

There are 280+ feather icons and you can get all icons info from here: https://feathericons.com/

Ex. <i data-feather="mail" class="fea icon-sm"> </i>

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>

Flaticon Icons

There are Flaticon icons and you can get all icons info from here: https://www.flaticon.com/packs/basic-icon

Iconscout (Unicons) Icons

There are 1100+ Iconscout (Unicons) Icons and you can get all icons info from here: https://www.flaticon.com/packs/basic-icon

Ex.
<span class="h3 text-primary mr-2">
  <i class="uil uil-0-plus"></i>
</span>