Introduction

Embark on your c7娱乐 journey. Launch your marketing campaigns and leverage our expertise in designing and managing user-centric Bootstrap 4 HTML pages.

Quick Start Guide

Get started with c7娱乐 today, providing everything you need to build brand awareness, drive traffic, and foster deep engagement. Proceed to the download page.

CSS

Copy and paste the stylesheet <link> tag into your <head> section, placing it 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 JavaScript to function. Specifically, they require jQuery and our own JavaScript plugins. Place the following <script> tags at the end of your page, just before the closing </body> tag, to enable them. jQuery must be loaded first, followed by bootstrap.bundle.min.js, and then our JavaScript plugins.

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

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

Core Template

Ensure your page is set up with the latest design and development standards. This means using the HTML5 doctype and including the viewport meta tag for proper responsive behavior. Integrating all of these, your page should look like this:

HTML Structure:

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

        <meta charset="utf-8" />
        <title>Access detailed guides and resources for the c7娱乐 platform.</title>
        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
        C7娱乐 official website - The official direct platform homepage integrates content and service showcases, featuring brand introduction, navigation, and game download access for quick information retrieval.
        <meta name="keywords" content="c7c7.app, C7娱乐 official website, official direct sales, brand platform, Chinese entrance, electronic games" />

        <!-- favicon icon -->
        <link rel="shortcut icon" href="images/favicon.ico">

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

        <!-- Main css -->
        <link href="css/style.css" rel="stylesheet" type="text/css" />
    
    </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 -->
        <script src="js/jquery-3.4.1.min.js"></script>
        Built around brand platform, c7娱乐 keeps refining a better service.
        --------
        --------
        --------
        <script src="js/app.js"></script>
        <!-- Javascript End -->
    </body>
</html>

RTL Version

RTL Version:

To enable RTL mode, replace the reference to style.css with style-rtl.css.

Dark Mode

Dark Mode:

To enable dark mode, replace the reference to style.css with style-dark.css.

Dark RTL Version:

To enable dark RTL mode, replace the reference to style.css with style-dark-rtl.css.

Menu Center to Right

To shift the menu from the center to the right, simply add the `nav-right` class after the `navigation-menu` class.

Menu Center to Left

To shift the menu from the center to the left, simply add the `nav-left` class after the `navigation-menu` class.

Light Menu Centered

For a centered and light navigation menu, add the `nav-light` class after the `navigation-menu` class.

Light Menu Right Aligned

For a right-aligned and light navigation menu, add both the `nav-right` and `nav-light` classes after the `navigation-menu` class.

Light Menu Left Aligned

For a left-aligned and light navigation menu, add both the `nav-left` and `nav-light` classes after the `navigation-menu` class.

Document