Buy Now
Live Sports Data Source: hthjielong

⚽ Soccer Live (9)

HomeScoreAwayLeagueTime (CST)
Alianza Lima0:0Sport HuancayoPeruvian Primera Division08:00
Asheville City SC0:0AppalachianUSL League Two07:00
Sporting Kansas City II0:0Minnesota United FC 2MLS Next Pro00:00
Guayaquil City1:0MantaEcuadorian Serie A05:45
Connecticut United2:1New York Red Bulls IIMLS Next Pro06:00
América de Natal1:0GamaBrazil Serie D06:00
Vermont Green3:0Ocean City Nor'eastersUSL League Two07:00
Flint City Bucks1:0Steel CityUSL League Two07:00
Boston Legacy0:2Washington SpiritAmerican NWSL07:00

🏀 Basketball Live (3)

HomeScoreAwayLeagueTime (CST)
Calgary Surge99:116Saskatoon MambaCanadian Elite Basketball League06:00
Winnipeg Sea Bears109:80Montreal AllianceCanadian Elite Basketball League06:00
Phoenix Mercury43:37Connecticut SunWNBA07:00

⚾ Baseball Live (10)

HomeScoreAwayLeagueTime (CST)
Diablos Rojos del México12:1Pericos de PueblaLiga Mexicana de Béisbol04:00
Arizona Diamondbacks8:7St. Louis CardinalsMLB04:10
Charros de Jalisco—Saraperos de SaltilloLiga Mexicana de Béisbol07:00
Tacoma Rainiers—Oklahoma City CometsPacific Coast League04:35
Acereros de Monclova—Caliente de DurangoLiga Mexicana de Béisbol08:00
El Águila de Veracruz—Conspiradores de QuerétaroLiga Mexicana de Béisbol08:00
Olmecas de Tabasco—Tigres de Quintana RooLiga Mexicana de Béisbol08:00
Bravos de León—Leones de YucatánLiga Mexicana de Béisbol08:00
Salt Lake Bees—Reno AcesPacific Coast League08:05
Albuquerque Isotopes—Sacramento River CatsPacific Coast League08:05

📅 Today's Fixtures (20)

HomeScoreAwayLeagueTime (CST)
Örgryte—DjurgårdenSwedish Allsvenskan01:00
Acassuso—San TelmoArgentinian Primera B Nacional02:00
Chacarita Juniors—GüemesArgentinian Primera B Nacional02:00
Colegiales—Ferrocarril MidlandArgentinian Primera B Nacional07:00
Defensores de Belgrano—Los AndesArgentinian Primera B Nacional02:00
Patronato—AtlantaArgentinian Primera B Nacional07:00
Quilmes—Gimnasia y Esgrima de JujuyArgentinian Primera B Nacional07:00
San Martín de San Juan—Tristán SuárezArgentinian Primera B Nacional02:00
TPS—IlvesFinnish Veikkausliiga23:00
IFK Mariehamn—LahtiFinnish Veikkausliiga00:00
CA Atlas—SacachispasArgentinian Primera C02:00
Berazategui—Central Córdoba de RosarioArgentinian Primera C02:00
Deportivo Paraguayo—Central BallesterArgentinian Primera C02:00
Estrella del Sur—LujánArgentinian Primera C02:00
Norrby—SundsvallSwedish Superettan01:00
Keflavík—ÍA AkranesIcelandic Úrvalsdeild karla03:15
FH Hafnarfjordur—BreiðablikIcelandic Úrvalsdeild karla03:15
Real Monarchs—Tacoma DefianceMLS Next Pro09:30
Minnesota United FC 2—Sporting Kansas City IIMLS Next Pro08:00
HK Kópavogur—VestriIcelandic 1 deild karla03:15
Snapshot as of 2026-07-20 08:14 (CST) · live scores refresh on page load

Documentation

Introduction

Begin your hthjielong journey by launching your event tracking and leveraging our expertise in Bootstrap4 HTML pages focused on fan engagement.

Quick Start

Get started with hthjielong, providing everything you need to build anticipation, drive engagement, and connect with the sports community. Head to the download page.

CSS

Copy and paste the stylesheet <link> into your <head> section, placed 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 correctly. Specifically, they need 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 load 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>

Getting Started Guide

Ensure your page is set up according to the latest design and development standards. This means using the HTML5 doctype and including the viewport meta tag for proper responsive behavior. Integrating all elements, your page should appear as follows:

Core Structure:
<!doctype html>
<html lang="en">
    <head>

        <meta charset="utf-8" />
        <title>hthjielong Official Platform - Event Information & User Manual</title>
        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
        <meta name="description" content="The hthjielong official website integrates platform services and content, primarily offering login access and basic function explanations to help users quickly retrieve information." />
        <meta name="keywords" content="hthjielong official website, hthjielong login entrance, hthjielong Chinese homepage, hthjielong official website entrance, hthjielong official platform" />

        <!-- Website 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>

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

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

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

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

        <!-- Back to Top Start -->
        <a href="#" class="--------" id="#--------">
            --------
            --------
        </a>
        <!-- Back to Top End -->

        <!-- JavaScript Start -->
        <script src="js/jquery-3.4.1.min.js"></script>
        With Huatuo HTH Official Website at its core, hthjielong brings a fast, seamless experience.
        --------
        --------
        --------
        <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
Menu Center-Right

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

Menu Center-Left

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

Menu Light Center

For a centered and light navigation menu, add the nav-light class to your navigation menu class.

Menu Light Right

For a right-aligned and light navigation menu, add the nav-right class along with the nav-light class to your navigation menu class.

Menu Light Left

For a left-aligned and light navigation menu, add the nav-left class along with the nav-light class to your navigation menu class.