bamarty
/
Projet_Prog_Web
Watch 2
Star 0
Fork 0
Code Issues 0 Pull Requests 0 Releases 0 Wiki Activity
Browse Source

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

Florian Ehr 3 years ago
parent
635339aba4
commit
826d4ea2b1
2 changed files with 51 additions and 45 deletions
Split View Show Diff Stats
  1. 49
    43
      CSS/choix1.css
  2. 2
    2
      HTML/choix1.html

+ 49
- 43
CSS/choix1.css View File 

@@ -1,6 +1,4 @@
1 1 
 body {
2 
-    border: 8px solid;
3 
-    color: blue;
4 2 
     display: flex;
5 3 
     flex-direction: column;
6 4 
     justify-content: space-between;
 
@@ -9,46 +7,54 @@ body {
9 7 
     height: 95vh;
10 8 
 }
11 9
12 
-header {
13 
-    border: 8px solid;
14 
-    color: purple;
15 
-    display: flex;
16 
-    flex: 1;
17 
-}
18 
-
19 
-#main {
20 
-    display: flex;
21 
-    flex: 4;
22 
-}
23 
-
24 
-#content {
25 
-    border: 8px solid;
26 
-    color: blue;
27 
-    display: flex;
28 
-    flex-direction: column;
29 
-    justify-content: space-around;
30 
-    width: 50vw;
31 
-}
32 
-
33 
-#text {
34 
-    border: 8px solid;
35 
-    font-family: 'Special Elite', cursive;
36 
-    text-align: center;
37 
-    color: white;
38 
-}
39 
-
40 
-#buttons {
41 
-    border: 8px solid;
42 
-    color: red;
43 
-    display: flex;
44 
-    justify-content: space-around;
45 
-}
46 
-
47 
-footer {
48 
-    border: 8px solid;
49 
-    color: green;
50 
-    display: flex;
51 
-    flex : 1;
52 
-}
10 
+    header {
11 
+        color: #BF0909;
12 
+        font-family: 'Special Elite', cursive;
13 
+        display: flex;
14 
+        flex-direction: column;
15 
+        justify-content: space-between;
16 
+        align-items: center;
17 
+        flex: 1;
18 
+    }
19 
+
20 
+        header a {
21 
+            text-decoration: none;
22 
+            color: #BF0909;
23 
+        }
24 
+
25 
+        header a:hover {
26 
+            color: white;
27 
+        }
28 
+
29 
+    #main {
30 
+        display: flex;
31 
+        flex: 4;
32 
+    }
33 
+
34 
+        #content {
35 
+            display: flex;
36 
+            flex-direction: column;
37 
+            justify-content: space-around;
38 
+            width: 50vw;
39 
+        }
40 
+
41 
+            #text {
42 
+                font-family: 'Special Elite', cursive;
43 
+                font-size: 2vw;
44 
+                text-align: center;
45 
+                color: white;
46 
+            }
47 
+
48 
+            #buttons {
49 
+                color: red;
50 
+                display: flex;
51 
+                justify-content: space-around;
52 
+            }
53 
+
54 
+    footer {
55 
+        color: green;
56 
+        display: flex;
57 
+        flex : 1;
58 
+    }
53 59
54 60

+ 2
- 2
HTML/choix1.html View File 

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

Write Preview
Loading…
Cancel
Save