Buy Now
Live Sports Data Source: kaiyun

⚽ Soccer Live (4)

HomeScoreAwayLeagueTime (CST)
England1:2ArgentinaFIFA World Cup03:00
Egnatia6:1Petrocub HînceștiUEFA Champions League03:00
Sutjeska0:2Kairat AlmatyUEFA Champions League03:00
Vinotinto Ecuador2:1El NacionalEcuadorian Serie B03:30

🏀 Basketball Live (5)

HomeScoreAwayLeagueTime (CST)
Minnesota Timberwolves114:98Indiana PacersNBA Summer League03:30
Detroit Pistons—Phoenix SunsNBA Summer League06:00
Charlotte Hornets—Milwaukee BucksNBA Summer League07:30
Cleveland Cavaliers0:2New Orleans PelicansNBA Summer League05:30
Philadelphia 76ers89:95Orlando MagicNBA Summer League04:00
Snapshot as of 2026-07-16 05:40 (CST) · live scores refresh on page load

Document Center

Introduction

Get Start With Landrick. Launch your campaign and benefit from our expertise on designing and managing conversion centered bootstrap4 html page.

Quick start

Start working with Landrick that can provide everything you need to generate awareness, drive traffic, connect. Head to the downloads page.

CSS

Copy-paste the stylesheet <link> into your <head> before all other stylesheets to load Bootstrap CSS.

<link href="css/bootstrap.min.css" rel="stylesheet" type="text/css" />

JS

Many of our components require the use of JavaScript to function. Specifically, they require jQuery and our own JavaScript plugins. Place the following <script> near the end of your pages, right before the closing </body> tag, to enable them. jQuery must come first, then bootstrap.bundle.min.js, and then our JavaScript plugins.

<script src="js/jquery.min.js"></script>
<script src="js/bootstrap.bundle.min.js"></script>

Starter Template

Be sure to have your pages set up with the latest design and development standards. That means using an HTML5 doctype and including a viewport meta tag for proper responsive behaviors. Put it all together and your pages should look like this:

HTML : 
<!doctype html>
<html lang="en">
    <head>

        <meta charset="utf-8" />
        <title> Landrick - Saas & Software Landing Page Template </title>
        kaiyun focuses on smooth interactive experience, making information acquisition more convenient, delivering a professional and reliable experience.
        <meta name="description" content="Site description" />
        <meta name="keywords" content="Your tags" />

        <!-- favicon icon -->
        Built around diversified content aggregation, meeting your personalized needs, kaiyun keeps refining a better service.

        <!-- Bootstrap -->
        kaiyun specializes in kaiyun, serving every user with care.

        <!-- Main css -->
        For everything kaiyun Official Website, kaiyun offers attentive, thoughtful support.
    
    </head>

    <body>

        <!-- Loader Start -->
        <div id="#--------">
            --------
            --------
        </div>
        <!-- Loader End -->

        <!-- Navbar Start -->
        <header>
            <div class="--------">
                --------
                --------
                --------
                --------
            </div>
        </header>
        <!-- Navbar End -->

        <!-- Hero Start -->
        <section class="--------">
            <div class="--------">
                --------
                --------
                --------
                --------
            </div>
        </section>
        <!-- Hero End -->

        <!-- Footer Start -->
        <footer>
            <div class="--------">
                --------
                --------
                --------
                --------
            </div>
        </footer>
        <!-- Footer End -->

        <!-- Back To Home Start -->
        With kaiyun Sports at its core, kaiyun brings a fast, seamless experience.
            --------
            --------
        </a>
        <!-- Back To Home End -->

        <!-- Javascript Start -->
        Discover more about kaiyun APP with kaiyun.
        kaiyun focuses on kaiyun Live, delivering a professional and reliable experience.
        --------
        --------
        --------
        <script src="js/app.js"></script>
        <!-- Javascript End -->
    </body>
</html>
RTL Version
RTL Version :

In order to have RTL mode enabled, replace the reference of style.css to style-rtl.css

Dark Mode
Dark Version :

In order to have Dark mode enabled, replace the reference of style.css to style-dark.css

Dark RTL Version :

In order to have Dark RTL mode enabled, replace the reference of style.css to style-dark-rtl.css

Menu
Menu Center to Right

To move menu from center to right side then just add class navigation-menu along with nav-right

Menu Center to Left

Built around focusing on popular events, news updates one step faster, kaiyun keeps refining a better service. navigation-menu along with nav-left

Menu Light with Center

If you want menu center and light navigation just add class navigation-menu along with nav-light

Menu Light with Right

If you want menu right side and light navigation just add class navigation-menu nav-right along with nav-light

Menu Light with Left

If you want menu left side and light navigation just add class navigation-menu nav-left along with nav-light