Màj styles.
Finalisation page accueil. Màj page sauveteurs.
This commit is contained in:
parent
8698248abb
commit
942827f379
@ -1,17 +1,55 @@
|
||||
body {
|
||||
font-family: arial;
|
||||
}
|
||||
|
||||
h1 {
|
||||
}
|
||||
|
||||
p {
|
||||
h1, p {
|
||||
padding: 20px;
|
||||
}
|
||||
|
||||
table, tr, td {
|
||||
border: 1px solid black;
|
||||
border-collapse: collapse;
|
||||
padding: 10px;
|
||||
}
|
||||
|
||||
.table_key {
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.article {
|
||||
display: flex;
|
||||
}
|
||||
|
||||
#banner {
|
||||
background-color: #dfcba8;
|
||||
margin-left: calc(-50vw + 50%);
|
||||
margin-right: calc(-50vw + 50%);
|
||||
margin-top:calc(-50vw + 50%);
|
||||
display: flex;
|
||||
align-items: center;
|
||||
padding-top: 5px;
|
||||
padding-bottom: 5px;
|
||||
}
|
||||
|
||||
#banner_index {
|
||||
background-color: #dfcba8;
|
||||
margin-left: calc(-50vw + 50%);
|
||||
margin-right: calc(-50vw + 50%);
|
||||
margin-top:calc(-50vw + 50%);
|
||||
padding-top: 5px;
|
||||
padding-bottom: 5px;
|
||||
}
|
||||
|
||||
#logo_title {
|
||||
font-weight: bold;
|
||||
font-size: 30px;
|
||||
}
|
||||
|
||||
.searchbar {
|
||||
float: right;
|
||||
padding-right: 20px;
|
||||
}
|
||||
|
||||
.right-align {
|
||||
margin-left: auto;
|
||||
}
|
||||
|
@ -5,12 +5,14 @@
|
||||
<link href="../static/style.css" rel="stylesheet" type="text/css" />
|
||||
</head>
|
||||
<body>
|
||||
<header id="banner_index">
|
||||
<center>
|
||||
<div class="LOGO-DUO">
|
||||
<img src="../static/icon.png" width="200" height="100">
|
||||
<img src="../static/icon.png" width="250" height="125">
|
||||
<h1>Sauveteurs du dunkerquois</h1>
|
||||
</div>
|
||||
</center>
|
||||
</header>
|
||||
<br>
|
||||
<center>
|
||||
<form method="get" >
|
||||
<input type="text"
|
||||
placeholder="Rechercher un sauveteur, un bateau, une personne sauvée..." size=40>
|
||||
|
@ -10,12 +10,23 @@ description
|
||||
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>{{nom}} {{prenom}} - Sauveuteur du dunkerquois</title>
|
||||
<title>{{nom}} {{prenom}} - Sauveuteurs du dunkerquois</title>
|
||||
<link href="../static/style.css" rel="stylesheet" type="text/css" />
|
||||
</head>
|
||||
<body>
|
||||
<img src="../static/icon.png">
|
||||
<header id="banner">
|
||||
<img src="../static/icon.png" width="150" height="75">
|
||||
<span id="logo_title">Sauveuteurs du dunkerquois</span>
|
||||
</header>
|
||||
<br>
|
||||
<form class="searchbar" method=get>
|
||||
<input type="text" placeholder="Saisissez votre recherche..." size=20>
|
||||
<input type="submit" value="Rechercher">
|
||||
</form>
|
||||
<h1>{{nom}} {{prenom}}</h1>
|
||||
<div class="article">
|
||||
<p>{{description}}Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed non risus.</p>
|
||||
<p class="right-align">
|
||||
<table>
|
||||
<tr>
|
||||
<td class="table_key">Nom</td><td>{{nom}}</td>
|
||||
@ -33,6 +44,7 @@ description
|
||||
<td class="table_key">Gratifications</td><td>{{gratifications}}</td>
|
||||
</tr>
|
||||
</table>
|
||||
<p>{{description}}</p>
|
||||
</p>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
|
Loading…
x
Reference in New Issue
Block a user