Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

click to open location feature added #67

Merged
merged 1 commit into from
May 14, 2024
Merged

click to open location feature added #67

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
8 changes: 7 additions & 1 deletion contact.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -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>
Expand Down
4 changes: 2 additions & 2 deletions css/style.css
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -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 */

}
Expand Down
44 changes: 25 additions & 19 deletions index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -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">
Expand Down Expand Up @@ -78,7 +78,7 @@
</div>

<div id="wrap" class="boxed ">
<div class="grey-bg">
<div class="grey-bg">


<div class="header-transporent-bg-black">
Expand Down Expand Up @@ -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...">
Expand Down Expand Up @@ -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>
Expand All @@ -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>
Expand Down Expand Up @@ -836,8 +842,8 @@ <h3><span class="bold">CALL US</span></h3>
});
</script>



</body>

</html>
</html>
Loading