diff --git a/assets/css/shared.css b/assets/css/shared.css
new file mode 100644
index 0000000000000000000000000000000000000000..4c708d2106a9241a8663df42e69c37f19c0f972c
--- /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 0000000000000000000000000000000000000000..b1c7d8a95ea1c04fbdafd21d22baa5d0a1b193f9
--- /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 060bf213bd7f72d572a4bfe4c24c7df1b17e0831..32463862863b17578bee01152ab4063e783672dd 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>