From 9e35c1ed59eaf643eaafa2d9d594b272e0b46340 Mon Sep 17 00:00:00 2001
From: feridun Akyol <feridunakyol34@gmail.com>
Date: Wed, 15 Jan 2020 21:46:07 +0100
Subject: [PATCH] step-1

---
 level-1/index.html        |  8 ++++----
 level-1/step-1/step-1.css | 32 ++++++++++++++++++++++++++++++--
 2 files changed, 34 insertions(+), 6 deletions(-)

diff --git a/level-1/index.html b/level-1/index.html
index 4de4033c..1426192d 100644
--- a/level-1/index.html
+++ b/level-1/index.html
@@ -21,7 +21,7 @@
     <main class="main-wrapper">
 
         <header class="header">
-
+                HEADER
             <div class="logo-container"></div>
 
             <div class="menu-container"></div>
@@ -31,7 +31,7 @@
         <section class="main-section">
 
             <div class="content-left">
-
+                  content-left
                 <div class="profile-image-container" ></div>
 
                 <div class="profile-links-container"></div>
@@ -39,7 +39,7 @@
             </div>
 
             <div class="content-mid">
-
+                  content-mid
                 <section class="content-container">
 
                     <header class="content-mid-header"></header>
@@ -52,7 +52,7 @@
 
         </section>
 
-        <footer class="footer"> </footer>
+        <footer class="footer"> FOOTER </footer>
 
     </main>
   </body>
diff --git a/level-1/step-1/step-1.css b/level-1/step-1/step-1.css
index 78865286..3c12158f 100755
--- a/level-1/step-1/step-1.css
+++ b/level-1/step-1/step-1.css
@@ -1,7 +1,15 @@
+.body {
+    font-family: Arial, Helvetica, sans-serif;
+}
+
 .header {
     width: 100%;
     height: 100px;
     background: #D8D8D8;
+    font-size: 1.5rem;
+    font-weight: 600;
+    text-align: center;
+    line-height: 100px;
 }
 
 /* Use float to get this container in its desired location. */
@@ -9,8 +17,16 @@
 .content-left {
     width: 34%;
     /* This height is a placeholder. You will need to make some adjustments to get this container to look like the design. */
-    height: 100px;
+    
     background: #565555;
+    float: left;
+    height: 750px;
+    color: #FFFEFF;
+    font-size: 1.7rem;
+    text-align: center;
+    font-weight: 700;
+   line-height: 750px;
+
 }
 
 
@@ -19,8 +35,13 @@
 .content-mid {
     width: 66%;
     /* This height is a placeholder. You will need to make some adjustments to get this container to look like the design. */
-    height: 100px;
+    height: 750px;
     background: #B0B0B0;
+    float: right;
+    font-size: 1.7rem;
+    text-align: center;
+    font-weight: 700;
+    line-height: 750px;
 }
 
 /* Use float to get this container to the bottom of the screen  */
@@ -29,4 +50,11 @@
     width: 100%;
     height: 100px;
     background: #3A3A3A;
+    position: absolute;
+    bottom: 0px;
+    font-size: 1.5rem;
+    font-weight: 600;
+    text-align: center;
+    color: #FFFFFF;
+    line-height: 100px;
 }
\ No newline at end of file