Cookie small screen visibility fix and margin left in footer

DhruvTyagi18 · Aug 7, 2024 · aaaa3af · aaaa3af
1 parent 47d18ea
commit aaaa3af
Show file tree

Hide file tree

Showing 3 changed files with 30 additions and 21 deletions.
diff --git a/assets/css/cookiepopup.css b/assets/css/cookiepopup.css
@@ -1,5  1,4 @@
 @keyframes fadeIn {
-
     from {
         opacity: 0;
         transform: translateY(10px);
@@ -8,11  7,9 @@
         opacity: 1;
         transform: translateY(0);
     }
-
 }
 
 @keyframes fadeOut {
-
     from {
         opacity: 1;
         transform: translateY(0);
@@ -21,11  18,9 @@
         opacity: 0;
         transform: translateY(10px);
     }
-
 }
 
 .cookie-consent {
-
     display: none;
     position: fixed; 
     bottom: 5px; 
@@ -44,40  39,35 @@
     animation: fadeIn 0.5s ease-out forwards;
 }
 
-
-
 .cookie-consent.show {
     display: block;
     animation: fadeIn 0.5s ease-out forwards; 
 }
 
-
 .cookie-consent.hide {
     animation: fadeOut 0.5s ease-in forwards;
 }
 
-h4 {
 .cookie-consent h4 {
     color: #175394;
 }
 
-
 .cookie-consent p {
     margin: 10px 0px;
     padding: 0;
     color: #686868;
 }
 
-
 .cookie-consent a {
     color: #0a70d5;
     text-decoration: underline;
     transition: all 0.3s ease;
 }
 
 .cookie-consent a:hover {
     color: #003169; 
 }
 
-
 .cookie-consent button {
     background-color: #0056b3; 
     border: none;
@@ -91,7  81,18 @@ h4 {
     margin-bottom: 5px;
 }
 
-
 .cookie-consent button:hover {
     background-color: #003169; 
-}
 }
 
 @media (max-width: 1400px) {
     .cookie-consent {
         position: fixed; 
         bottom: 0; 
         left: 0; 
         width: 100%; 
         height: auto; 
         box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.2);
         border-radius: 0;
     }
 }
diff --git a/assets/css/style.css b/assets/css/style.css
@@ -2250,6  2250,14 @@ p {
     padding: 0;
     padding-right: 50px;
   }
 
   .custom-margin{
     margin-left: 5px;
   }
 
   .custom-margin-big{
     margin-left: 20px;
   }
 }
 
 .link-wrapper .link {

diff --git a/index.html b/index.html
@@ -1649,7  1649,7 @@ <h2 class="subscribe-title">
         <div class="row" id="footer">
           <div class="col-lg-4 col-md-6 col-sm-8">
             <div class="footer-about mt-50 ml-45 wow fadeIn" data-wow-duration="1s" data-wow-delay="0.2s">
-              <p class="text">
               <p class="text custom-margin">
                 We at FinVeda aim to make you a stock market Guru easily with our AI-powered teaching and financial blogs.
               </p>
             </div>
@@ -1658,9  1658,9 @@ <h2 class="subscribe-title">
             <div class="footer-link d-flex mt-50 justify-content-md-between" style="justify-content: space-around !important;">
               <div class="link-wrapper wow fadeIn" data-wow-duration="1s" data-wow-delay="0.4s">
                 <div class="footer-title">
-                  <h3 class="title">Quick Links</h3>
                   <h3 class="title custom-margin">Quick Links</h3>
                 </div>
-                <ul class="link">
                 <ul class="link custom-margin">
                   <li><a href="./blogs/privacy-policy.html">Privacy Policy</a></li>
                   <li><a href="./blogs/refund-policy.html">Refund Policy</a></li>
                   <li><a href="Licensing.html">Licensing</a></li>
@@ -1670,9  1670,9 @@ <h3 class="title">Quick Links</h3>
               </div>
               <div class="link-wrapper wow fadeIn" data-wow-duration="1s" data-wow-delay="0.6s">
                 <div class="footer-title">
-                  <h4 class="title">Resources</h4>
                   <h4 class="title custom-margin">Resources</h4>
                 </div>
-                <ul class="link">
                 <ul class="link custom-margin">
                   <li><a href="./index.html">Home</a></li>
                   <li><a href="./about.html">About Us</a></li>
                   <li><a href="./trends.html">Trends</a></li>
@@ -1686,9  1686,9 @@ <h4 class="title">Resources</h4>
           <div class="col-lg-3 col-md-5 col-sm-5">
             <div class="footer-contact mt-50 wow fadeIn" data-wow-duration="1s" data-wow-delay="0.8s">
               <div class="footer-title">
-                <h4 class="title">Contact Us</h4>
                 <h4 class="title custom-margin">Contact Us</h4>
               </div>
-              <ul class="contact custom-margin" style="justify-content: space-around;">
               <ul class="contact custom-margin-big" style="justify-content: space-around;">
                 <li class="d-sm-flex justify-content-center">
                   <i class="fa fa-envelope d-sm-flex align-items-center white" style="font-size: 16px; width: 10%;"></i>
                   <p style="width: 80%;">