From 6c5f73b0c44b6b41a943506df0854ec4919dcd9a Mon Sep 17 00:00:00 2001
From: Eunice Ogboye <ogboyeeunice@gmail.com>
Date: Tue, 11 Oct 2022 07:02:47 -0700
Subject: [PATCH] updated the trending nav

---
 .vscode/settings.json |  3 +++
 contact.html          | 60 +++++++++++++++++++++++++++++++++++++++++++
 css/trending.css      |  8 ++++--
 index.html            |  2 +-
 4 files changed, 70 insertions(+), 3 deletions(-)
 create mode 100644 .vscode/settings.json

diff --git a/.vscode/settings.json b/.vscode/settings.json
new file mode 100644
index 0000000..6f3a291
--- /dev/null
+++ b/.vscode/settings.json
@@ -0,0 +1,3 @@
+{
+    "liveServer.settings.port": 5501
+}
\ No newline at end of file
diff --git a/contact.html b/contact.html
index 9acff78..11ad3ae 100644
--- a/contact.html
+++ b/contact.html
@@ -12,6 +12,13 @@
     <link rel="stylesheet" href="css/styles.css">
     <link rel="stylesheet" href="css/contact.css">
     <link rel="stylesheet" href="css/allbtns.css">
+    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-uWxY/CJNBR+1zjPWmfnSnVxwRheevXITnMqoEIeG1LJrdI0GlVs/9cVSyPYXdcSF" crossorigin="anonymous">
+    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css"
+        integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous" />
+    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" />
+    <link rel="stylesheet"
+        href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-social/5.1.1/bootstrap-social.min.css" />
+    <link rel="stylesheet" href="css/arrivals.css">
     <title>Contact</title>
   </head>
 
@@ -102,6 +109,59 @@ <h1 class="contactform mb-10">CONTACT</h1>
 
   
     </div>
+
+
+    <footer id="contact" class="footer">
+      <div class="footerContent">
+          <div class="column2">
+              <h1>Heel2Toe</h1>
+              <a href="./index.html">Home</a>
+              <a href="./men.html">Men</a>
+              <a href="./women.html">Women</a>
+              <a href="./arrivals.html">New Arrivals</a>
+              <a href="./trending.html">Trending</a>
+              <a href="./best.html">Best Sellers</a>
+              <a href="./contact.html">Contact</a>
+          </div>
+          <div class="column1">
+              <div>
+                  <h5>Our Address</h5>
+                  No.12 Lorem ipsum, Doler amet<br />
+                  <i class="fa fa-phone fa-lg"></i>: +91 1234 5678<br />
+                  <i class="fa fa-fax fa-lg"></i>: +91 8765 4321<br />
+                  <i class="fa fa-envelope fa-lg"></i>:
+                  <a href="mailto:confusion@food.net">heel2toe@shoe.net</a>
+              </div>
+          </div>
+          <div class="contactLinks">
+              <div>
+                  <h3>Reach out to us😉</h3>
+                  <div class="contactIcons">
+                      <a class="btn btn-social-icon btn-github" href="https://github.com/saloni-15/Heel2Toe"><i
+                              class="fa fa-github"></i></a>
+                      <a class="btn btn-social-icon btn-pinterest" href="http://www.pinterest.com/in/"><i
+                              class="fa fa-pinterest"></i></a>
+                      <a class="btn btn-social-icon btn-facebook" href="http://www.facebook.com/"><i
+                              class="fa fa-facebook"></i></a>
+                      <a class="btn btn-social-icon btn-twitter" href="http://twitter.com/"><i
+                              class="fa fa-twitter"></i></a>
+                      <a class="btn btn-social-icon btn-instagram" href="http://www.instagram.com/"><i
+                              class="fa fa-instagram"></i></a>
+                  </div>
+              </div>
+
+          </div>
+
+
+      </div>
+      <div class="copy">
+          <p>© Copyright 2021 Heel2toe</p>
+
+      </div>
+
+  </footer>
+  <!-- footer ends from here  -->
+
     
 
     <script src="script.js"></script>
diff --git a/css/trending.css b/css/trending.css
index 4275401..6a3ef3e 100644
--- a/css/trending.css
+++ b/css/trending.css
@@ -4,7 +4,7 @@
   box-shadow: 0 0 7px 0px #333333c7;
   position: fixed;
   z-index: 1000;
- 
+  top: 0;
 }
 
 nav {
@@ -100,4 +100,8 @@ nav ul li a:hover{
 .card-title {
     font-weight: 600;
 }
-
+@media screen and (max-width: 780px) {
+    nav {
+        top: 0;
+        }
+}
diff --git a/index.html b/index.html
index 284f55f..e5aa546 100644
--- a/index.html
+++ b/index.html
@@ -218,7 +218,7 @@ <h5 class="card-title">
 
     <section class="best-seller">
         <div class="left-heading">
-            <h1>Checkout our Best Sellers....</h1>
+            <h1>Checkout <br> our Best Sellers....</h1>
             <button class="btn btn-dark btn-lg"><a href="./best.html">View Best Sellers</a></button>
         </div>
     </section>