ajout des pages avis_laisses et deposer_avis
raphael.palaffre
6 years ago
parent
1848655848
commit
c81ff304cc
@ -0,0 +1,36 @@
|
|||||||
|
body {
|
||||||
|
color:black;
|
||||||
|
background-color:white;
|
||||||
|
background-image:url(background.jpg);
|
||||||
|
background-repeat:no-repeat;
|
||||||
|
background-size:104%;
|
||||||
|
margin: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
#container{
|
||||||
|
margin : 5% 5% 5% 5%;
|
||||||
|
background-color : white;
|
||||||
|
border : 2px solid black;
|
||||||
|
}
|
||||||
|
|
||||||
|
h1{
|
||||||
|
text-align : center;
|
||||||
|
font-size : 250%;
|
||||||
|
}
|
||||||
|
|
||||||
|
h2{
|
||||||
|
text-align : center;
|
||||||
|
font-size : 150%;
|
||||||
|
}
|
||||||
|
|
||||||
|
#bouton_retour{
|
||||||
|
transform : rotate(45deg);
|
||||||
|
}
|
||||||
|
|
||||||
|
.separation{
|
||||||
|
margin-top : 5%;
|
||||||
|
margin-left : 10%;
|
||||||
|
height: 200px;
|
||||||
|
width : 5px;
|
||||||
|
background: black;
|
||||||
|
}
|
||||||
@ -0,0 +1,29 @@
|
|||||||
|
<?php
|
||||||
|
|
||||||
|
|
||||||
|
?>
|
||||||
|
|
||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang = "fr">
|
||||||
|
<head>
|
||||||
|
<meta charset = "UTF-8">
|
||||||
|
<link rel = "stylesheet" href = "avis_laisse.css">
|
||||||
|
<title>Liste des trajets</title>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<div id = "container">
|
||||||
|
|
||||||
|
<div id ="entete">
|
||||||
|
<a href = "LIEN TABLEAU DE BORD"><img id = "bouton_retour" src = "return.png" alt = "Bouton retour"></a>
|
||||||
|
<h1 class = "float" id = "titre">Avis laissés</h1>
|
||||||
|
<br>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div id = "liste">
|
||||||
|
<hr class="separation" />
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
Binary file not shown.
|
After Width: | Height: | Size: 42 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 4.0 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 42 KiB |
@ -0,0 +1,48 @@
|
|||||||
|
body {
|
||||||
|
color:black;
|
||||||
|
background-color:white;
|
||||||
|
background-image:url(background.jpg);
|
||||||
|
background-repeat:no-repeat;
|
||||||
|
background-size:104%;
|
||||||
|
margin: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
#container{
|
||||||
|
margin : 5% 15% 5% 15%;
|
||||||
|
background-color : white;
|
||||||
|
border : 2px solid black;
|
||||||
|
}
|
||||||
|
|
||||||
|
h1{
|
||||||
|
text-align : center;
|
||||||
|
font-size : 250%;
|
||||||
|
}
|
||||||
|
|
||||||
|
#form{
|
||||||
|
text-align:center;
|
||||||
|
}
|
||||||
|
|
||||||
|
#avis_laisse{
|
||||||
|
resize: none
|
||||||
|
}
|
||||||
|
|
||||||
|
#submit{
|
||||||
|
margin-bottom: 1%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.rating {
|
||||||
|
direction: rtl;
|
||||||
|
}
|
||||||
|
.rating a {
|
||||||
|
color: #aaa;
|
||||||
|
text-decoration: none;
|
||||||
|
font-size: 3em;
|
||||||
|
transition: color .4s;
|
||||||
|
}
|
||||||
|
.rating a:hover,
|
||||||
|
.rating a:focus,
|
||||||
|
.rating a:hover ~ a,
|
||||||
|
.rating a:focus ~ a {
|
||||||
|
color: orange;
|
||||||
|
cursor: pointer;
|
||||||
|
}
|
||||||
@ -0,0 +1,40 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang = "fr">
|
||||||
|
<head>
|
||||||
|
<meta charset = "UTF-8">
|
||||||
|
<link rel = "stylesheet" href = "deposer_avis.css">
|
||||||
|
<title>Deposer un avis</title>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<div id = "container">
|
||||||
|
|
||||||
|
<div id ="entete">
|
||||||
|
<h1 id = "titre">Deposer un avis</h1>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div id = "form">
|
||||||
|
<form id="formulaire_avis" action="deposer_avis.php" method="post">
|
||||||
|
|
||||||
|
<div>
|
||||||
|
<textarea id="avis_laisse" name="avis_laisse" form="formulaire_avis" rows="10" cols="100" placeholder="Avis"></textarea>
|
||||||
|
</div>
|
||||||
|
<h2>NOTE</h2>
|
||||||
|
<div class="rating"><!--
|
||||||
|
--><a href="#1" title="Donner 1 étoile">☆</a><!--
|
||||||
|
--><a href="#2" title="Donner 2 étoiles">☆</a><!--
|
||||||
|
--><a href="#3" title="Donner 3 étoiles">☆</a><!--
|
||||||
|
--><a href="#4" title="Donner 4 étoiles">☆</a><!--
|
||||||
|
--><a href="#5" title="Donner 5 étoiles">☆</a>
|
||||||
|
</div>
|
||||||
|
</br>
|
||||||
|
<div>
|
||||||
|
<input type="submit" value="Valider" id="submit">
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</form>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
Binary file not shown.
|
After Width: | Height: | Size: 4.0 KiB |
Loading…
Reference in New Issue