Merge pull request #56 from pankaj-bind/pankaj-dev

dialer feature added
XceeDesigns · May 14, 2024 · 5df528d · 5df528d
2 parents 742412e + 38deced
commit 5df528d
Show file tree

Hide file tree

Showing 3 changed files with 26 additions and 2 deletions.
diff --git a/contact.html b/contact.html
@@ -260,7 +260,13 @@ <h3><span class="bold">EMAIL</span></h3>
                 </div>
                 <div class="cis-text">
                   <h3><span class="bold">CALL US</span></h3>
-                  <p>+91 95829 95138</p>
+                  <p onclick="redirectToDialer()" class="phone-number">+91 95829 95138</p>
+                  <script>
+                    function redirectToDialer() {
+                      var phoneNumber = "+919582995138"; // Change this to the desired phone number
+                      window.location.href = "tel:" + phoneNumber;
+                    }
+                  </script>
                 </div>
               </div>
             </div>

diff --git a/css/style.css b/css/style.css
@@ -10987,6 +10987,18 @@ ul#flickr-feeds li a, ul#flickr-sfeeds li a img {
   font-size: 13px;
 }
 .relative-important {position: relative !important;}
+
+.phone-number {
+  color: #4b4e53; /* Default color */
+  cursor: pointer;
+  transition: color 0.3s ease;
+}
+
+.phone-number:hover {
+  color: #97999c; /* Hover color */
+
+}
+
 /* @media (max-width: 767px) and (min-width: 480px){
   .container-2 {
 		width: 470px!important;

diff --git a/index.html b/index.html
@@ -605,7 +605,13 @@ <h3><span class="bold">EMAIL</span></h3>
             </div>
             <div class="cis-text">
               <h3><span class="bold">CALL US</span></h3>
-              <p>+91 95829 95138</p>
+              <p onclick="redirectToDialer()" class="phone-number">+91 95829 95138</p>
+                  <script>
+                    function redirectToDialer() {
+                      var phoneNumber = "+919582995138"; // Change this to the desired phone number
+                      window.location.href = "tel:" + phoneNumber;
+                    }
+                  </script>
             </div>
           </div>
         </div>