Introduction

Démarrez avec 世界杯直播. Lancez le suivi de vos matchs et bénéficiez de notre expertise sur la conception et la gestion de pages dédiées aux événements footballistiques.

Démarrage Rapide

Accédez à tout ce dont vous avez besoin pour générer de l'intérêt, attirer du trafic et établir des connexions avec 世界杯直播. Visitez la page de téléchargement.

CSS

Copiez et collez la balise <link> de la feuille de style dans votre section <head>, avant toutes les autres feuilles de style, pour charger Bootstrap CSS.

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

JS

Plusieurs de nos composants nécessitent JavaScript pour fonctionner. Ils dépendent de jQuery et de nos propres plugins JavaScript. Placez les balises <script> suivantes à la fin de votre page, juste avant la balise </body> fermante, pour les activer. jQuery doit être chargé en premier, suivi de bootstrap.bundle.min.js, puis de nos plugins JavaScript.

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

Scripts

Premiers pas

Assurez-vous que votre page est configurée selon les normes de conception et de développement les plus récentes. Cela implique l'utilisation du doctype HTML5 et l'inclusion de la balise meta viewport pour un comportement réactif approprié. En rassemblant tout, votre page devrait ressembler à ceci :

HTML :

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

        <meta charset="utf-8" />
        <title>文档 - 世界杯直播</title>
        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
        <meta name="description" content="Le site de diffusion en direct de la Coupe du Monde offre des diffusions de football HD et des scores en temps réel. Couvre les matchs populaires de la FIFA 2026, les nouvelles des équipes et les informations sur les événements." />
        <meta name="keywords" content="fifa官网, 世界杯赛程, 足球世界杯, world cup, 世界杯赔率" />

        <!-- 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="scroll-top">
            --------
            --------
        </a>
        <!-- Back To Home End -->

        <!-- Javascript Start -->
        <script src="js/jquery-3.4.1.min.js"></script>
        <script src="js/bootstrap.bundle.min.js"></script>
        --------
        --------
        --------
        <script src="js/app.js"></script>
        <!-- Javascript End -->
    </body>
</html>

Version RTL

Version RTL :

Pour activer le mode RTL, remplacez la référence à style.css par style-rtl.css.

Mode Sombre

Mode Sombre :

Pour activer le mode sombre, remplacez la référence à style.css par style-dark.css.

Mode Sombre RTL :

Pour activer le mode sombre RTL, remplacez la référence à style.css par style-dark-rtl.css.

Menu centré à droite

Pour déplacer le menu du centre vers la droite, ajoutez simplement la classe nav-right à côté de la classe navigation-menu.

Menu centré à gauche

Pour déplacer le menu du centre vers la gauche, ajoutez simplement la classe nav-left à côté de la classe navigation-menu.

Menu clair centré

Si vous souhaitez un menu de navigation centré et clair, ajoutez simplement la classe nav-light à côté de la classe navigation-menu.

Menu clair à droite

Si vous souhaitez un menu de navigation clair et positionné à droite, ajoutez la classe nav-light à côté des classes navigation-menu et nav-right.

Menu clair à gauche

Si vous souhaitez un menu de navigation clair et positionné à gauche, ajoutez la classe nav-light à côté des classes navigation-menu et nav-left.

Documentation