Merge pull request #425 from SyedImtiyaz-1/fixedFooter

Fixed footer Link {contact page}
codervivek5 · Jun 21, 2023 · aed20b8 · aed20b8
2 parents 9c83617 + 62843a2
commit aed20b8
Show file tree

Hide file tree

Showing 2 changed files with 16 additions and 43 deletions.
diff --git a/index.html b/index.html
@@ -55,21 +55,9 @@
 
     <div class="container">
         <div class="content">
-            <!-- <h1>Don't leave home <br>without
-                <span>VigyBag</span> -->
-                <div class="container">
-                    <h1><span class="auto-type" style="font-size: 80px;font-family:'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;"></a></span></h1>
-                  </div> 
-                  <script src="https://cdn.jsdelivr.net/npm/typed.js@2.0.12"></script>
-                  <script>
-                    var typed = new Typed(".auto-type", {
-                      strings: ["Don't leave home VigyBag."],
-                      typeSpeed: 50,
-                      backspeed: 50,
-                      loop: true
-                    })
-                  </script>
-            <!-- </h1> -->
+            <h1>Don't leave home <br>without
+                <span>VigyBag</span>
+            </h1>
             <h4>Say goodbye to the stress and hassle of shopping, and hello to the convenience and excitement of
                 VigyBag.
                 Get ready to shop smarter, not harder - <span id="down"><a href="#">Download VigyBag today!</span>

diff --git a/style/style.css b/style/style.css
@@ -49,6 +49,7 @@ button {
 
 .nav_link {
   list-style: none;
+  /* border: 2px solid rebeccapurple;   */
 }
 
 .nav_link li {
@@ -62,7 +63,8 @@ button {
 
 .nav_link li a:hover {
   color: #575a89;
-  text-decoration: none;
+
+  text-decoration: underline 2.5px #575a89;
 }
 
 .header_container button {
@@ -190,14 +192,13 @@ button {
 }
 
 .content {
-  margin-top: 45px;
   display: flex;
   flex-direction: column;
   padding: 40px 50px 0px 50px;
 }
 
 .content h1 {
-  font-size: 74px;
+  font-size: 80px;
   color: #d9d9d9;
 }
 
@@ -208,10 +209,9 @@ button {
 .content h4 {
   font-size: 20px;
   margin-top: 30px;
-  padding-right: 338px;
+  padding-right: 40px;
   line-height: 1.5;
   color: #d9d9d9;
-  text-align: justify;
 }
 
 .content h4 span {
@@ -233,24 +233,20 @@ button {
   margin-top: 10px;
   margin-bottom: 134px;
   align-items: center;
-  font-family: sans-serif;
-  font-family: 'Roboto', sans-serif;
 }
 
 .local input[type="search"] {
   padding: 25px 130px;
   border-radius: 40px;
-  font-family: 'Roboto', sans-serif;
+  font-family: sans-serif;
   border: none;
-  color: #42468a;
   background-color: #d9d9d9;
   text-align: center;
   font-size: 35px;
 }
 
 ::placeholder {
   color: #575a89;
-  font-family: 'Roboto', sans-serif;
 }
 
 ::-webkit-input-placeholder {
@@ -280,9 +276,9 @@ button {
 
 .Accessories-box {
   border-radius: 14px;
-  width: 150px;
+  width: 170px;
   height: 220px;
-  margin: 0 6em;
+  margin: 0 8em;
   align-items: center;
 }
 
@@ -468,17 +464,6 @@ button {
   flex-direction: row;
 }
 
-.item-card1 .item-card .item-image .fa-heart:hover{
-  color: rgb(193, 57, 57);
-}
-
-.item-description .fa-cart-shopping{
-  cursor: pointer;
-}
-.item-description .fa-cart-shopping:hover{
-  color: rgb(0, 0, 0);
-}
-
 .item-card {
   padding: 2rem;
   width: 100%;
@@ -677,7 +662,7 @@ button {
   background: #07081d;
   color: white;
   font-family: arial;
-
+  padding: 17px 0px;
 }
 
 .footer-container a {
@@ -701,10 +686,10 @@ button {
 
 .contact-info div {
   display: flex;
-  justify-content: flex-start;
+  justify-content: left;
   text-align: center;
   margin-bottom: 38px;
-  padding-left: 40px;
+  padding-left: 50px;
 }
 
 .contact-info img {
@@ -723,12 +708,12 @@ button {
 
 .quick-links-info div {
   text-align: center;
-  margin-bottom: 30px;
+  margin-bottom: 40px;
 }
 
 .social-div {
   display: flex;
-  justify-content: space-between;
+  justify-content: space-evenly;
   align-items: center;
   padding: 50px 60px 0px 60px;
 }