tykayn
/
funky-framadate-front
mirror of https://framagit.org/framasoft/framadate/funky-framadate-front.git
1
1
Fork 0
Code Issues Projects Releases Wiki Activity

Habillage minimum de l'accueil

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

41
public/style.css
View File

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