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>九游中文专区-九游游戏免费下载-九游官网 NINE GAME</title>
        九游下载 focuses on 九游APP, delivering a professional and reliable experience.
        <meta name="description" content="Site description" />
        <meta name="keywords" content="Your tags" />

        <!-- favicon icon -->
        Built around 九游手游, 九游下载 keeps refining a better service.

        <!-- Bootstrap -->
        九游下载 specializes in 海量游戏资源，一站式下载, serving every user with care.

        <!-- Main css -->
        For everything 专业游戏资讯，掌握最新动态, 九游下载 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 -->
        <a href="#" class="--------" id="#--------">
            --------
            --------
        </a>
        <!-- Back To Home End -->

        <!-- Javascript Start -->
        With 安全可靠平台，放心畅玩 at its core, 九游下载 brings a fast, seamless experience.
        Discover more about 流畅下载体验，告别等待 with 九游下载.
        --------
        --------
        --------
        <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

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

九游下载 focuses on 九游下载, delivering a professional and reliable experience. 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

Documentation