Improved the contact us details section

SurajPratap10 · Oct 3, 2024 · 763c110 · 763c110
1 parent f654a61
commit 763c110
Show file tree

Hide file tree

Showing 3 changed files with 34 additions and 6 deletions.
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -25,6 +25,7 @@
     "express": "^4.18.2",
     "express-session": "^1.17.3",
     "hbs": "^4.2.0",
+    "husky": "^9.1.6",
     "jsonwebtoken": "^9.0.2",
     "mongoose": "^8.5.3",
     "openai": "^4.58.0",

diff --git a/views/contactUs.ejs b/views/contactUs.ejs
@@ -58,6 +58,21 @@
         margin-top: 0 !important;
         width: 100% !important;
       }
+      .contact-box{
+        width: 50rem;
+        padding: 0rem 2rem;
+      }
+      .contact-box i{
+        margin-top: 10px;
+        font-size: 25px;
+      }
+      .context{
+        height: 5rem;
+        transition: all .38s ease;
+      }
+      .context:hover{
+        transform: scale(1.1);
+      }
 
       @media (min-width: 800px) {
         .input-title {
@@ -90,8 +105,7 @@
                   <div style="width: 100%;" class="context" id="slide">
                     <div class="cards">
                       <a href="">
-                        <img loading="lazy" class="contact-svg"
-                          src="https://workik-widget-assets.s3.amazonaws.com/widget-assets/images/ET21.jpg">
+                        <i class="fa-solid fa-phone"></i>
                       </a>
                       <p class="contact-text" id="slide">
                         +91-93047*****
@@ -101,8 +115,7 @@
                   <div style="width: 100%;" class="context" id="slide">
                     <div  class="cards">
                       <a href="">
-                        <img loading="lazy" class="contact-svg"
-                          src="https://workik-widget-assets.s3.amazonaws.com/widget-assets/images/ET22.jpg">
+                        <i class="fa-solid fa-envelope"></i>
                       </a>
                       <p class="contact-text" id="slide">
                         [email protected]
@@ -112,8 +125,7 @@
                   <div style="width: 100%;" class="context" id="slide">
                     <div class="cards">
                       <a href="">
-                        <img loading="lazy" class="contact-svg"
-                          src="https://workik-widget-assets.s3.amazonaws.com/widget-assets/images/ET23.jpg">
+                        <i class="fa-solid fa-location-dot"></i>
                       </a>
                       <p class="contact-text" id="slide">
                         Patna, Bihar, India