mirror of
https://github.com/allan-cff/strava-free-year-in-sport.git
synced 2026-01-18 16:47:35 +01:00
79 lines
2.3 KiB
HTML
79 lines
2.3 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="fr">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<title>Dénivelé & Distance</title>
|
|
<script src="totals.js" defer></script>
|
|
<link rel="stylesheet" href="./css/style.css" type="text/css">
|
|
<link rel="stylesheet" href="./css/totals.css" type="text/css">
|
|
</head>
|
|
<body>
|
|
|
|
<header>
|
|
<img src="./images/strava-logo.svg" alt="Logo Strava">
|
|
<p>#YEARINSPORT</p>
|
|
</header>
|
|
|
|
<main>
|
|
<div class="titre">
|
|
<h1>ÉLÉVATION TOTALE</h1>
|
|
</div>
|
|
|
|
<section class="denivele">
|
|
<p class="nombre-denivele nombre-md">0</p>
|
|
<h2>METRES</h2>
|
|
<p class="record record-denivele">no data</p>
|
|
<img src="./images/haute-montagne-large_1.svg" alt="Haut de la montagne" class="montagne">
|
|
|
|
</section>
|
|
|
|
<div class="titre">
|
|
<h1>DISTANCE TOTALE</h1>
|
|
</div>
|
|
|
|
<section class="distance">
|
|
<p class="nombre-distance nombre-md">0</p>
|
|
<h2 class="nombre-distance">KILOMETRES</h2>
|
|
<p class="record record-distance">no data</p>
|
|
<img src="./images/triangle-gauche.svg" alt="Petit triangle gauche" class="triangle-gauche triangle">
|
|
<img src="./images/triangle-droit.svg" alt="Petit triangle droit" class="triangle-droit triangle">
|
|
|
|
</section>
|
|
|
|
<section class="comp-2021">
|
|
<div class="dev-2021">
|
|
<h2 class="h2-2021">DÉNIVELÉ TOTAL EN 2021</h2>
|
|
<p class="nb-deni-2021 nb-2021">0</p>
|
|
<h2>MÈTRES</h2>
|
|
|
|
</div>
|
|
<div class="distance-2021">
|
|
<h2 class="h2-2021">DISTANCE TOTALE EN 2021</h2>
|
|
<p class="nb-dis-2021 nb-2021">0</p>
|
|
<h2>KILOMÈTRES</h2>
|
|
|
|
</div>
|
|
|
|
</section>
|
|
|
|
|
|
</main>
|
|
|
|
<footer>
|
|
<div class="fleche fleche-gauche">
|
|
<a href="hours.html">
|
|
<img src="./images/fleche-gauche.svg" alt="Flèche vers la gauche">
|
|
</a>
|
|
</div>
|
|
<div class="pagination">
|
|
<p>4/9</p>
|
|
</div>
|
|
<div class="fleche fleche-droite">
|
|
<a href="fastest.html">
|
|
<img src="./images/fleche-droite.svg" alt="Flèche vers la droite">
|
|
</a>
|
|
</div>
|
|
</footer>
|
|
|
|
</body>
|
|
</html> |