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

Merge branch 'master' of https://git.etud.insa-toulouse.fr/bamarty/Projet_Prog_Web

Baptiste Marty 3 years ago
parent
1ba41e8f5a 3bcdf44558
commit
2de752322e
2 changed files with 88 additions and 0 deletions
Split View Show Diff Stats
  1. 54
    0
      CSS/choix1.css
  2. 34
    0
      HTML/choix1.html

+ 54
- 0
CSS/choix1.css View File 

@@ -0,0 +1,54 @@
1 
+body {
2 
+    border: 8px solid;
3 
+    color: blue;
4 
+    display: flex;
5 
+    flex-direction: column;
6 
+    justify-content: space-between;
7 
+    align-items: center;
8 
+    background-color: black;
9 
+    height: 95vh;
10 
+}
11 
+
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 
+}
53 
+
54 
+

+ 34
- 0
HTML/choix1.html View File 

@@ -0,0 +1,34 @@
1 
+<!DOCTYPE html>
2 
+<html lang="en">
3 
+<head>
4 
+    <meta charset="UTF-8">
5 
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
6 
+    <title>Document</title>
7 
+    <link rel="stylesheet" href="../CSS/choix1.css">
8 
+    <link rel="preconnect" href="https://fonts.gstatic.com">
9 
+    <link href="https://fonts.googleapis.com/css2?family=Special+Elite&display=swap" rel="stylesheet">
10 
+</head>
11 
+<body>
12 
+    <header>
13 
+        <h1></h1>
14 
+        <nav></nav>
15 
+    </header>
16 
+    <main id="main">
17 
+        <section id="content">
18 
+            <article id="text">
19 
+                <p>
20 
+                    Vous sortez de cours de chinois à 20h30 et vous passez faire un tour au STPI vous prendre un petit café pour réviser toute la nuit.
21 
+                    Vous apercevez un étudiant qui se dirige vers le sous-sol, vous trouvez ça bizarre.
22 
+                </p>
23 
+            </article>
24 
+            <div id="buttons">
25 
+                <button id="safeButton">Aller dormir, ça fait trop peur</button>
26 
+                <button id="riskyButton">Le suivre</button>
27 
+            </div>
28 
+        </section>
29 
+    </main>
30 
+    <footer>
31 
+
32 
+    </footer>
33 
+</body>
34 
+</html>

Write Preview
Loading…
Cancel
Save