formulaire
This commit is contained in:
parent
eb1a008503
commit
dc657f8e17
125
css/historiqueformulaire.css
Normal file
125
css/historiqueformulaire.css
Normal file
@ -0,0 +1,125 @@
|
||||
body{
|
||||
background-image: url("photocss/background.jpg");
|
||||
height: 100%;
|
||||
background-repeat: no-repeat;
|
||||
background-size:100%;
|
||||
}
|
||||
#blockBlock {
|
||||
margin-right: 10%;
|
||||
margin-left: 10%;
|
||||
background: rgba(255, 255, 255,0.5);
|
||||
padding-top: 10%;
|
||||
padding-bottom: 0%;
|
||||
-webkit-box-shadow: 0 30px 60px 0 rgba(0,0,0,0.3);
|
||||
box-shadow: 0 30px 60px 0 rgba(0, 0, 0, 0.3);
|
||||
text-align: center;
|
||||
border-color: #0073be;
|
||||
border-style: solid;
|
||||
border-top-width: 3px;
|
||||
border-bottom-width: 3px;
|
||||
border-right-width: 5px;
|
||||
border-left-width: 5px;
|
||||
border-radius: 10px;
|
||||
}
|
||||
td{
|
||||
margin: auto;
|
||||
border: black;
|
||||
border-width: 2px;
|
||||
border-style: solid;
|
||||
border-radius: 5px;
|
||||
padding: 5px;
|
||||
|
||||
}
|
||||
table{
|
||||
border-collapse: collapse;
|
||||
margin-bottom: 40%;
|
||||
margin-left: 33%;
|
||||
}
|
||||
|
||||
#Menu
|
||||
{
|
||||
width: 100%;
|
||||
top: 0;
|
||||
}
|
||||
|
||||
#blockMenu
|
||||
{
|
||||
float: right;
|
||||
width: 95%;
|
||||
}
|
||||
|
||||
#lineMenu
|
||||
{
|
||||
list-style-type: none;
|
||||
overflow: hidden;
|
||||
background-color: #0073be;
|
||||
height: 49px;
|
||||
margin: 0px;
|
||||
padding: 0px;
|
||||
}
|
||||
|
||||
.colonneMenu
|
||||
{
|
||||
float: left;
|
||||
font-size: 17px;
|
||||
padding: 14px 20px;
|
||||
background-color: transparent;
|
||||
color: white;
|
||||
transition: background-color 0.1s, padding 0.1s, font-size 0.1s,transform 0.2s;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.animationButtonMenu:hover
|
||||
{
|
||||
background-color: #197abb;
|
||||
font-size: 19px;
|
||||
padding: 13px 17px;
|
||||
}
|
||||
|
||||
.aMenu
|
||||
{
|
||||
color: white;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.colonneSign
|
||||
{
|
||||
float: right;
|
||||
font-size: 17px;
|
||||
padding: 14px 20px;
|
||||
background-color: transparent;
|
||||
color: white;
|
||||
transition: background-color 0.2s, padding 0.2s, font-size 0.2s,transform 0.2s;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.underLineHover:after
|
||||
{
|
||||
display: block;
|
||||
width: 0;
|
||||
height: 2px;
|
||||
background-color: white;
|
||||
bottom: -10px;
|
||||
content: "";
|
||||
transition: width 0.2s;
|
||||
}
|
||||
|
||||
.underLineHover:hover:after
|
||||
{
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
|
||||
#blockLogo
|
||||
{
|
||||
float: left;
|
||||
width: 5%;
|
||||
}
|
||||
|
||||
#logo
|
||||
{
|
||||
width: 100%;
|
||||
height: 110px;
|
||||
}
|
||||
|
||||
|
BIN
css/photocss/background.jpg
Normal file
BIN
css/photocss/background.jpg
Normal file
Binary file not shown.
After Width: | Height: | Size: 52 KiB |
66
historiqueFormulaire.html
Normal file
66
historiqueFormulaire.html
Normal file
@ -0,0 +1,66 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
|
||||
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<link rel="stylesheet" href="css/index.css">
|
||||
<link rel="stylesheet" href="css/historiqueformulaire.css">
|
||||
<title></title>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<div id="Menu">
|
||||
<div id="blockLogo">
|
||||
<img id="logo" src="img/logoV2.jpg">
|
||||
</div>
|
||||
<!--Block de Menu-->
|
||||
<nav id="blockMenu">
|
||||
<ul id="lineMenu">
|
||||
<li class="colonneMenu animationButtonMenu underLineHover">
|
||||
<a class="aMenu" href="#">Acceuil</a>
|
||||
</li>
|
||||
<li class="colonneMenu animationButtonMenu underLineHover">
|
||||
<a class="aMenu" href="#">Profil</a>
|
||||
</li>
|
||||
<li class="colonneMenu animationButtonMenu underLineHover">
|
||||
<a class="aMenu" href="#">Météo</a>
|
||||
</li>
|
||||
<li class="colonneSign animationButtonMenu underLineHover">
|
||||
<a class="aMenu" href="connexion.html">Connexion</a>
|
||||
</li>
|
||||
<li class="colonneSign animationButtonMenu underLineHover">
|
||||
<a class="aMenu" href="inscription.html">Inscription</a>
|
||||
</li>
|
||||
</ul>
|
||||
</nav>
|
||||
<div id="blockDeco"></div>
|
||||
</div>
|
||||
<div id="blockBlock">
|
||||
<table id="table" summary="exemple de structure d'un tableau de données 2 lignes, 2 colonnes">
|
||||
|
||||
|
||||
<tr>
|
||||
<th>Mes anciens formulaires</th>
|
||||
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td>Date 04/12/2020<br/>
|
||||
Lieu: Nice Spot:La villa<br/>
|
||||
</td>
|
||||
<td>Aucun problème lors de cette session</td>
|
||||
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td>Date 03/12/2020<br/>
|
||||
Lieu: Nice Spot:La villa<br/>
|
||||
</td>
|
||||
<td>Aucun problème lors de cette session</td>
|
||||
|
||||
</tr>
|
||||
</table>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
Loading…
x
Reference in New Issue
Block a user