You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
73 lines
3.3 KiB
73 lines
3.3 KiB
<!DOCTYPE html>
|
|
<html lang="fr">
|
|
<html>
|
|
|
|
<head>
|
|
<meta charset=utf-8>
|
|
<title>Math'Educ</title>
|
|
<link rel="stylesheet" href="css/global.css">
|
|
<link rel="stylesheet" href="css/chrono.css">
|
|
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-T3c6CoIi6uLrA9TneNEoa7RxnatzjcDSCmG1MXxSR1GAsXEV/Dwwykc2MPK8M2HN" crossorigin="anonymous">
|
|
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js" integrity="sha384-C6RzsynM9kWDrMNeT87bh95OGNyZPhcTNXj1NW7RuBCsyN/o0jlpcV8Qyq46cDfL" crossorigin="anonymous"></script>
|
|
|
|
</head>
|
|
|
|
<body id="bodyStyle">
|
|
<div id="chrono" class="container mx-5 my-4 position-relative">
|
|
<div id="centre"></div>
|
|
<div id="aiguille-container">
|
|
<div id="aiguille" class="aiguille"></div>
|
|
</div>
|
|
<div id="fond"></div>
|
|
</div>
|
|
<script src="js/scriptChrono.js"></script>
|
|
|
|
<div class="container text-center text-white">
|
|
<div class="container border border-white rounded mt-5">
|
|
<p class="fs-2">
|
|
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Provident fuga cum soluta iure libero! Ullam, expedita excepturi! Odio distinctio quos quasi commodi libero ratione corrupti, unde iste explicabo suscipit consequatur ipsum! Id beatae corrupti ipsa totam deserunt, vel tenetur, iusto quaerat asperiores veritatis quidem! Vel dolorem recusandae necessitatibus ullam laborum!
|
|
</p>
|
|
</div>
|
|
<div class="row g-5">
|
|
<div class="col pt-5">
|
|
<input type="radio" class="btn-check" name="reponse" id="reponse1" autocomplete="off">
|
|
<label class="btn fs-2 container text-white" for="reponse1" style="background-color:blue;">
|
|
Lorem, ipsum.
|
|
</label>
|
|
</div>
|
|
<div class="col pt-5">
|
|
<input type="radio" class="btn-check" name="reponse" id="reponse2" autocomplete="off">
|
|
<label class="btn fs-2 container text-white" for="reponse2" style="background-color:green;">
|
|
Lorem, ipsum.
|
|
</label>
|
|
</div>
|
|
</div>
|
|
<div class="row g-5">
|
|
<div class="col pt-5">
|
|
<input type="radio" class="btn-check" name="reponse" id="reponse3" autocomplete="off">
|
|
<label class="btn fs-2 container text-white" for="reponse3" style="background-color:red;">
|
|
Lorem, ipsum.
|
|
</label>
|
|
</div>
|
|
<div class="col pt-5">
|
|
<input type="radio" class="btn-check" name="reponse" id="reponse4" autocomplete="off">
|
|
<label class="btn fs-2 container text-white" for="reponse4" style="background-color:orange;">
|
|
Lorem, ipsum.
|
|
</label>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="row justify-content-center">
|
|
<div class="col-1 pt-5">
|
|
<button type="button" class="fs-2 btn btn-danger btn-lg">
|
|
Passer
|
|
</button>
|
|
</div>
|
|
<div class="col-1 pt-5">
|
|
<button type="button" class="fs-2 btn btn-success btn-lg">
|
|
Valider
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</body> |