section making

website.css

@@ -14,7 +14,7 @@ h2{
 }
 p{
     margin:0;
-    paddign:1em;
+    padding:1em;
 }
 img{
     display: block;
@@ -83,4 +83,22 @@ img{
     background-color:white;
     color:#333;
     padding: 0 2em 0 2em;
+}
+#section-d{
+    display: flex;
+}
+#section-d .box{
+    padding:1em;
+}
+#section-d .box:first-child{
+    background:skyblue;
+}
+#footer{
+    background:black;
+    color:white;
+    display: flex;
+    padding:2em;
+}
+#footer div:last-child{
+    margin-left: auto;
 }

website.html

@@ -8,7 +8,7 @@
     <div class="bg"></div>
     <h1 class="content">welcome to acme web solution</h1>
     <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Quod, quia veritatis pariatur voluptatem accusantium aut, quisquam illum hic autem nostrum vel esse eligendi necessitatibus repudiandae alias. Atque nisi quibusdam debitis!</p> 
-    <a class="btn" href="section-c">readmore</a>   
+    <a class="btn" href="#section-b">Readmore</a>   
     </header>
 
     <main>
@@ -73,7 +73,42 @@ <h2 class="content-title">
                 <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Voluptatem quos, temporibus eveniet perferendis accusamus culpa quod deleniti quis fugit! Excepturi adipisci dignissimos dolor qui fugit labore ullam et voluptatem eligendi!</p>
             </div>
         </section>
-        <section></section>
+        <section id="section-d">
+            <div class="box">
+                <h2>
+                    CONTACT US
+                </h2>
+                <p>
+                    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusantium esse eos eveniet, saepe rerum iusto nobis quibusdam aspernatur ipsum ipsam, incidunt possimus modi ut rem. Recusandae unde dicta quam numquam.
+
+                </p>
+                <p>
+                    [email protected]
+                </p>
+
+            </div>
+            <div class="box">
+                <h2>
+                    about us
+                </h2>
+                <p>
+                    Lorem, ipsum dolor sit amet consectetur adipisicing elit. Mollitia, ducimus! Nobis facere magnam mollitia doloribus quae, ab atque optio non exercitationem a veritatis, maxime fugit doloremque recusandae quam necessitatibus cumque?
+
+                </p>
+
+
+            </div>
+
+        </section>
     </main>
-    <footer></footer>
+    <footer id="footer">
+        <div>
+            acme web solution
+        </div>
+        <div>
+            project by 
+            <a href="http://traversymedia.com/">traversy media</a>
+
+        </div>
+    </footer>
         </body>