style : Avec du style c'mieux
continuous-integration/drone/push Build is passing Details

tests
Jade VAN BRABANDT 2 years ago
parent 7bf7d8af14
commit ccea28238d

Before

Width:  |  Height:  |  Size: 34 KiB

After

Width:  |  Height:  |  Size: 34 KiB

Before

Width:  |  Height:  |  Size: 339 KiB

After

Width:  |  Height:  |  Size: 339 KiB

@ -18,9 +18,9 @@
</style>
</head>
<body style="background-image: url('Media/background.jpg'); background-size:cover;">
<body style="background: linear-gradient(to bottom, rgba(37, 34, 71, 1), rgba(37, 35, 72, 1));">
<div class="d-flex flex-column align-items-center justify-content-between" style="height:95vh">
<img src="Media/Logo.png" style="width:20vw; height:30vh; margin-top:50px; object-fit:cover;">
<img src="Media/Logo.png" style="margin-top:50px; object-fit:fill;" class="h-25">
<a href="vues/Solo.php" class="text-white m-3 container text-center d-flex align-items-center w-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">
<h1 class="mx-auto fs-1">

@ -20,9 +20,9 @@
</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 class="row g-3 needs-validation" action="traitementAjout.php" method="post" novalidate>
<body style="background: linear-gradient(to bottom, rgba(37, 34, 71, 1), rgba(37, 35, 72, 1)); color:white;">
<div class="d-flex flex-column align-items-center justify-content-center" style="height:85vh;">
<form class="row g-3 needs-validation w-100" action="traitementAjout.php" method="post" novalidate>
<div class="container text-center d-flex flex-column align-items-center text-center flex-grow fs-2">
<label for="question">Question:</label>
<textarea class="form-control" id="question" name="question" rows="4" cols="50" required></textarea>
@ -32,14 +32,14 @@
<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" required></textarea>
<textarea id="reponse1" name="reponse1" rows="1" required></textarea>
<div class="invalid-feedback">
Please provide a valid answer.
</div>
</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" required></textarea>
<textarea id="reponse2" name="reponse2" rows="1" required></textarea>
<div class="invalid-feedback">
Please provide a valid answer.
</div>
@ -48,14 +48,14 @@
<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" required></textarea>
<textarea id="reponse3" name="reponse3" rows="1" required></textarea>
<div class="invalid-feedback">
Please provide a valid answer.
</div>
</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" required></textarea>
<textarea id="reponse4" name="reponse4" rows="1" required></textarea>
<div class="invalid-feedback">
Please provide a valid answer.
</div>

@ -19,15 +19,13 @@
</style>
</head>
<body style="background-image: url('Media/background.jpg'); background-size:cover;">
<body style="background: linear-gradient(to bottom, rgba(37, 34, 71, 1), rgba(37, 35, 72, 1));">
<div class="d-flex flex-row justify-content-around align-items-end" style="height:95vh">
<img src="Media/moon.png" class="position-absolute" style="top:0%; height:15vh;">
<img src="Media/rocket.png" style="width:6%;">
<img src="Media/rocket.png" style="width:6%;">
<img src="Media/rocket.png" style="width:6%;">
<img src="Media/rocket.png" style="width:6%;">
<img src="Media/rocket.png" style="width:6%;">
<img src="Media/rocket.png" style="width:6%;">
<img src="Media/rocket.png" style="width:8vh;">
<img src="Media/rocket.png" style="width:8vh;">
<img src="Media/rocket.png" style="width:8vh;">
<img src="Media/rocket.png" style="width:8vh;">
</div>
</body>

@ -18,7 +18,7 @@
</style>
</head>
<body style="background-image: url('Media/background.jpg'); background-size:cover;">
<body style="background: linear-gradient(to bottom, rgba(37, 34, 71, 1), rgba(37, 35, 72, 1));">
<div class="d-flex flex-column align-items-center justify-content-center" style="height:95vh">
<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">

@ -21,7 +21,7 @@
</style>
</head>
<body style="background-image: url('Media/background.jpg'); background-size:cover;">
<body style="background: linear-gradient(to bottom, rgba(37, 34, 71, 1), rgba(37, 35, 72, 1));">
<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">
@ -83,9 +83,9 @@
</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:25vw;background-color:red;color: white;">annuler</button>
<button style="width:10vw;background-color:green;" data-bs-toggle="modal" data-bs-target="#staticBackdrop">Valider</button>
<button style="width:25vw;background-color:green;color: white;" data-bs-toggle="modal" data-bs-target="#staticBackdrop">Valider</button>
</div>
<!-- Modal -->

@ -18,7 +18,7 @@
</style>
</head>
<body style="background-image: url('Media/background.jpg'); background-size:cover;">
<body style="background: linear-gradient(to bottom, rgba(37, 34, 71, 1), rgba(37, 35, 72, 1));">
<div class="d-flex flex-column align-items-center justify-content-center" style="height:95vh">
<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">

@ -19,7 +19,7 @@
</style>
</head>
<body style="background-image: url('Media/background.jpg'); background-size:cover;">
<body style="background: linear-gradient(to bottom, rgba(37, 34, 71, 1), rgba(37, 35, 72, 1));">
<div class="text-center" style="padding-top: 30vh">

Loading…
Cancel
Save