mirror of
https://github.com/appen-isen/site-interpromo-2024.git
synced 2026-03-18 21:40:39 +01:00
Creation of the base of the arbitrage page (card and arbitrage system)
This commit is contained in:
107
Front/arbitrage.html
Normal file
107
Front/arbitrage.html
Normal file
@@ -0,0 +1,107 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="fr" data-bs-theme="dark">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title> Arbitrage </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" />
|
||||
</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">
|
||||
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">
|
||||
<span class="material-symbols-outlined pe-3">wifi_tethering</span>
|
||||
Matchs en direct
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link d-inline-flex align-items-center" href="teams.html">
|
||||
<span class="material-symbols-outlined pe-3">trophy</span>
|
||||
Classement et équipes
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link d-inline-flex align-items-center" href="sports.html">
|
||||
<span class="material-symbols-outlined pe-3">fitness_center</span>
|
||||
Liste des sports
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</nav>
|
||||
</header>
|
||||
|
||||
|
||||
<div class="container">
|
||||
<div class="col-8 offset-2 mt-6">
|
||||
<div class="card my-1">
|
||||
<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 class="text-center"><a href="#" class="btn btn-primary ">Démarrer et arbitrer ce match</a></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="card my-1">
|
||||
<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 class="text-center"><a href="#" class="btn btn-primary ">Démarrer et arbitrer ce match</a></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="card my-1">
|
||||
<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 class="text-center"><a href="#" class="btn btn-primary ">Démarrer et arbitrer ce match</a></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="container">
|
||||
<div class="col-8 offset-2">
|
||||
<h3 class="text-center text-emphasis-light">Temps écoulé:</h3>
|
||||
<h4 class="text-center text-emphasis-light">2:33</h4>
|
||||
<div class="text-center"><a href="#" class="btn btn-primary ">But pour promo X</a></div>
|
||||
<h5 class="text-center">2</h5>
|
||||
<br>
|
||||
<h5 class="text-center">1</h5>
|
||||
<div class="text-center"><a href="#" class="btn btn-primary ">But pour promo Y</a></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>
|
||||
Reference in New Issue
Block a user