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

click to open location feature added
XceeDesigns · May 14, 2024 · cf81324 · cf81324
2 parents cc3cfcc + beee919
commit cf81324
Show file tree

Hide file tree

Showing 3 changed files with 34 additions and 22 deletions.
diff --git a/contact.html b/contact.html
@@ -238,7 +238,13 @@ <h2 class="section-title">CONTACT <span class="bold">US</span></h2>
                 </div>
                 <div class="cis-text">
                   <h3><span class="bold">ADDRESS</span></h3>
-                  <p>Ghaziabad, India</p>
+                  <p onclick="redirectToGoogleMaps()" class="location">Ghaziabad, India</p>
+                  <script>
+                    function redirectToGoogleMaps() {
+                      var googleMapsUrl = "https://www.google.com/maps/place/Shastri+Nagar,+Ghaziabad,+Uttar+Pradesh/@28.67044,77.474447,14z/data=!4m6!3m5!1s0x390cf1f4ad5b59eb:0xd0e6b38805a9310b!8m2!3d28.6729014!4d77.4749378!16s%2Fg%2F1tf7kyhy?hl=en&entry=ttu";
+                      window.open(googleMapsUrl, "_blank");
+                    }
+                  </script>
                 </div>
               </div>
             </div>

diff --git a/css/style.css b/css/style.css
@@ -10988,13 +10988,13 @@ ul#flickr-feeds li a, ul#flickr-sfeeds li a img {
 }
 .relative-important {position: relative !important;}
 
-.phone-number {
+.phone-number, .location {
   color: #4b4e53; /* Default color */
   cursor: pointer;
   transition: color 0.3s ease;
 }
 
-.phone-number:hover {
+.phone-number:hover, .location:hover {
   color: #97999c; /* Hover color */
 
 }

diff --git a/index.html b/index.html
@@ -8,30 +8,30 @@
   <title>XceeDesigns LLC</title>
   <meta content="width=device-width, initial-scale=1.0" name="viewport">
   <meta
-      content="xceeDesigns,Software company, development, web development, frontend development, backend development, programming, Java, JavaScript, ReactJS, HTML, CSS, portfolio"
-      name="keywords">
+    content="xceeDesigns,Software company, development, web development, frontend development, backend development, programming, Java, JavaScript, ReactJS, HTML, CSS, portfolio"
+    name="keywords">
   <meta
-      content="Xceedesigns: Where creativity meets functionality. Explore our digital haven for innovative design solutions and elevate your online presence today"
-      name="description">
+    content="Xceedesigns: Where creativity meets functionality. Explore our digital haven for innovative design solutions and elevate your online presence today"
+    name="description">
 
 
   <meta property="og:title" content="Home - XceeDesigns">
   <meta property="og:description"
-      content="Xceedesigns: Where creativity meets functionality. Explore our digital haven for innovative design solutions and elevate your online presence today">
+    content="Xceedesigns: Where creativity meets functionality. Explore our digital haven for innovative design solutions and elevate your online presence today">
   <meta property="og:image" content="https://www.xceedesigns.com/logo.png">
   <meta property="og:url" content="https://www.xceedesigns.com/logo.png">
   <meta property="og:type" content="website">
 
   <meta name="twitter:card" content="summary_large_image">
   <meta name="twitter:title" content="Home - XceeDesigns">
   <meta name="twitter:description"
-      content="Xceedesigns: Where creativity meets functionality. Explore our digital haven for innovative design solutions and elevate your online presence today">
+    content="Xceedesigns: Where creativity meets functionality. Explore our digital haven for innovative design solutions and elevate your online presence today">
   <meta name="twitter:image" content="https://www.xceedesigns.com/">
   <meta name="twitter:url" content="https://www.xceedesigns.com/">
   <meta name="robots" content="index, follow">
   <meta name="msvalidate.01" content="E29BA4EBABA604B28DF58A8094627074" />
-  <meta name="google-site-verification" content="0aNZP9sN22hbHo2_YDXcJpae1re64vQmxtKr7pLFTzs" />  
-  
+  <meta name="google-site-verification" content="0aNZP9sN22hbHo2_YDXcJpae1re64vQmxtKr7pLFTzs" />
+
 
   <link rel="canonical" href="https://www.xceedesigns.com/">
   <link href="images/favicons/apple-icon-72x72.png" rel="icon">
@@ -78,7 +78,7 @@
   </div>
 
   <div id="wrap" class="boxed ">
-    <div class="grey-bg"> 
+    <div class="grey-bg">
 
 
       <div class="header-transporent-bg-black">
@@ -146,7 +146,7 @@
 
             <ul class="cd-header-buttons">
               <li><a class="cd-search-trigger" href="#cd-search"><span></span></a></li>
-            </ul> 
+            </ul>
             <div id="cd-search" class="cd-search">
               <form class="form-search" id="searchForm">
                 <input type="text" value="" name="q" id="q" placeholder="Search...">
@@ -583,7 +583,13 @@ <h3><span class="bold">LAUNCH</span></h3>
             </div>
             <div class="cis-text">
               <h3><span class="bold">ADDRESS</span></h3>
-              <p>Ghaziabad, India</p>
+              <p onclick="redirectToGoogleMaps()" class="location">Ghaziabad, India</p>
+              <script>
+                function redirectToGoogleMaps() {
+                  var googleMapsUrl = "https://www.google.com/maps/place/Shastri+Nagar,+Ghaziabad,+Uttar+Pradesh/@28.67044,77.474447,14z/data=!4m6!3m5!1s0x390cf1f4ad5b59eb:0xd0e6b38805a9310b!8m2!3d28.6729014!4d77.4749378!16s%2Fg%2F1tf7kyhy?hl=en&entry=ttu";
+                  window.open(googleMapsUrl, "_blank");
+                }
+              </script>
             </div>
           </div>
         </div>
@@ -606,12 +612,12 @@ <h3><span class="bold">EMAIL</span></h3>
             <div class="cis-text">
               <h3><span class="bold">CALL US</span></h3>
               <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>
+              <script>
+                function redirectToDialer() {
+                  var phoneNumber = "+919582995138"; // Change this to the desired phone number
+                  window.location.href = "tel:" + phoneNumber;
+                }
+              </script>
             </div>
           </div>
         </div>
@@ -836,8 +842,8 @@ <h3><span class="bold">CALL US</span></h3>
     });
   </script>
 
-  
+
 
 </body>
 
-</html>
+</html>