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

Betting Tips

Scorecard

Live Betting

Fixture Details

Game Insights

Event Link

Odds Updates

More Info

Badges

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

Top Moments

Hot Match
Featured Upcoming Games Event Schedule Statistical Analysis Predictions Comprehensive Coverage Fixture Tracking Digital Content

Video Clips

Featured
Trending Recent Results Scoreboard Match Previews Match Highlights User-Friendly Interface Result Tracking Information Services

Alert

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

Latest Updates

Live score update with <a href="#" class="alert-link">detailed stats</a>.

Match Center

Live Updates

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>

Event Feed

<div class="alert alert-primary alert-pills" role="alert"> <span class="badge badge-pill badge-danger"> Live </span> <span class="alert-content"> Instant score update—stay informed! </span> </div>

Scoreboard Feed

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

开云体育(中国)官方网站专注于体育赛事资讯与数字内容服务,为广大体育爱好者提供丰富的足球、篮球、电竞等热门赛事资讯。平台实时更新赛事赛程、即时比分、球队动态以及球员表现数据,帮助用户快速掌握全球体育热点内容。通过专业赛事分析和深度专题报道,用户能够更加全面地了解比赛走势和竞技亮点。平台拥有简洁流畅的界面设计和便捷的信息导航体系,为用户带来高效舒适的体育资讯浏览体验。

开云体育(中国)官方网站专注于体育赛事资讯与数字内容服务,为广大体育爱好者提供丰富的足球、篮球、电竞等热门赛事资讯。平台实时更新赛事赛程、即时比分、球队动态以及球员表现数据,帮助用户快速掌握全球体育热点内容。通过专业赛事分析和深度专题报道,用户能够更加全面地了解比赛走势和竞技亮点。平台拥有简洁流畅的界面设计和便捷的信息导航体系,为用户带来高效舒适的体育资讯浏览体验。

开云体育(中国)官方网站专注于体育赛事资讯与数字内容服务,为广大体育爱好者提供丰富的足球、篮球、电竞等热门赛事资讯。平台实时更新赛事赛程、即时比分、球队动态以及球员表现数据,帮助用户快速掌握全球体育热点内容。通过专业赛事分析和深度专题报道,用户能够更加全面地了解比赛走势和竞技亮点。平台拥有简洁流畅的界面设计和便捷的信息导航体系,为用户带来高效舒适的体育资讯浏览体验。

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

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

Read More
Saas & Software : Landrick

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

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>
...
Saas & Software : Landrick

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

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

Team Logos

Player Avatar

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

开云体育(中国)官方网站专注于体育赛事资讯与数字内容服务,为广大体育爱好者提供丰富的足球、篮球、电竞等热门赛事资讯。平台实时更新赛事赛程、即时比分、球队动态以及球员表现数据,帮助用户快速掌握全球体育热点内容。通过专业赛事分析和深度专题报道,用户能够更加全面地了解比赛走势和竞技亮点。平台拥有简洁流畅的界面设计和便捷的信息导航体系,为用户带来高效舒适的体育资讯浏览体验。

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>
Live Sports Data Data: TheSportsDB

⚽ Soccer Live (4)

HomeScoreAwayLeagueTime
Wolaitta Dicha0:0Negelle ArsiEthiopian Premier League12:00
Wals-Grünau0:0SCR Altach JuniorsAustrian Regionalliga West12:00
Cambodia1:0BhutanInternational Friendlies12:00
Lauterach0:0KuchlAustrian Regionalliga West12:00

🏀 Basketball Live (10)

HomeScoreAwayLeagueTime
BA CoE73:76Canberra GunnersNBL1 East10:00
Can Tho CatfishHanoi BuffaloesVietnam Basketball Association12:30
BK OpavaBasket BrnoCzech NBL16:00
Dubai BasketballKK PartizanAdriatic ABA League16:00
Oberwart GunnersKapfenberg BullsAustrian Basketball Superliga16:00
BonnBayern München BasketballGerman BBL16:30
PBC CSKA MoscowBC UNICSRussian VTB United League16:30
Maccabi Ashdod BCIroni NahariyaIsraeli Basketball National League17:00
Kirchheim KnightsPhoenix HagenGerman ProA17:00
FC Barcelona BasquetCB MurciaSpanish Liga ACB17:00