Merge pull request #3097 from KapuluruBhuvaneswariVspdbct/main

Added a book preference quiz
anuragverma108 · Oct 8, 2024 · e220d47 · e220d47
2 parents 84e0b02 + cf4cf8a
commit e220d47
Show file tree

Hide file tree

Showing 6 changed files with 1,803 additions and 369 deletions.
diff --git a/assets/html/about.html b/assets/html/about.html
@@ -400,7 +400,12 @@
                     Community chat
                   </a>
                 </li>
-
+                <li>
+                  <a href="bookpref.html" class="navbar-link"
+                    style="font-family: sans-serif; color: black; margin-bottom: 5px;">
+                    Book Prefer Quiz
+                  </a>
+                </li>
                 <li class="dropdown-menu-item">
                   <a href="../html/pricing.html" onclick="lenis.scrollTo('#pricing')" class="navbar-link"
                     data-nav-link><i class="ri-price-tag-3-fill"></i> Pricing</a>
@@ -1008,52 +1013,8 @@ <h2>Quick Links</h2>
           </script>
 
 
-          <div class="icons">
-            <a href="https://www.discord.com/" target="_blank">
-             <div class="icon">
-               <i class="fab fa-discord" title="Discord" style="cursor: pointer;"></i>
-             </div>
-            </a>
-
-            <a href="https://www.linkedin.com/in/anurag-verma-b91417253/" target="_blank">
-              <div class="icon">
-                <i class="fab fa-linkedin" title="linkedin" style="cursor: pointer;"></i>
-              </div>
-            </a>
-
-            <a href="#" target="_blank">
-              <div class="icon">
-                <i class="fab fa-facebook" title="Facebook" style="cursor: pointer;"></i>
-              </div>
-            </a>
-
-            <a href="https://x.com/anuragverma_108" target="_blank">
-              <div class="icon">
-                <i class="fab fa-twitter" title="X" style="cursor: pointer;"></i>
-              </div>
-            </a>
-
-            <a href="#">
-              <div class="icon">
-                <i class="fab fa-instagram" title="Instagram" style="cursor: pointer;"></i>
-              </div>
-            </a>
-
-
-            <a href="https://www.youtube.com/@anuragbytes" target="_blank" title="YouTube">
-              <div class="icon">
-                <i class="fab fa-youtube" style="cursor: pointer;"></i>
-              </div>
-            </a>
-            <a href="">
-              <div class="icon">
-                <i class="fab fa-github" title="Github"></i>
-              </div>
-            </a>
-
-          </div>
-
-
+
+
           <div id="back-to-top-container" onclick="lenis.scrollTo('#home')" class="right">
             <div class="circle1">
               <svg id="back-to-top" xmlns="http://www.w3.org/2000/svg" width="30" height="30" fill="currentColor"
@@ -1063,13 +1024,101 @@ <h2>Quick Links</h2>
               </svg>
             </div>
           </div>
-
+           
         </div>
+
       </div>
 
+      <style>
+        body {
+            font-family: Arial, sans-serif;
+            margin: 0;
+            padding: 0;
+            background-color: #ffc0cb; /* Pink background */
+        }
 
+        #follow-heading {
+            font-size: 30px;
+            color: grey;
+            text-align: center;
+        }
+
+        .icons {
+            display: flex;
+            justify-content: center; /* Center the icons */
+            gap: 20px; /* Reduced gap between icons */
+            align-items: center;
+            width: 100%; /* Full page width */
+            padding: 20px 0;
+            background-color: transparent; /* Remove white background */
+        }
+
+        .icon {
+            font-size: 40px; /* Increased initial size of icons */
+            color: grey; /* Initial grey color */
+            transition: all 0.3s ease;
+        }
+
+        .icon i {
+            filter: grayscale(100%); /* Grayscale initially */
+            transition: all 0.3s ease;
+        }
 
+        .icon:hover i, .icon:focus i {
+            filter: grayscale(0%); /* Color on hover or focus */
+            transform: scale(1.25); /* Slight zoom effect on hover */
+        }
 
+        a {
+            text-decoration: none;
+            color: inherit; /* Ensure icon colors remain */
+        }
+    </style>
+    <div class="icons">
+
+       <h4 id="follow-heading">Follow Us :</h4>
+
+
+        <a href="https://www.linkedin.com/in/anurag-verma-b91417253/" target="_blank">
+            <div class="icon">
+                <i class="fab fa-linkedin" title="LinkedIn"></i>
+            </div>
+        </a>
+
+        <a href="#" target="_blank">
+            <div class="icon">
+                <i class="fab fa-facebook" title="Facebook"></i>
+            </div>
+        </a>
+        <a href="https://www.discord.com/" target="_blank">
+          <div class="icon">
+              <i class="fab fa-discord" title="Discord"></i>
+          </div>
+      </a>
+        <a href="https://x.com/anuragverma_108" target="_blank">
+            <div class="icon">
+                <i class="fab fa-twitter" title="X"></i>
+            </div>
+        </a>
+
+        <a href="#">
+            <div class="icon">
+                <i class="fab fa-instagram" title="Instagram"></i>
+            </div>
+        </a>
+
+        <a href="https://www.youtube.com/@anuragbytes" target="_blank">
+            <div class="icon">
+                <i class="fab fa-youtube" title="YouTube"></i>
+            </div>
+        </a>
+
+        <a href="#">
+            <div class="icon">
+                <i class="fab fa-github" title="Github"></i>
+            </div>
+        </a>
+    </div>
       <!-- adding privacy policy and copyright popup-->
       <div style="text-align: center; align-items: center;">
         <p style="text-align: center">