mlsasrmncr · Akshitparmar · Jan 2, 2022
diff --git a/js/footer/footer.html b/js/footer/footer.html
@@ -0,0 +1,127 @@
+<html lang="en">
+<head>
+  <title>Bootstrap Example</title>
+  <meta charset="utf-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1">
+  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.6.1/dist/css/bootstrap.min.css">
+  <script src="https://cdn.jsdelivr.net/npm/jquery@3.5.1/dist/jquery.slim.min.js"></script>
+
+  <script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.1/dist/umd/popper.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/npm/bootstrap@4.6.1/dist/js/bootstrap.bundle.min.js"></script>
+    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js"></script>
+    <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.6.3/css/all.css" integrity="sha384-UHRtZLI+pbxtHCWp1t77Bi1L4ZtiqrqD80Kn4Z8NTSRyMA2Fd33n5dQ8lWUE00s/" crossorigin="anonymous">
+
+</head>
+
+
+
+
+
+<body>
+
+
+
+<div class="ml-n5 pr-n5 " >
+  <!-- Footer -->
+  <footer
+          class="text-center text-lg-start text-white"
+          style="background-color: #3B444B"
+          >
+    <!-- Grid container -->
+    <div class="container text-center text-md-left">
+      <!-- Section: Links -->
+      <section class="row ml-5 ">
+        <!--Grid row-->
+        <div class="row pl-5  ">
+
+          <!-- Grid column -->
+
+           <div class="img-fluid col-xs-1  col-lg-3 mr-auto my-md-0 my-0 mt-1  pb-n1  pl-n5">
+            <img
+               src="https://www.srmup.in/images/srm-logo.png"
+                   width="190"
+                 />
+
+
+
+            <img class="d-none d-sm-block  mt-5   ml-n2 pb-n5 " src="mountain1.png" alt="Chania" width="80"  height="80">
+
+            </div>
+
+
+
+
+
+
+
+          <!-- Grid column -->
+          <hr class="w-100 clearfix d-md-none" />
+
+          <!-- Grid column -->
+          <div class="col-xs-4 col-sm-6 col-md-3 col-xl-3 mx-auto mt-n3 ml-n3 pl-n5">
+            <img
+                  src="logo.png" 
+                   class="w-100"
+                   />
+          </div>
+          <!-- Grid column -->
+
+          <!-- Grid column -->
+          <div class="col-xs-4 col-sm-4 col-lg-2 col-xl-2 mx-auto  ">
+            <h6 class="text-uppercase ml-3 font-weight-bold">Follow us</h6>
+
+
+
+            <!-- Twitter -->
+            <a
+               class="btn btn-primary btn-lg m-1  "
+               style="background-color: #55acee"
+               href="#twitter"
+               role="button"
+               ><i class="fab fa-twitter"></i
+              ></a>
+
+
+
+
+            <!-- Instagram -->
+            <a
+               class="btn btn-primary btn-lg m-1"
+               style="background-color: #ac2bac"
+               href="#instgram"
+               role="button"
+               ><i class="fab fa-instagram"></i
+              ></a>
+
+            <!-- Linkedin -->
+            <a
+               class="btn btn-primary btn-lg m-1"
+               style="background-color: #0082ca"
+               href="#linkdin"
+               role="button"
+               ><i class="fab fa-linkedin-in"></i
+              ></a>
+            <!-- Github -->
+            <a
+               class="btn btn-primary btn-lg m-1 "
+               style="background-color: #333333"
+               href="#github"
+               role="button"
+               ><i class="fab fa-github"></i
+              ></a>
+          </div>
+        </div>
+        <!--Grid row-->
+      </section>
+      <!-- Section: Links -->
+    </div>
+    <!-- Grid container -->
+
+
+  </footer>
+  <!-- Footer -->
+</div>
+<!-- End of .container -->
+</body>
+</html> 
diff --git a/js/footer/logo.png b/js/footer/logo.png
diff --git a/js/footer/mountain1.png b/js/footer/mountain1.png