bamarty/Projet_Prog_Web
2
0
Fork 0
Code Issues Pull requests Releases Wiki Activity

[WIP] premier prototype du premier choix, trouver un design de boutons

Browse source
This commit is contained in:
Florian Ehr 2020-12-04 13:51:36 +01:00
parent 635339aba4
commit 826d4ea2b1
2 changed files with 46 additions and 40 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

24
CSS/choix1.css
View file

@ -1,6 +1,4 @@
body { body {
border: 8px solid;
color: blue;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
justify-content: space-between; justify-content: space-between;
@ -10,20 +8,30 @@ body {
} }
header { header {
border: 8px solid; color: #BF0909;
color: purple; font-family: 'Special Elite', cursive;
display: flex; display: flex;
flex-direction: column;
justify-content: space-between;
align-items: center;
flex: 1; flex: 1;
} }
header a {
text-decoration: none;
color: #BF0909;
}
header a:hover {
color: white;
}
#main { #main {
display: flex; display: flex;
flex: 4; flex: 4;
} }
#content { #content {
border: 8px solid;
color: blue;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
justify-content: space-around; justify-content: space-around;
@ -31,21 +39,19 @@ header {
} }
#text { #text {
border: 8px solid;
font-family: 'Special Elite', cursive; font-family: 'Special Elite', cursive;
font-size: 2vw;
text-align: center; text-align: center;
color: white; color: white;
} }
#buttons { #buttons {
border: 8px solid;
color: red; color: red;
display: flex; display: flex;
justify-content: space-around; justify-content: space-around;
} }
footer { footer {
border: 8px solid;
color: green; color: green;
display: flex; display: flex;
flex : 1; flex : 1;

4
HTML/choix1.html
View file

@ -10,8 +10,8 @@
</head> </head>
<body> <body>
<header> <header>
<h1></h1> <h1>Un étudiant étrange</h1>
<nav></nav> <nav><a href='./menu.html'>Retourner au menu</a></nav>
</header> </header>
<main id="main"> <main id="main">
<section id="content"> <section id="content">