Components

Typography Heading

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

Background Color

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

Soft Background Color

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

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

Buttons

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

Buttons Soft

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

Puzzle Games

Ex. <a href="#" class="btn btn-outline-primary"> Primary </a>
Register Now Get the App Opportunity Here Get the App Platform Overview FAQ Help Center Contact Service

Events Hub

Ex. <a href="#" class="btn btn-icon btn-primary"><i data-feather="facebook" class="fea icon-sm"></i></a>

Live Tournaments

Ex. <a href="#" class="btn btn-icon btn-outline-primary"><i data-feather="facebook" class="fea icon-sm"></i></a>

New User Guide

Ex. <a href="#" class="btn btn-icon btn-pills btn-primary"><i data-feather="facebook" class="fea icon-sm"></i></a>

Player Community

Ex. <a href="#" class="btn btn-icon btn-pills btn-outline-primary"><i data-feather="facebook" class="fea icon-sm"></i></a>

Version Updates

Ex. <a href="#" class="btn btn-primary btn-sm"> Primary </a>
Sports Chess & Cards Esports Lottery
Ex. <a href="#" class="btn btn-primary btn-lg"> Primary </a>
Massive Library Diverse Games Secure & Reliable Tech Forward

Badges

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

Withdrawals

Ex. <span class="badge badge-pill badge-primary"> primary </span>
Live Chat Tech Support Tech Forward Official Download Data Security Industry Insights Game Guides Top Picks

Security Center

Ex. <span class="badge badge-pill badge-outline-primary"> primary </span>
Contact Cooperation Inquiry Interactive Fun Get It Now User Agreement Our Journey Feedback Beginner Guide

Support Center

Ex. <a href="#" class="badge badge-primary"> primary </a>
Visit Official Site See Updates Join Now Sign Up Risk Notice Feedback Partner With Us Join Us

Alert

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

Events & Promos

Ex. <div class="alert alert-primary" role="alert"> A simple primary alert with <a href="#" class="alert-link"></a>. </div>

More Choices

Safe & Secure

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>

Play Anywhere

Ex.
<div class="alert alert-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>

Expert Support

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>

Accordions

Accordion #1

旺财28 China Official Platform, with the core concept of 'Big Stage, Dream It, Join It', offers comprehensive entertainment services and diverse gameplay. It features multiple game types, real-time updates, and event pushes, ensuring interactive and fun content. Accessible on PC and mobile with simple operation, clear interface, account security, and data encryption for fund and information safety.

For everything 旺财28官网, 旺财28 offers attentive, thoughtful support.

With 旺财28中国 at its core, 旺财28 brings a fast, seamless experience.

Cards

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

For everything quality content and service, 旺财28 offers attentive, thoughtful support.

Read More
Wangcai28 specializes in quality content and service, serving every user with care.

For everything quality content and service, 旺财28 offers attentive, thoughtful support.

Read More
Horizontal 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>
...
With quality content and service at its core, 旺财28 brings a fast, seamless experience.

With quality content and service at its core, 旺财28 brings a fast, seamless experience.

Last updated 3 mins ago

Forms

Checkboxes

Radio Buttons

Switches Button

Form Select Box

Subscribe Form

Google Map

Default Avatars

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

Custom Avatar

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

Progressbar

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>
WordPress
84%
PHP / MYSQL
75%
Angular / JavaScript
79%
HTML
95%

Tooltip

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

Modal

Table

# First Last Handle
1 Mark Otto @mdo
2 Jacob Thornton @fat
3 Harry Potter @hpt

Blockquotes

Discover more about 旺财28体育 with 旺财28.

Icons

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>