mirror of
https://github.com/appen-isen/site-interpromo-2024.git
synced 2026-01-18 16:37:30 +01:00
103 lines
4.6 KiB
HTML
103 lines
4.6 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="fr" data-bs-theme="dark">
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<title> Matchs en direct </title>
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
|
|
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200" />
|
|
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-T3c6CoIi6uLrA9TneNEoa7RxnatzjcDSCmG1MXxSR1GAsXEV/Dwwykc2MPK8M2HN" crossorigin="anonymous">
|
|
<!--- Ajout d'un fichier css pour les classes personalisé --->
|
|
<link rel="stylesheet" href="style.css" />
|
|
<script src="alerts.js"></script>
|
|
<script src="js/cookie.js" defer></script>
|
|
</head>
|
|
<body>
|
|
<header>
|
|
<nav class="navbar navbar-dark bg-dark fixed-top">
|
|
<div class="container-fluid">
|
|
<a class="navbar-brand" href="index.html">
|
|
<img src="/Front/assets/appen.png" alt="Logo" width="30" height="30" class="d-inline-block align-text-top logo-appen">
|
|
Interpromos 2023
|
|
</a>
|
|
|
|
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarToggleExternalContent" aria-controls="navbarToggleExternalContent" aria-expanded="false" aria-label="Ouvrir la navigation">
|
|
<span class="navbar-toggler-icon"></span>
|
|
</button>
|
|
|
|
<div class="collapse text-bg-dark" id="navbarToggleExternalContent" data-bs-theme="dark">
|
|
<ul class="navbar-nav justify-content-end flex-grow-1 pe-3">
|
|
<li class="nav-item">
|
|
<a class="nav-link active d-inline-flex align-items-center" aria-current="page" href="index.html">
|
|
<div class="pe-3 icons-display"></div>
|
|
Matchs en direct
|
|
</a>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a class="nav-link d-inline-flex align-items-center" href="teams.html">
|
|
<div class="pe-3 icons-display"></div>
|
|
Classement et équipes
|
|
</a>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a class="nav-link d-inline-flex align-items-center" href="sports.html">
|
|
<div class="pe-3 icons-display"></div>
|
|
Liste des sports
|
|
</a>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a class="nav-link d-inline-flex align-items-center" href="login.html">
|
|
<div class="pe-3 icons-display"></div>
|
|
Connexion
|
|
</a>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
|
|
</div>
|
|
</nav>
|
|
</header>
|
|
|
|
<div id="alertsContainer" class="position-fixed container z-3">
|
|
<!-- ALERTS HTML WILL APPEAR HERE -->
|
|
</div>
|
|
|
|
<div class="container">
|
|
<div class="col-8 offset-2 mt-6">
|
|
<div class="card my-3">
|
|
<div class="card-header text-center bg-light-subtle text-emphasis-light">
|
|
Date and time
|
|
</div>
|
|
<div class="card-body bg-light-subtle text-emphasis-light">
|
|
<h5 class="card-title text-center">Promo X VS Promo Y</h5>
|
|
<h6 class="card-subtitle text-center">Type de matchs (quarts de final)</h6>
|
|
<p class="card-text text-center">Sport</p>
|
|
</div>
|
|
</div>
|
|
<div class="card my-3">
|
|
<div class="card-header text-center bg-light-subtle text-emphasis-light">
|
|
Date and time
|
|
</div>
|
|
<div class="card-body bg-light-subtle text-emphasis-light">
|
|
<h5 class="card-title text-center">Promo X VS Promo Y</h5>
|
|
<h6 class="card-subtitle text-center">Type de matchs (quarts de final)</h6>
|
|
<p class="card-text text-center">Sport</p>
|
|
</div>
|
|
</div>
|
|
<div class="card my-3">
|
|
<div class="card-header text-center bg-light-subtle text-emphasis-light">
|
|
Date and time
|
|
</div>
|
|
<div class="card-body bg-light-subtle text-emphasis-light">
|
|
<h5 class="card-title text-center">Promo X VS Promo Y</h5>
|
|
<h6 class="card-subtitle text-center">Type de matchs (quarts de final)</h6>
|
|
<p class="card-text text-center">Sport</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js" integrity="sha384-C6RzsynM9kWDrMNeT87bh95OGNyZPhcTNXj1NW7RuBCsyN/o0jlpcV8Qyq46cDfL" crossorigin="anonymous"></script>
|
|
</body>
|
|
</html> |