Added footer section in Country details app

Kedarnath-Rothe · Kedarnath-Rothe · commit 63ab81964b43 · 2023-10-11T14:12:48.000+05:30
diff --git a/50 - Country Detail/index.html b/50 - Country Detail/index.html
@@ -20,8 +20,9 @@
       src="https://code.jquery.com/jquery-3.6.0.slim.min.js"
       integrity="sha256-u7e5khyithlIdTpu22PHhENmPcRdFiHRjhAuHcs05RI="
       crossorigin="anonymous">
-    </script>
-    <script src="app.js"></script>
+    </script> 
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
+    <script src="app.js"></script> 
   </head>
   <body style="background-color:#25274D">
     <div class="container main">
@@ -45,12 +46,21 @@ <h1>Country Details App</h1>
             <div class="col-md-3"></div>
         </div>
 
-        <div class="row">
+        <!-- <div class="row">
           <div class="col-md-8"></div>
           <div class="col-md-4">&lt;/> with ❤ by <a href="https://github.com/TushitaParashar" style="text-decoration:none" >Tushita Parashar</a></div>
-        </div>
+        </div> -->
 
-    </div>
+        
+      </div>
+      <footer>
+        <div>&lt;/&gt; with ❤ by <a href="https://github.com/TushitaParashar" target="_blank">Tushita Parashar</a></div> <br>
+        <div class="subfooter" >
+          <a href="#" target="_blank" class="hover-links"><i class="fa-brands fa-linkedin  fa-xl" style="color: #4400ff;"></i></a>
+          <a href="#" target="_blank" class="hover-links"><i class="fa-brands fa-instagram fa-xl" style="color: #fb00ff;"></i></a>
+          <a href="#" target="_blank" class="hover-links"><i class="fa-brands fa-whatsapp fa-xl" style="color: #097000;"></i></a>
+        </div>
+      </footer>
   </body>
 </html>
  
diff --git a/50 - Country Detail/style.css b/50 - Country Detail/style.css
@@ -30,4 +30,28 @@ a:visited{
 a{
     font-weight: bolder;
     color: aliceblue;
-}
+}
+
+/* footer */
+footer {
+    background-color: #1c0930;
+    color: white;
+    padding: 20px 0;
+    text-align: center;
+    position: fixed;
+    bottom: 0;
+    width: 100%;
+  }
+
+  footer a {
+    color: white;
+    text-decoration: none;
+  }
+
+  footer a:hover {
+    text-decoration: underline;
+  }
+ 
+  .fa-brands{
+    margin: 0px 20px;
+  }
