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.
99 lines
5.1 KiB
99 lines
5.1 KiB
<!DOCTYPE html>
|
|
<html lang="fr">
|
|
<html style="height: 100%" class="row">
|
|
|
|
<head>
|
|
<meta charset=utf-8>
|
|
<title>Math'Educ</title>
|
|
<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>
|
|
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
|
|
<style>
|
|
@font-face {
|
|
font-family: 'MenuFont';
|
|
src: url('Media/mathEducFont.ttf') format('truetype');
|
|
}
|
|
|
|
* {
|
|
font-family: 'MenuFont';
|
|
}
|
|
</style>
|
|
</head>
|
|
|
|
<body style="background: linear-gradient(to bottom, rgba(37, 34, 71, 1), rgba(37, 35, 72, 1));" class="col my-auto">
|
|
<div class="container text-center" >
|
|
<div class="container text-center text-white 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!
|
|
<?php /* Query to bd d'une question aléatoire */ ?>
|
|
</p>
|
|
</div>
|
|
<div class="row g-5">
|
|
<div class="col pt-5">
|
|
<button class="text-white fs-2 d-grid gap-2 container text-center rounded border border-white" style="background-color:blue;text-decoration: none;color: black; ">
|
|
Lorem, ipsum.
|
|
<?php /* Query to bd d'une question aléatoire */ ?>
|
|
</button>
|
|
</div>
|
|
<div class="col pt-5">
|
|
<button class="text-white fs-2 container text-center rounded border border-white" style="background-color:green;text-decoration: none;color: black;">
|
|
Lorem, ipsum.
|
|
<?php /* Query to bd d'une question aléatoire */ ?>
|
|
</button>
|
|
</div>
|
|
</div>
|
|
<div class="row g-5">
|
|
<div class="col pt-5">
|
|
<button class="text-white fs-2 container text-center rounded border border-white" style="background-color:red;text-decoration: none;color: black;">
|
|
e^5
|
|
<?php /* Query to bd d'une question aléatoire */ ?>
|
|
</button>
|
|
</div>
|
|
<div class="col pt-5">
|
|
<button class="text-white fs-2 container text-center rounded border border-white" style="background-color:orange;text-decoration: none;color: black;">
|
|
Lorem, ipsum.
|
|
<?php /* Query to bd d'une question aléatoire */ ?>
|
|
</button>
|
|
</div>
|
|
</div>
|
|
<div class="row g-5 pt-5 justify-content-center">
|
|
<div class="col-4 pt-5">
|
|
<button class="text-white fs-2 container text-center rounded border border-white btn btn-lg" style="background-color:red;text-decoration: none;color: black;">
|
|
annuler
|
|
</button>
|
|
</div>
|
|
<div class="col-4 pt-5">
|
|
<button class="text-white fs-2 container text-center rounded border border-white btn btn-lg" style="background-color:green;text-decoration: none;color: black;" data-bs-toggle="modal" data-bs-target="#staticBackdrop">
|
|
Valider
|
|
<?php /* Query to bd d'une question aléatoire */ ?>
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
<!-- <div class="d-flex justify-content-center fs-3" style="height:10vh;">
|
|
<button style="width:25vw;background-color:red;color: white;">annuler</button>
|
|
|
|
<button style="width:25vw;background-color:green;color: white;" data-bs-toggle="modal" data-bs-target="#staticBackdrop">Valider</button>
|
|
</div> -->
|
|
|
|
<!-- Modal -->
|
|
<div class="modal fade" id="staticBackdrop" data-bs-backdrop="static" data-bs-keyboard="false" tabindex="-1" aria-labelledby="staticBackdropLabel" aria-hidden="true">
|
|
<div class="modal-dialog">
|
|
<div class="modal-content">
|
|
<div class="modal-header">
|
|
<h1 class="modal-title fs-5" id="staticBackdropLabel">Question ajoutée</h1>
|
|
<!-- <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button> -->
|
|
</div>
|
|
<div class="modal-body">
|
|
Voulez vous ajouter une autre question ?
|
|
</div>
|
|
<div class="modal-footer">
|
|
<button type="button" class="btn btn-danger" data-bs-dismiss="modal">Non</button>
|
|
<button type="button" class="btn btn-success">Oui</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</body>
|