Liness/framadate-responsive
5
0
Fork 0
forked from tykayn/funky-framadate-front
Code Pull Requests Activity

Habillage minimum de l'accueil

Browse Source
This commit is contained in:
newick 2018-09-25 17:37:06 +02:00
parent 57b0234251
commit 2ca0982f6e
2 changed files with 34 additions and 18 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
public/index.html
View File

@ -12,6 +12,7 @@
<meta name="viewport" content="width=device-width, initial-scale=1">
<link crossorigin="anonymous" rel="stylesheet" href="https://rawgit.com/twbs/bootstrap/v4-dev/dist/css/bootstrap-reboot.css">
<link rel="stylesheet" href="style.css">
</head>
<body>
@ -22,15 +23,17 @@
<p>Framadate est un service en ligne permettant de planifier un rendez-vous ou prendre des décisions rapidement et
simplement</p>
<button>C'est parti</button>
<a href="parametres.html" class="btn">C'est parti</a>
</section>
<section>
<h1>Où sont mes sondages ?</h1>
<p>Vous ne savez plus où sont vos sondages ? C'est par ici que ça se passe !</p>
<button>Retrouver mes sondages</button>
<form>
<label for="email">Je cherche les sondages qui correspondent au mail</label>
<input type="email" name="email" id="email">
<input type="submit" value="Retrouver mes sondages">
</form>
</section>
</body>

41
public/style.css
View File

@ -1,24 +1,37 @@
body {
font-family: sans-serif;
max-width: 320px;
margin: auto;
max-width: 1280px;
padding: 30px 20px;
font-family: sans-serif;
font-size: 14px;
}
.navbar {
background-color: #313236;
border-radius: 2px;
max-width: 800px;
/* Titres */
h1 {
text-align: center;
font-size: 20px;
}
.navbar a {
color: #aaa;
display: inline-block;
font-size: 15px;
padding: 10px;
text-decoration: none;
/* Formulaires */
.btn,
button,
[type="submit"] {
display: block;
width: 200px;
margin: 10px auto auto;
padding: 8px 16px;
text-align: center;
color: blue;
border: 1px solid blue;
border-radius: 4px;
}
.navbar a:hover {
color: #ffffff;
label,
input {
display: inline;
}
/* Apparence */
section:not(:last-of-type) {
margin-bottom: 30px;
}