add directory exo-1

2024-10-22 13:14:17 +04:00
parent 62e29c13d9
commit fbd1ef013d
3 changed files with 59 additions and 16 deletions
@@ -0,0 +1,57 @@
+<!DOCTYPE html>
+<html lang="fr">
+    <head>
+        <meta charset="UTF-8" />
+        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+        <!-- <link rel="stylesheet" href="styles.css" /> Utilisation de Bootstrap -->
+
+        <!-- CDN BOOTSTRAP -->
+        <link
+            href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css"
+            rel="stylesheet"
+            integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH"
+            crossorigin="anonymous"
+        />
+        <title>Expernet | CDA8 HJ</title>
+    </head>
+    <body>
+        <div class="container">
+            <div class="row">
+                <div class="col-md">
+                    <h1 class="title">Hello World!</h1>
+                    <p>Welcome in my world 😊</p>
+                </div>
+                <div class="col-md">
+                    <p>
+                        I'm 3thernity a friendly developper let's be friends !
+                    </p>
+                </div>
+                <div class="col-md">
+                    <p>Alright let's have some fun 😝</p>
+                </div>
+            </div>
+            <div class="row">
+                <div class="col-md">
+                    <p>
+                        Je suis un passionner d'informatique, de jeux video et
+                        j'aime également chanter de tant à autres eheh
+                    </p>
+                </div>
+            </div>
+        </div>
+    </body>
+
+    <!-- CDN JQUERY -->
+    <script
+        src="https://code.jquery.com/jquery-3.7.1.min.js"
+        integrity="sha256-/JqT3SQfawRcv/BIHPThkBvs0OEvtFFmqPF/lYI/Cxo="
+        crossorigin="anonymous"
+    ></script>
+
+    <!-- CDN BOOTSTRAP -->
+    <script
+        src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js"
+        integrity="sha384-YvpcrYf0tY3lHB60NNkmXc5s9fDVZLESaAA55NDzOxhy9GkcIdslK1eN7N6jIeHz"
+        crossorigin="anonymous"
+    ></script>
+</html>
@@ -0,0 +1,15 @@
+* {
+    margin: 0;
+    padding: 0;
+    font-family: "Gill Sans", "Gill Sans MT", Calibri, "Trebuchet MS",
+        sans-serif;
+}
+
+body {
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+    align-items: center;
+    color: whitesmoke;
+    background-color: black;
+}