From fd62e3bcf1f1d4b4efef278e8d738052c48a62eb Mon Sep 17 00:00:00 2001
From: Clintonugo <clintonugo2000@gmail.com>
Date: Thu, 28 Nov 2019 04:06:38 -0800
Subject: [PATCH 1/3] added footer both its html and css files, corrected some
 wrong spellings, i will still add some hover attribute to the top menu too
 just endorse this one and accept my pull request please

---
 index.html       | 88 ++++++++++++++++++++++++++++++++++++++++++++++--
 styles/index.css | 66 +++++++++++++++++++++++++++++++++++-
 2 files changed, 150 insertions(+), 4 deletions(-)

diff --git a/index.html b/index.html
index ca3db28..ad83784 100644
--- a/index.html
+++ b/index.html
@@ -99,7 +99,7 @@ <h4 style="color: white; font-size: 30px;"><b style="color: orange;">120</b> Pro
         <h1 class="resume1">
             <strong>Resume</strong>
         </h1>
-        <p class="about">A small river named Dudon flows y their place and supplies it with the necessary regelialia. It is paradisematic
+        <p class="about">A small river named Dudon flows by their place and supplies it with the necessary regelialia. It is paradisematic
             <br> country, in which roasted parts of sentences fly into your mouth</p>
 <div class="resume_row1">
 
@@ -144,7 +144,7 @@ <h1></h1>
 
     
         <h1 class="Projects">Our Projects</h1>
-        <p class="intro">Far far away, behind the word mountins, far from te countries Nigeria and dubai</p>
+        <p class="intro">Far far away, behind the word mountains, far from the countries Nigeria and dubai</p>
         <div class="firstImages" style="width: 95%; height: 300px">
           <img src="./images/20191127_102858.jpg" alt="workplease" style="width: 40%;height: 300px;">
           <img src="./images/20191127_102924.jpg" alt="workplease2" style="width: 55%; height: 300px;margin-left: 10px;">
@@ -164,7 +164,6 @@ <h1 class="Projects">Our Projects</h1>
        </div>
     
 
-
     <!-- this is the start of the blog page. NB: it doesn't follow after the 
     Resume page-->
 <br>
@@ -241,6 +240,89 @@ <h1 class="freelancing">
 </div>
 </section>
 
+<footer class="footer">
+    <div class="footer_container">
+    <!-- col1 starts here -->
+    <div class="footer__container__col">
+    <h4 class="footer__container__title">
+    <b>About</b>
+    </h4>
+    <div class="footer__container__content">
+    Far far away, behind the word
+    mountains, far from the
+    countries Vokalia and
+    Consonantia, there live the
+    blind texts.
+    </div>
+    </div>
+    <!-- col1 ends here -->
+    
+    <!-- col 2 -->
+    <div class="footer__container__col">
+    <h4 class="footer__container__title">
+    <b>Links</b>
+    </h4>
+    <div class="footer__container__content">
+    <ul class="footer__container__content__list__items">
+    <li>→ Home</li>
+    <li>→ About</li>
+    <li>→ Services</li>
+    <li>→ Projects</li>
+    <li>→ Contact</li>
+    </ul> 
+    </div>
+    </div>
+    <!-- col 2 ends here -->
+    
+    
+    
+    <div class="footer__container__col">
+    <h4 class="footer__container__title">
+    <b>Services</b>
+    </h4>
+    <div class="footer__container__content">
+    <ul class="footer__container__content__list__items">
+    <li>→ web design</li>
+    <li>→ web development</li>
+    <li>→ Business Strategy</li>
+    <li>→ Data Analysis</li>
+    <li>→ Graphics Design</li>
+    </ul> 
+    </div>
+    </div>
+    
+    <div class="footer__container__col">
+    <h4 class="footer__container__title">
+    <b>Have a Question?</b>
+    </h4>
+    <div class="footer__container__content">
+    <ul class="footer__container__content__list__items">
+    <li><i class="fa fa-map-marker"></i> 
+    203 Fake St.Mountain View,<br>
+    San Francisco, California,<br>
+    USA
+    </li>
+    <li><i class="fa fa-phone"></i> +234 65678 3987</li>
+    <li><i class="fa fa-envelope"></i> info@yourmail.com</li>
+    </ul> 
+    </div>
+    </div>
+    <div class="social__icons">
+    <span class="social__icons__container">
+    <i class="fab fa-twitter"></i>
+    </span>
+    <span class="social__icons__container">
+    <i class="fab fa-facebook"></i>
+    </span> 
+    <span class="social__icons__container">
+    <i class="fab fa-instagram"></i>
+    </span>
+    </div>
+    </div>
+    <p class="copyright">Copyright ©2019 All rights reserved | This template is made with ♥ by Colarib</p>
+    </footer>
+    
+
 
 
 <script src="./scripts/index.js"></script>
diff --git a/styles/index.css b/styles/index.css
index c96f59c..299d932 100644
--- a/styles/index.css
+++ b/styles/index.css
@@ -626,4 +626,68 @@ input.hired{
     left: 45em;
     width: 180px;
     outline: hidden;
-}
\ No newline at end of file
+}
+p{
+  color:white;
+  }
+  .h4a{
+  color:white;
+  margin-left:50px;
+  }
+  .h4b{
+  color:white;
+  margin-left:50px;
+  }
+  .h4c{
+  color:white;
+  margin-left:50px;
+  }
+  .h4d{
+  color:white;
+  margin-left:50px;
+  }
+  .copyright{
+  text-align:center;
+  }
+  .far{
+  top:3px;
+  margin-left:50px;
+  }
+  li{
+  color:white;
+  list-style-type: none;
+  /* display:inline-block; */
+  }
+  /*ul{
+  display: inline-block;
+  } */
+  footer.footer div.footer_container {
+  width: 100%;
+  height: 400px;
+  display: block;
+  margin-bottom: 30px;
+  }
+  div.footer__container__col {
+  float: left;
+  width: 25%;
+  height: 200px;
+  color:#fff;
+  }
+  div.footer__container__content{
+  font-size: 13px;
+  text-justify: newspaper
+  }
+  h4.footer__container__title{
+  font-weight: bolder;
+  }
+  ul.footer__container__content__list__items {
+  padding-left: 0;
+  }
+  ul.footer__container__content__list__items li {
+  padding-top:5px;
+  padding-bottom: 5px;
+  }
+  span.social__icons__container {
+  background-color: grey;
+  }
+  
\ No newline at end of file

From db044b2dee44c500938c34df168d46b2e7d306b5 Mon Sep 17 00:00:00 2001
From: Clintonugo <clintonugo2000@gmail.com>
Date: Thu, 28 Nov 2019 04:21:46 -0800
Subject: [PATCH 2/3] fix footer layout

---
 index.html       | 8 ++++----
 styles/index.css | 8 ++++++--
 2 files changed, 10 insertions(+), 6 deletions(-)

diff --git a/index.html b/index.html
index ad83784..4029ae5 100644
--- a/index.html
+++ b/index.html
@@ -248,10 +248,10 @@ <h4 class="footer__container__title">
     <b>About</b>
     </h4>
     <div class="footer__container__content">
-    Far far away, behind the word
-    mountains, far from the
-    countries Vokalia and
-    Consonantia, there live the
+    Far far away, behind the word<br>
+    mountains, far from the<br>
+    countries Vokalia and<br>
+    Consonantia, there live the<br>
     blind texts.
     </div>
     </div>
diff --git a/styles/index.css b/styles/index.css
index 299d932..cb55a9c 100644
--- a/styles/index.css
+++ b/styles/index.css
@@ -670,15 +670,17 @@ p{
   div.footer__container__col {
   float: left;
   width: 25%;
-  height: 200px;
+  height: 300px;
   color:#fff;
   }
   div.footer__container__content{
   font-size: 13px;
-  text-justify: newspaper
+  text-justify: newspaper;
+  position: relative;
   }
   h4.footer__container__title{
   font-weight: bolder;
+  padding-left:17px;
   }
   ul.footer__container__content__list__items {
   padding-left: 0;
@@ -686,6 +688,8 @@ p{
   ul.footer__container__content__list__items li {
   padding-top:5px;
   padding-bottom: 5px;
+  display: block;
+  text-align: left;
   }
   span.social__icons__container {
   background-color: grey;

From cbdaabab8c4d025425e75d527649e9a3583929ca Mon Sep 17 00:00:00 2001
From: Clintonugo <clintonugo2000@gmail.com>
Date: Thu, 28 Nov 2019 05:01:52 -0800
Subject: [PATCH 3/3] created the footer and removed outline from buttons

---
 index.html       | 4 ++--
 styles/index.css | 6 ++++--
 2 files changed, 6 insertions(+), 4 deletions(-)

diff --git a/index.html b/index.html
index 4029ae5..2196b98 100644
--- a/index.html
+++ b/index.html
@@ -16,8 +16,8 @@
             <div></div>
             <div></div>
         </div>
+        
     </div>
-    
     <div class="container">
         <!-- code for the navigation bar -->
         <div class="navigation">
@@ -329,4 +329,4 @@ <h4 class="footer__container__title">
     <!-- project file -->
 </body>
 
-</html>
\ No newline at end of file
+</html>
diff --git a/styles/index.css b/styles/index.css
index cb55a9c..46468f9 100644
--- a/styles/index.css
+++ b/styles/index.css
@@ -144,7 +144,7 @@
       display: inline;
     text-transform: uppercase;
       font-size: 14px; 
-      outline: hidden;
+      outline: none;
          
    }
    .btn-hire-me:hover{
@@ -154,7 +154,7 @@ border:2px solid grey;
    }
    
    button.btn-my-works{
-    outline: hidden;   
+    outline: none;   
      
     font-size: 14px;    
     background-color: #ffbd39;
@@ -294,6 +294,7 @@ div.cv_btn {
   width:100%;
   /* margin-top:40px; */
   text-align: center;
+  outline:none;
 }
 button.cv{
     color:  black;
@@ -648,6 +649,7 @@ p{
   }
   .copyright{
   text-align:center;
+  line-height: 80px;
   }
   .far{
   top:3px;