From 5f1b1da5195dec66f0bd0a1db8b26880534b944f Mon Sep 17 00:00:00 2001
From: abdoul aziz diallo <abdoul-aziz.diallo@etu.unistra.fr>
Date: Tue, 7 Feb 2023 18:55:24 +0100
Subject: [PATCH] Change body font family

---
 assets/css/shared.css |  4 ++++
 assets/css/styles.css | 10 ++++++++++
 index.html            | 15 ++++++++++++---
 3 files changed, 26 insertions(+), 3 deletions(-)
 create mode 100644 assets/css/shared.css
 create mode 100644 assets/css/styles.css

diff --git a/assets/css/shared.css b/assets/css/shared.css
new file mode 100644
index 0000000..4c708d2
--- /dev/null
+++ b/assets/css/shared.css
@@ -0,0 +1,4 @@
+body {
+  font-family: "Quicksand", sans-serif;
+  margin: 0;
+}
diff --git a/assets/css/styles.css b/assets/css/styles.css
new file mode 100644
index 0000000..b1c7d8a
--- /dev/null
+++ b/assets/css/styles.css
@@ -0,0 +1,10 @@
+header {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+}
+
+ul {
+  display: flex;
+  list-style: none;
+}
diff --git a/index.html b/index.html
index 060bf21..3246386 100644
--- a/index.html
+++ b/index.html
@@ -4,13 +4,18 @@
     <meta charset="UTF-8" />
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>fellah's portfolio</title>
+    <link
+      href="https://fonts.googleapis.com/css2?family=Raleway:wght@700&family=Oleo+Script:wght@700&family=Quicksand:wght@300;500;700&display=swap"
+      rel="stylesheet"
+    />
+    <link rel="stylesheet" href="assets/css/shared.css" />
     <link rel="stylesheet" href="assets/css/styles.css" />
+    <title>fellah's portfolio</title>
   </head>
   <body>
     <header>
       <!--I added this.-->
-      <a href="/index.html">fellah</a>
+      <a href="/index.html">Fellah's Portfolio</a>
       <nav>
         <ul>
           <li><a href="/presentation.html">Presentation</a></li>
@@ -19,6 +24,10 @@
         </ul>
       </nav>
     </header>
-    <main></main>
+    <main>
+      <section></section>
+      <section></section>
+    </main>
+    <footer></footer>
   </body>
 </html>
-- 
GitLab