From d2ed901f29939ab35cb7ab2d48a465ce20b64e24 Mon Sep 17 00:00:00 2001
From: Ogunleye Pelumi <sioplightman5@gmail.com>
Date: Thu, 13 Oct 2022 12:08:15 +0100
Subject: [PATCH 1/3] Added footer

---
 index.css  | 81 ++++++++++++++++++++++++++++++++++++++++++++++++++++--
 index.html | 56 +++++++++++++++++++++++++++++++------
 2 files changed, 125 insertions(+), 12 deletions(-)
diff --git a/index.css b/index.css
index 4b7557d..4dc76b9 100644
--- a/index.css
+++ b/index.css
@@ -17,14 +17,16 @@ body {
     height: 50vh;
     flex-direction: column;
     backdrop-filter: blur(10px);
+    position: relative;
     width: 50%;
     top: 25%;
     margin: auto;
+    margin-top: 100px;
     padding: 10px;
     background: transparent;
     color: #000;
-    position: absolute;
-    left: 25%;
+    margin-bottom: 100px;
+    left: 2%;
     text-align: center;
     border-radius: 5px;
 }
@@ -72,4 +74,77 @@ button:hover {
     font-size: 2rem;
     padding: 0px;
     margin: 0px;
-}
\ No newline at end of file
+}
+
+.footer{
+    display: flex;
+    width: 100%;
+    height: 150px;
+    margin-top:530%;
+    position:  relative;
+    justify-content: space-around;
+    background-color: white;
+    border-top:rgb(215 220 218);
+    border-top-style: solid;
+    border-width: 0.01px;
+  }
+  .footname{
+    padding-top: 2px;
+    color: black;
+  }
+  .footside2{
+    display: flex;
+    flex-direction: row;
+    justify-content: center;
+    align-items: center;
+    height: 50px;
+    margin-top:-10px;
+  }
+  .footside p{
+   font-size: 5em;
+   color: white;
+   position: relative;
+   padding-top: 300;
+  }
+  .social{
+    position: relative;
+    display: flex;
+    padding-left: 0px;
+    padding-top: 0px;
+  }
+  .social_icon{
+    position: relative;
+    background-color: rgb(215 220 218);
+    margin-left: 10px;
+    width: 20px;
+    height: 20px;
+    padding-left: 2px;
+    padding-top:2px ;
+    align-items: center;
+  }
+  .social_icon img{
+  width: 15px;
+  height: 15px;
+  }
+  .footer_text{
+    font-size: 13px;
+  }
+  @media(max-width:672px){
+      .footer{
+        display: flex;
+        width: 150%;
+        height: 100px;
+        justify-content: space-around;
+        background-color: rgb(147, 40, 40);
+      }
+      .footside2{
+        display: flex;
+        flex-direction: column;
+        justify-content: center;
+        align-items: center;
+        height: 150px;
+        margin-top: -40px;
+        padding-top: 7px;
+      }
+  }
+  
\ No newline at end of file
diff --git a/index.html b/index.html
index 838456e..5663414 100644
--- a/index.html
+++ b/index.html
@@ -1,19 +1,57 @@
 <!DOCTYPE html>
 <html lang="en">
 <head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width", initial-scale="1">
+    <http-equiv="X-UA-Compatible" content="IE=edge">
+        <title>Passenger Counter</title>
    <link rel="stylesheet" href="index.css" >
    
 </head>
 <body>
-    <div class="passenger-detail">
-        <h1><strong>People Entered:</strong></h1>
-        <h2 id="count-el">0</h2>
-        <button id="increment-btn" onclick="increment()">INCREMENT</button>
-        <Button id="save-btn" onclick="save()">SAVE</button>
-        <p id="save-el">Previous Entries : </p>
-        <h3>Total Passenger Entries 👥 : </h3>
-        <p class="total" id="total-el"></p>
-    </div>
+    <section class="section">
+        <div class="passenger-detail">
+            <h1><strong>People Entered:</strong></h1>
+            <h2 id="count-el">0</h2>
+            <button id="increment-btn" onclick="increment()">INCREMENT</button>
+            <Button id="save-btn" onclick="save()">SAVE</button>
+            <p id="save-el">Previous Entries : </p>
+            <h3>Total Passenger Entries 👥 : </h3>
+            <p class="total" id="total-el"></p>
+        </div>
+        <div className="footer">
+            <div className="footside">
+                <p class="footname">Passenger Counter</p>
+                </div>
+            <div class="footside2">
+                <p class="footer_text">
+                   Connect with us
+                </p>
+                <div class="social">
+                    <div className="social_icon">
+                        <a title="FB" href="https://good.com">
+                            <img alt="lo" src="https://res.cloudinary.com/slmedia/image/upload/v1652302113/samples/food/facebook-16x16-761599_vlf1xl.png"/>
+                        </a>
+                    </div>
+                    <div className="social_icon">
+                        <a title="LI" href="https://good.com">
+                            <img alt="lo" src="https://res.cloudinary.com/slmedia/image/upload/v1652302113/samples/food/linkedin-16x16-761611_a8dv2c.png"/>
+                        </a>
+                    </div>
+                    <div className="social_icon">
+                        <a title="TW" href="https://good.com">
+                            <img alt="lo" src="https://res.cloudinary.com/slmedia/image/upload/v1652302113/samples/food/fa_twitter-16x16-761629_rhy95g.png"/>
+                        </a>
+                    </div>
+                    <div className="social_icon">
+                        <a title="GH" href="https://github.com/HridoyHazard/BetterColor">
+                            <img alt="lo" src="https://res.cloudinary.com/slmedia/image/upload/v1664749375/samples/food/github-16x16-761603_vwximd.png"/>
+                        </a>
+                    </div>
+                </div>
+            </div>
+    </section>
     <script src="index.js"></script>
+
 </body>
 </html>

From 98ad6ea6444e1aa9ef4f38304927dc37a6495409 Mon Sep 17 00:00:00 2001
From: Ogunleye Pelumi <sioplightman5@gmail.com>
Date: Thu, 13 Oct 2022 22:38:38 +0100
Subject: [PATCH 2/3] Added footer

---
 index.html | 1 -
 1 file changed, 1 deletion(-)

diff --git a/index.html b/index.html
index 5663414..26f2aa7 100644
--- a/index.html
+++ b/index.html
@@ -9,7 +9,6 @@
    
 </head>
 <body>
-    <section class="section">
         <div class="passenger-detail">
             <h1><strong>People Entered:</strong></h1>
             <h2 id="count-el">0</h2>

From 361560fbbb8e300ad180471f1c0f4ecead950a40 Mon Sep 17 00:00:00 2001
From: Ogunleye Pelumi <sioplightman5@gmail.com>
Date: Thu, 13 Oct 2022 22:54:01 +0100
Subject: [PATCH 3/3] Add footer

---
 index.html | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/index.html b/index.html
index 26f2aa7..272cc6c 100644
--- a/index.html
+++ b/index.html
@@ -6,7 +6,7 @@
     <http-equiv="X-UA-Compatible" content="IE=edge">
         <title>Passenger Counter</title>
    <link rel="stylesheet" href="index.css" >
-   
+	<link rel="icon" type="image/x-icon" href="/train.ico">
 </head>
 <body>
         <div class="passenger-detail">
