feat : New page missing responsive on some page (Need to double check)
continuous-integration/drone/push Build is passing
Details
continuous-integration/drone/push Build is passing
Details
parent
0a52d0a2aa
commit
0b6b7f3996
After Width: | Height: | Size: 34 KiB |
After Width: | Height: | Size: 339 KiB |
@ -0,0 +1,54 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="fr">
|
||||
<html>
|
||||
|
||||
<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">
|
||||
<style>
|
||||
@font-face {
|
||||
font-family: 'MenuFont';
|
||||
src: url('Media/mathEducFont.ttf') format('truetype');
|
||||
}
|
||||
|
||||
* {
|
||||
font-family: 'MenuFont';
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
|
||||
<body style="background-image: url('Media/background.jpg'); background-size:cover;">
|
||||
<div class="d-flex flex-column align-items-center justify-content-center" style="height:85vh">
|
||||
<form action="traitementAjout.php" method="post">
|
||||
<div class=" container text-center d-flex flex-column align-items-center text-center flex-grow fs-2">
|
||||
<label for="question">Question:</label>
|
||||
<textarea id="question" name="question" rows="4" cols="50"></textarea>
|
||||
<div class="container text-center d-flex flex-row align-items-center text-center flex-grow">
|
||||
<div class="container text-center d-flex flex-column align-items-center text-center flex-grow">
|
||||
<label for="reponse1">Réponse 1:</label>
|
||||
<textarea id="reponse1" name="reponse1" rows="1" cols="50"></textarea>
|
||||
</div>
|
||||
<div class="container text-center d-flex flex-column align-items-center text-center flex-grow">
|
||||
<label for="reponse2">Réponse 2:</label>
|
||||
<textarea id="reponse2" name="reponse2" rows="1" cols="50"></textarea>
|
||||
</div>
|
||||
</div>
|
||||
<div class="container text-center d-flex flex-row align-items-center text-center flex-grow">
|
||||
<div class="container text-center d-flex flex-column align-items-center text-center flex-grow">
|
||||
<label for="reponse3">Réponse 3:</label>
|
||||
<textarea id="reponse3" name="reponse3" rows="1" cols="50"></textarea>
|
||||
</div>
|
||||
<div class="container text-center d-flex flex-column align-items-center text-center flex-grow">
|
||||
<label for="reponse4">Réponse 4:</label>
|
||||
<textarea id="reponse4" name="reponse4" rows="1" cols="50"></textarea>
|
||||
</div>
|
||||
</div>
|
||||
<input class="m-5" type="submit" value="ajouter" style="background-color:green;">
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</body>
|
||||
|
||||
</html>
|
@ -0,0 +1,88 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="fr">
|
||||
<html>
|
||||
|
||||
<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">
|
||||
<style>
|
||||
@font-face {
|
||||
font-family: 'MenuFont';
|
||||
src: url('Media/mathEducFont.ttf') format('truetype');
|
||||
}
|
||||
|
||||
* {
|
||||
font-family: 'MenuFont';
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
|
||||
<body style="background-image: url('Media/background.jpg'); background-size:cover;">
|
||||
<div class="d-flex flex-column align-items-center justify-content-center" style="height:85vh">
|
||||
<div style="width:90vw; height:30vh; margin-top:50px;"
|
||||
class="text-center d-flex align-items-center text-center text-white border border-white rounded">
|
||||
<p class="sm-fs-5 mx-auto m-5">
|
||||
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="container text-center d-flex flex-column align-items-center text-center flex-grow">
|
||||
<div class="container text-center d-flex flex-row align-items-center text-center flex-grow">
|
||||
<button href="vues/Solo.php"
|
||||
class="text-white m-3 container text-center d-flex align-items-center w-75 h-75 rounded border border-white text-center"
|
||||
style="background-color:blue;text-decoration: none;color: black; height:20vh;">
|
||||
<div class="container text-center d-flex align-items-center text-center">
|
||||
<p class="mx-auto fs-5">
|
||||
Lorem, ipsum.
|
||||
<?php /* Query to bd d'une question aléatoire */?>
|
||||
</p>
|
||||
</div>
|
||||
</button>
|
||||
<button href="vues/Multijoueur.php"
|
||||
class="text-white m-3 container text-center d-flex align-items-center w-75 h-75 rounded border border-white text-center"
|
||||
style="background-color:green;text-decoration: none;color: black;height:20vh;">
|
||||
<div class="container text-center d-flex align-items-center text-center">
|
||||
<p class="mx-auto fs-5">
|
||||
Lorem, ipsum.
|
||||
<?php /* Query to bd d'une question aléatoire */?>
|
||||
</p>
|
||||
</div>
|
||||
</button>
|
||||
</div>
|
||||
<div class="container text-center d-flex flex-row align-items-center text-center flex-grow">
|
||||
<button href="vues/AddQuestions.php"
|
||||
class="text-white m-3 container text-center d-flex align-items-center w-75 h-75 rounded border border-white text-center"
|
||||
style="background-color:red;text-decoration: none;color: black;height:20vh;">
|
||||
<div class="container text-center d-flex align-items-center text-center">
|
||||
<p class="mx-auto fs-5">
|
||||
e^5
|
||||
<?php /* Query to bd d'une question aléatoire */?>
|
||||
</p>
|
||||
</div>
|
||||
</button>
|
||||
<button href="vues/AddQuestions.php"
|
||||
class="text-white m-3 container text-center d-flex align-items-center w-75 h-75 rounded border border-white text-center"
|
||||
style="background-color:orange;text-decoration: none;color: black;height:20vh;">
|
||||
<div class="container text-center d-flex align-items-center text-center">
|
||||
<p class="mx-auto fs-5">
|
||||
Lorem, ipsum.
|
||||
<?php /* Query to bd d'une question aléatoire */?>
|
||||
</p>
|
||||
</div>
|
||||
</button>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<div class="d-flex justify-content-center fs-3" style="height:10vh;">
|
||||
<button style="width:10vw;background-color:red;">annuler</button>
|
||||
|
||||
<button style="width:10vw;background-color:green;">Valider</button>
|
||||
</div>
|
||||
</body>
|
Loading…
Reference in new issue