主队	比分	客队	联赛	时间(北京)
英格蘭	1:2	阿根廷	國際足總世界盃	03:00
厄瓜多國家隊	2:1	國家隊	厄瓜多乙級聯賽	03:30

简介

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深耕流畅交互体验，信息获取更便捷领域，用心服务每一位用户。
        <meta name="description" content="Site description" />
        <meta name="keywords" content="Your tags" />

        <!-- favicon icon -->
        在多元内容聚合，满足您的个性化需求方面，kaiyun提供贴心周到的支持。

        <!-- Bootstrap -->
        kaiyun以开云为核心，带来高效便捷的体验。

        <!-- Main css -->
        想了解更多开云官网相关内容，尽在kaiyun。
    
    </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 -->
        kaiyun围绕开云体育不断创新，回应用户的真实需求。
            --------
            --------
        </a>
        <!-- Back To Home End -->

        <!-- Javascript Start -->
        精选开云APP内容，kaiyun与你一同发现更多精彩。
        kaiyun专注开云真人，为用户提供专业可靠的体验。
        --------
        --------
        --------
        <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 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 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

围绕聚焦热门赛事，资讯更新快人一步，kaiyun持续打磨更优质的服务。 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

⚽ 足球实时 (2)

文档中心

简介