55ok
Mini
<!doctype html>
<html lang="en">
<!-- Mirrored from AnantaRealtors .com/ by HTTrack Website Copier/3.x [XR&CO'2014], Sat, 31 May 2025 09:27:46 GMT -->
<!-- Added by HTTrack --><meta http-equiv="content-type" content="text/html;charset=UTF-8" /><!-- /Added by HTTrack -->
<head>
<base >
<meta name="robots" content="index,follow">
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<title>Ananta Realtors</title>
<link rel="shortcut icon" href="assets/Ananta-logo.png" />
<link href="../cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Roboto:300,400,500,700&display=swap" rel="stylesheet">
<link href="../cdnjs.cloudflare.com/ajax/libs/mdb-ui-kit/8.1.0/mdb.min.css" rel="stylesheet">
<link href="../cdn.jsdelivr.net/npm/bootstrap%405.3.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-T3c6CoIi6uLrA9TneNEoa7RxnatzjcDSCmG1MXxSR1GAsXEV/Dwwykc2MPK8M2HN" crossorigin="anonymous">
<link href="assets/css/style.css" rel="stylesheet">
<link href="assets/css/advance.css" rel="stylesheet">
<link rel="stylesheet" type="text/css" href="../cdn.jsdelivr.net/npm/slick-carousel/slick/slick.css"/>
<link rel="stylesheet" type="text/css" href="../cdn.jsdelivr.net/npm/slick-carousel/slick/slick-theme.css"/>
<script src="../code.jquery.com/jquery-3.6.0.min.js"></script>
<script src="../cdn.jsdelivr.net/npm/slick-carousel/slick/slick.min.js"></script>
<style>
.top-bar {
text-transform: uppercase;
font-size: 14px;
cursor: pointer;
}
.navbar-brand img {
height: 50px;
width: auto;
}
.dropdown-submenu {
position: relative;
}
.dropdown-submenu .dropdown-menu {
position: absolute;
left: 100%;
top: 0;
margin-top: -1px;
display: none;
}
.dropdown-submenu:hover > .dropdown-menu {
display: block;
}
/* Mobile fix: Expand submenu on click */
@media (max-width: 992px) {
.dropdown-submenu .dropdown-menu {
position: static;
display: none;
margin-left: 10px;
}
.dropdown-submenu.show .dropdown-menu {
display: block;
}
/* Style for toggle icon */
.dropdown-toggle-icon {
display: inline-block;
float: right;
padding: 10px;
cursor: pointer;
}
}
@keyframes blinkText {
0% { color: #f4c189; }
50% { color: #000000; }
100% { color: #f4c189; }
}
.blink-text {
animation: blinkText 1s infinite;
}
a {
text-decoration: none;
color: rgb(13 110 253);
}
</style>
</head>
<body>
<link href="https://fonts.googleapis.com/css2?family=Dancing+Script&display=swap" rel="stylesheet">
<link href="../cdn.jsdelivr.net/npm/bootstrap-icons%401.10.5/font/bootstrap-icons.css" rel="stylesheet">
<link rel="stylesheet" href="../cdn.jsdelivr.net/npm/swiper%4011/swiper-bundle.min.css">
<style>
a {
text-decoration: none;
color: inherit;
}
.modal-content {
background: rgba(0, 0, 0, 0.8);
border-radius: 0;
color: #fff;
height: 100vh;
display: flex;
justify-content: center;
align-items: center;
border: none;
}
/* Remove modal border and shadow */
.modal-dialog {
max-width: 100%;
margin: 0;
}
/* Close button styling */
.btn-close {
filter: invert(1);
}
/* Custom input styles */
.custom-input {
background-color: transparent;
border: none;
border-bottom: 2px solid #fff;
border-radius: 0;
color: #fff;
width: 100%;
padding: 8px 0;
}
.custom-input:focus {
outline: none;
box-shadow: none;
border-bottom: 2px solid #ddd;
}
.custom-input::placeholder {
color: #ccc;
}
/* Spacing for inputs */
.form-group {
margin-bottom: 15px;
}
.navbar {
position: fixed;
top: 0;
left: 0;
width: 100%;
z-index: 1000;
background: rgba(0, 0, 0, 0.5);
}
</style>
<header>
<nav style="background-color: #111;" class="navbar navbar-expand-lg navbar-dark">
<div class="container">
<a class="navbar-brand" href="index.html">
<img style="height: 80px;" src="assets/Ananta-logo.png" alt="Ananta Realtors - Top Real Estate Consultants in India" width="100%" height="50">
</a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav">
<span class="navbar-toggler-icon" style="background-image: url('assets/download.svg');"></span>
</button>
<div class="collapse navbar-collapse" id="navbarNav">
<ul class="navbar-nav ms-auto">
<li class="nav-item"><a class="nav-link" href="index.html">HOME</a></li>
<li class="nav-item dropdown" data-bs-auto-close="outside">
<a class="nav-link dropdown-toggle text-white" href="#" id="newsroomDropdown" role="button" data-bs-toggle="dropdown">
ABOUT US
</a>
<ul class="dropdown-menu">
<li><a class="dropdown-item" href="about-us.html">Our Story</a></li>
<!-- <li><a class="dropdown-item" href="our-management-team.html">Leadership</a></li> -->
<!-- <li><a class="dropdown-item" href="events.html">Events</a></li> -->
<!-- <li><a class="dropdown-item" href="awards-and-recognition.html">Awards and Recognition</a></li> -->
<!-- <li><a class="dropdown-item" href="corporate-social-responsibilty.html">Corporate Social Responsibility</a></li> -->
</ul>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" id="servicesDropdown" role="button" data-bs-toggle="dropdown">
PROPERTIES
</a>
<ul class="dropdown-menu" aria-labelledby="servicesDropdown">
<li class="dropdown-submenu">
<a class="dropdown-item dropdown-toggle" href="category/commercial.html">
Commercial </a>
<ul class="dropdown-menu">
<li>
<a class="dropdown-item" href="commercial-properties-gurgaon.html">
Gurgaon </a>
</a>
</li>
<!-- <li>
<a class="dropdown-item" href="commercial-properties-delhi.html">
Delhi </a>
</a>
</li>
-->
</ul>
</li>
<li class="dropdown-submenu">
<a class="dropdown-item dropdown-toggle" href="category/residential.html">
Residential </a>
<ul class="dropdown-menu">
<li>
<a class="dropdown-item" href="residential-properties-gurgaon.html">
Gurgaon </a>
</a>
</li>
<!-- <li>
<a class="dropdown-item" href="residential-properties-mumbai.html">
Mumbai </a>
</a>
</li> -->
<!-- <li>
<a class="dropdown-item" href="residential-properties-delhi.html">
Delhi </a>
</a>
</li>
-->
</ul>
</li>
<li class="dropdown-submenu">
<a class="dropdown-item dropdown-toggle" href="category/scoplots.html">
SCO Plots </a>
<ul class="dropdown-menu">
<li>
<a class="dropdown-item" href="sco-plots-in-gurgaon.html">
Gurgaon </a>
</a>
</li>
</ul>
</li>
</ul>
</li>
<li class="nav-item dropdown" data-bs-auto-close="outside">
<a class="nav-link dropdown-toggle text-white" href="#" id="newsroomDropdown" role="button" data-bs-toggle="dropdown">
INSIGHTS
</a>
<ul class="dropdown-menu">
<li><a class="dropdown-item" href="blogs.html">Blogs</a></li>
<li><a class="dropdown-item" href="pr-and-news.html">PR & Media</a></li>
<!-- <li><a class="dropdown-item" href="real-estate-news.html">News & Updates</a></li> -->
</ul>
</li>
<!-- <li class="nav-item"><a class="nav-link" href="https://rnrbyAnantainfra.com/" target="_blank" >RESEARCH & REPORTS</a></li> -->
<!-- <li class="nav-item"><a class="nav-link" href="nri-corner.html">NRI CORNER</a></li> -->
<!-- <li class="nav-item"><a class="nav-link" href="career.html">CAREERS</a></li> -->
<li class="nav-item"><a class="nav-link" href="contact-us.html">CONTACT</a></li>
</ul>
</div>
</div>
</nav>
</header>
<!-- Full-Screen Transparent Modal -->
<div class="modal fade" id="contactModal" tabindex="-1" aria-labelledby="contactModalLabel" aria-hidden="true">
<div class="modal-dialog modal-lg">
<div class="modal-content">
<div class="modal-header border-0">
<h5 class="modal-title" id="contactModalLabel"></h5>
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
</div>
<div class="modal-body">
<form action="https://riseinfraventures.com/contact-process" method="POST">
<div class="row" style="margin-top: 70px;">
<div class="col-md-6">
<div class="form-group">
<label >Name*</label>
<input type="text" class="custom-input" name="fname" id="fname" required style="width: 100%; padding: 12px; font-size: 18px;">
<input type="hidden" name="first_form" value="send contact">
</div>
<div class="form-group">
<label>Email*</label>
<input type="email" class="custom-input" name="email" id="email" required style="width: 100%; padding: 12px; font-size: 18px;">
</div>
</div>
<div class="col-md-6">
<div class="form-group">
<label>Mobile No*</label>
<input type="tel" class="custom-input" name="phone" id="phone" required style="width: 100%; padding: 12px; font-size: 18px;" oninput="this.value = this.value.replace(/\D/g, '')">
</div>
<div class="form-group">
<label>Messages*</label>
<input type="text" class="custom-input" name="message" id="message" required style="width: 100%; padding: 12px; font-size: 18px;">
</div>
</div>
</div>
<div class="text-center mt-3">
<button type="submit" name="submit" class="btn btn-light">Submit</button>
</div>
</form>
</div>
</div>
</div>
</div>
<div class="news-section">
<div class="overlay"></div>
<div class="news-content">
<h1><b>SCO PLOTS IN GURGAON</b></h1>
</div>
</div>
<section class="py-4 bg-white">
<div class="container-fluid">
<!--<p>Investing in commercial properties in Gurgaon offers a unique opportunity to tap into one of India's fastest-growing business hubs with exceptional returns. With Rise Infraventures best-selling properties, Gurgaon is attracting businesses to invest in them.-->
<!-- </p>-->
<div class="row g-4">
<div class="col-md-4">
<div class="card property-card position-relative">
<a href="property-detail/emaar-ebd-114-nxt.html" class="stretched-link"></a>
<span class="on-request"> GGM/691/423/2023/35 </span>
<div class="overflow-hidden">
<img src="media/product/716619752_emaar-ebd-114-nxt.webp" class="card-img-top" alt="emaar-ebd-114-nxt">
</div>
<div class="property-details row">
<h5 class="card-title" style="color: black;">
Emaar EBD 114 NXT..</h5>
<div class="col-md-6">
<p>
<i class="fa fa-map-marker-alt" style="color: black;"></i> Sector 114 Gurgaon </p>
<p>
<i class="fa fa-expand" style="color: black;"></i> On Request </p>
</div>
<div class="col-md-6">
<p><i class="fa fa-calendar-alt" style="color: black;"></i> Under Construction</p>
<p><i class="fa fa-th-large" style="color: black;"></i> SCO Plots</p>
</div>
<div class="price">
<span>Starting Price</span>
<h5 class="fw-bold">On Request</h5>
</div>
</div>
</div>
</div>
<div class="col-md-4">
<div class="card property-card position-relative">
<a href="property-detail/emaar-ebd-114-sector-114-gurgaon.html" class="stretched-link"></a>
<span class="on-request"> GGM/451/183/2021/19 </span>
<div class="overflow-hidden">
<img src="media/product/799054116_emaar-ebd-114-bannar.webp" class="card-img-top" alt="emaar-ebd-114">
</div>
<div class="property-details row">
<h5 class="card-title" style="color: black;">
Emaar EBD 114..</h5>
<div class="col-md-6">
<p>
<i class="fa fa-map-marker-alt" style="color: black;"></i> Sector 114 Gurgaon </p>
<p>
<i class="fa fa-expand" style="color: black;"></i> On Request </p>
</div>
<div class="col-md-6">
<p><i class="fa fa-calendar-alt" style="color: black;"></i> Under Construction</p>
<p><i class="fa fa-th-large" style="color: black;"></i> SCO Plots</p>
</div>
<div class="price">
<span>Starting Price</span>
<h5 class="fw-bold">On Request</h5>
</div>
</div>
</div>
</div>
<div class="col-md-4">
<div class="card property-card position-relative">
<a href="property-detail/reach-buzz-114-sco-plots.html" class="stretched-link"></a>
<span class="on-request"> GGM/864/596/2024/91 </span>
<div class="overflow-hidden">
<img src="media/product/729485352_Reach-Buzz-114.webp" class="card-img-top" alt="reach-buzz-114-sco-plots">
</div>
<div class="property-details row">
<h5 class="card-title" style="color: black;">
Reach Buzz 114 SCO Plots..</h5>
<div class="col-md-6">
<p>
<i class="fa fa-map-marker-alt" style="color: black;"></i> Sector 114 Gurgaon </p>
<p>
<i class="fa fa-expand" style="color: black;"></i> On Request </p>
</div>
<div class="col-md-6">
<p><i class="fa fa-calendar-alt" style="color: black;"></i> New Launch</p>
<p><i class="fa fa-th-large" style="color: black;"></i> Shop Cum Office</p>
</div>
<div class="price">
<span>Starting Price</span>
<h5 class="fw-bold">On Request</h5>
</div>
</div>
</div>
</div>
<div class="col-md-4">
<div class="card property-card position-relative">
<a href="property-detail/emaar-ebd-99.html" class="stretched-link"></a>
<span class="on-request"> GGM/525/257/2021/93 </span>
<div class="overflow-hidden">
<img src="media/product/182646762_emaar-ebd-99.webp" class="card-img-top" alt="emaar-ebd-99">
</div>
<div class="property-details row">
<h5 class="card-title" style="color: black;">
Emaar EBD 99..</h5>
<div class="col-md-6">
<p>
<i class="fa fa-map-marker-alt" style="color: black;"></i> Sector 99 Gurgaon </p>
<p>
<i class="fa fa-expand" style="color: black;"></i> On Request </p>
</div>
<div class="col-md-6">
<p><i class="fa fa-calendar-alt" style="color: black;"></i> Under Construction</p>
<p><i class="fa fa-th-large" style="color: black;"></i> Shop Cum Office</p>
</div>
<div class="price">
<span>Starting Price</span>
<h5 class="fw-bold">On Request</h5>
</div>
</div>
</div>
</div>
<div class="col-md-4">
<div class="card property-card position-relative">
<a href="property-detail/emaar-business-district-ebd-83-sco-plots-gurgaon.html" class="stretched-link"></a>
<span class="on-request"> GGM/777/509/2024/04 </span>
<div class="overflow-hidden">
<img src="media/product/114033784_emaar-ebd-83-bannar.webp" class="card-img-top" alt="emaar-ebd-83">
</div>
<div class="property-details row">
<h5 class="card-title" style="color: black;">
Emaar EBD 83..</h5>
<div class="col-md-6">
<p>
<i class="fa fa-map-marker-alt" style="color: black;"></i> Sector 83 Gurgaon </p>
<p>
<i class="fa fa-expand" style="color: black;"></i> On Request </p>
</div>
<div class="col-md-6">
<p><i class="fa fa-calendar-alt" style="color: black;"></i> Under Construction</p>
<p><i class="fa fa-th-large" style="color: black;"></i> SCO Plots</p>
</div>
<div class="price">
<span>Starting Price</span>
<h5 class="fw-bold">On Request</h5>
</div>
</div>
</div>
</div>
<div class="col-md-4">
<div class="card property-card position-relative">
<a href="property-detail/pyramid-grand-vista.html" class="stretched-link"></a>
<span class="on-request"> GGM/560/292/2022/35 </span>
<div class="overflow-hidden">
<img src="media/product/pyramid2.jpg" class="card-img-top" alt="pyramid-grand-vista-sector-73-gurgaon">
</div>
<div class="property-details row">
<h5 class="card-title" style="color: black;">
Pyramid Grand Vista..</h5>
<div class="col-md-6">
<p>
<i class="fa fa-map-marker-alt" style="color: black;"></i> Sector 73 Gurgaon </p>
<p>
<i class="fa fa-expand" style="color: black;"></i> On Request </p>
</div>
<div class="col-md-6">
<p><i class="fa fa-calendar-alt" style="color: black;"></i> Under Construction</p>
<p><i class="fa fa-th-large" style="color: black;"></i> SCO Plots</p>
</div>
<div class="price">
<span>Starting Price</span>
<h5 class="fw-bold">On Request</h5>
</div>
</div>
</div>
</div>
<div class="col-md-4">
<div class="card property-card position-relative">
<a href="property-detail/emaar-ebd-75a-sco-plots.html" class="stretched-link"></a>
<span class="on-request"> GGM/690/422/2023/34 </span>
<div class="overflow-hidden">
<img src="media/product/183268090_emaar-ebd-75-bannar.webp" class="card-img-top" alt="emaar-ebd-75a">
</div>
<div class="property-details row">
<h5 class="card-title" style="color: black;">
Emaar EBD 75A..</h5>
<div class="col-md-6">
<p>
<i class="fa fa-map-marker-alt" style="color: black;"></i> Sector 75A Gurgaon </p>
<p>
<i class="fa fa-expand" style="color: black;"></i> On Request </p>
</div>
<div class="col-md-6">
<p><i class="fa fa-calendar-alt" style="color: black;"></i> Under Construction</p>
<p><i class="fa fa-th-large" style="color: black;"></i> SCO Plots</p>
</div>
<div class="price">
<span>Starting Price</span>
<h5 class="fw-bold">On Request</h5>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<div class="popup-container" id="popupContainernew">
<div class="popup">
<span class="close" onclick="closePopupnew()">×</span>
<h2>Connect With Us</h2>
<form action="https://riseinfraventures.com/send_process" method="POST">
<label>Name</label>
<input type="text" name="fname" id="fname" placeholder="Your name" required>
<input type="hidden" name="first_form" value="send contect">
<label>Email</label>
<input type="email" name="email" id="email" placeholder="Enter Your Email" required>
<label>Phone</label>
<input type="tel" name="phone" id="phone" placeholder="Enter Phone Number" oninput="this.value = this.value.replace(/\D/g, '')" required>
<label>Message</label>
<textarea placeholder="Description about it" name="message" id="message" ></textarea>
<input type="hidden" name="project" id="project" value="Quick Inquiry with Mobile">
<div class="form-block">
<div class="checkbox-container">
<input type="checkbox" class="terms-checkbox" id="terms1">
<label for="terms1"> I accept the <a href="terms-of-use.html" style="color: Blue">Terms & Conditions</a>
</label>
</div>
<div class="form-footer">
<button class="submit-btn" disabled>Submit</button>
</div>
</div>
</form>
</div>
</div>
<div class="bottom-bar d-flex text-white text-center">
<div class="bar-item">
<a href="tel:9818069551" class="bar-link">
<i class="bi bi-telephone-fill"></i> <span>Call</span>
</a>
</div>
<div class="bar-item">
<a onclick="showPopupnew()" class="bar-link">
<i class="bi bi-envelope-fill"></i> <span>Enquire</span>
</a>
</div>
<div class="bar-item">
<a href="https://api.whatsapp.com/send?phone=919818069551&text=Hello%20Team%20Ananta%20Realtors %20,%20I%20am%20interested%20in%20one%20of%20the%20projects%20listed%20on%20your%20website.%20Could%20you%20please%20connect%20with%20me?" class="bar-link">
<i class="bi bi-whatsapp"></i> <span>WhatsApp</span>
</a>
</div>
</div>
<footer class="bg-black text-white py-2">
<div class="container-fluid py-md-4 px-md-5 px-3">
<div class="row">
<!-- Left Section with logo and contact -->
<div class="col-md-6" style="margin-bottom: 20px;">
<img style="height: 90px;" src="assets/Ananta-logo.png" alt="Ananta Realtors - Top International Property Consultants in India" class="mb-3">
<div class="d-flex gap-3 mb-3">
<a href="https://www.facebook.com/share/16fMuKjpKd/" target="_blank" class="me-2">
<i class="bi bi-facebook text-white"></i>
</a>
<a href="https://www.instagram.com/ananta_realtors?igsh=MWYxMWwwNmR3MWYwMw==" target="_blank" class="me-2">
<i class="bi bi-instagram text-white"></i>
</a>
<a href="https://www.linkedin.com/in/rohit-kaushik-18268a2b8/" target="_blank" class="me-2">
<i class="bi bi-linkedin text-white"></i>
</a>
</div>
<p>Stay informed with the latest trends & insights</p>
<form class="d-flex flex-wrap gap-1 mb-3" role="form">
<input type="email" class="form-control" id="email" placeholder="Email address" required style="max-width: 230px;">
<button type="submit" class="btn btn-gradient btn-no-uppercase">Subscribe</button>
</form>
<p><i class="bi bi-geo-alt-fill me-2 text-white"></i>Unit No. 410, 4th Floor, JMD The Suburbio - Sec-67, Sohna Road, Gurugram</p>
<p><i class="bi bi-telephone-fill me-2 text-white"></i>+91 98180 69551</p>
<p><i class="bi bi-envelope-fill me-2 text-white"></i>rohitkari597@gmail.com</p>
</div>
<!-- Right Responsive Map -->
<div class="col-md-6" style="margin-bottom: 20px;">
<div style="width: 100%; height: 100%; min-height: 250px;">
<iframe src="https://www.google.com/maps/embed?pb=!1m17!1m12!1m3!1d3510.1857487166667!2d77.05263137549173!3d28.383457175801695!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m2!1m1!2zMjjCsDIzJzAwLjUiTiA3N8KwMDMnMTguNyJF!5e0!3m2!1sen!2sin!4v1748932411624!5m2!1sen!2sin" width="100%" height="100%" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
</div>
</div>
<!-- About Us Column -->
<div class="col-md-2 mb-4">
<h6 class="fw-bold">About Us</h6>
<ul class="list-unstyled">
<li class="mb-2"><a href="about-us.html" class="text-white text-decoration-none">Our Story</a></li>
<li class="mb-2"><a href="contact-us.html" class="text-white text-decoration-none">Contact Us</a></li>
</ul>
</div>
<!-- Services Column -->
<div class="col-md-2 mb-4">
<h6 class="fw-bold">Services</h6>
<ul class="list-unstyled">
<li class="mb-2"><a href="category/residential.html" class="text-white text-decoration-none">Residential</a></li>
<li class="mb-2"><a href="category/commercial.html" class="text-white text-decoration-none">Commercial</a></li>
<li class="mb-2"><a href="category/scoplots.html" class="text-white text-decoration-none">SCO Plots</a></li>
</ul>
</div>
<!-- Insights Column -->
<div class="col-md-2 mb-4">
<h6 class="fw-bold">Insights</h6>
<ul class="list-unstyled">
<li class="mb-2"><a href="blogs.html" class="text-white text-decoration-none">Blogs</a></li>
</ul>
<ul class="list-unstyled">
<li class="mb-2"><a href="pr-and-news.html" class="text-white text-decoration-none">PR & Media</a></li>
</ul>
</div>
</div>
<div class="text-center pt-4 mt-2">
<p>
© 2025 <a href="https://bestdigisolutions.com/">Best Digi Solutions</a> . All Rights Reserved.
| <a href="privacy-policy.html" class="text-white">Privacy Policy</a>
| <a href="terms-of-use.html" class="text-white">Terms of Use</a>
</p>
</div>
</div>
</footer>
<!-- WhatsApp Floating Button -->
<div style="position: fixed; bottom: 20px; right: 20px; z-index: 9999;">
<a href="https://wa.me/919818069551?text=I'm%20interested%20in%20your%20properties" target="_blank" style="display: inline-block; position: relative; text-decoration: none;">
<!-- Pulse Effect -->
<span style="
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 70px;
height: 70px;
background-color: #25d366;
border-radius: 50%;
animation: pulse 2s infinite;
z-index: 1;
opacity: 0.6;
"></span>
<!-- WhatsApp Image -->
<img src="https://cdn-icons-png.flaticon.com/512/124/124034.png" alt="Chat on WhatsApp" style="
width: 55px;
height: 55px;
border-radius: 50%;
z-index: 2;
position: relative;
border: 2px solid white;
" />
</a>
</div>
<!-- Inline CSS Animation -->
<style>
@keyframes pulse {
0% {
transform: translate(-50%, -50%) scale(0.9);
opacity: 0.7;
}
50% {
transform: translate(-50%, -50%) scale(1.1);
opacity: 0.4;
}
100% {
transform: translate(-50%, -50%) scale(0.9);
opacity: 0.7;
}
}
</style>
<!-- Call Floating Button -->
<div id="callPopupWrapper" style="position: fixed; bottom: 100px; right: 20px; z-index: 9999;">
<a href="tel:+919818069551" id="callButton" style="display: inline-block; position: relative; text-decoration: none;">
<!-- Blue Pulse Ring -->
<span id="callPulseRing" style="
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 75px;
height: 75px;
background-color: #007bff;
border-radius: 50%;
animation: callPulse 1.8s infinite;
z-index: 1;
opacity: 0.5;
"></span>
<!-- White Phone Icon in Blue Circle -->
<div style="
width: 55px;
height: 55px;
border-radius: 50%;
background-color: #007bff;
display: flex;
align-items: center;
justify-content: center;
z-index: 2;
position: relative;
border: 2px solid white;
">
<svg xmlns="http://www.w3.org/2000/svg" width="28" height="28" fill="white" viewBox="0 0 16 16">
<path d="M3.654 1.328a.678.678 0 0 0-1.015-.063L1.605 2.3c-.483.484-.661 1.169-.448 1.77a17.568 17.568 0 0 0 4.168 6.608 17.569 17.569 0 0 0 6.608 4.168c.601.213 1.286.035 1.77-.448l1.036-1.036a.678.678 0 0 0-.063-1.015l-2.261-1.81a.678.678 0 0 0-.58-.123l-2.112.527a12.12 12.12 0 0 1-5.183-5.183l.527-2.112a.678.678 0 0 0-.123-.58L3.654 1.328z"/>
</svg>
</div>
</a>
</div>
<!-- Inline CSS for Blue Pulse -->
<style>
@keyframes callPulse {
0% {
transform: translate(-50%, -50%) scale(1);
opacity: 0.5;
}
50% {
transform: translate(-50%, -50%) scale(1.3);
opacity: 0.2;
}
100% {
transform: translate(-50%, -50%) scale(1);
opacity: 0.5;
}
}
</style>
<script src="../cdn.jsdelivr.net/npm/%40popperjs/core%402.11.8/dist/umd/popper.min.js" integrity="sha384-I7E8VVD/ismYTF4hNIPjVp/Zjvgyol6VFvRkX/vR+Vc4jQkC+hVqc2pM8ODewa9r" crossorigin="anonymous"></script>
<script src="../cdn.jsdelivr.net/npm/bootstrap%405.3.2/dist/js/bootstrap.min.js" integrity="sha384-BBtl+eGJRgqQAUMxJ7pMwbEyER4l1g+O15P+16Ep7Q9Q+zqX6gSbd85u4mG4QzX+" crossorigin="anonymous"></script> <script src="../cdnjs.cloudflare.com/ajax/libs/mdb-ui-kit/8.1.0/mdb.min.html"></script>
<script type="text/javascript" src="../cdnjs.cloudflare.com/ajax/libs/mdb-ui-kit/8.1.0/mdb.umd.min.js"></script>
<script>
document.addEventListener("DOMContentLoaded", function () {
// Select all submenu toggle icons
document.querySelectorAll(".dropdown-toggle-icon").forEach(function (toggle) {
toggle.addEventListener("click", function (e) {
e.preventDefault(); // Prevent default link behavior
let submenu = this.parentElement.querySelector(".dropdown-menu");
if (submenu) {
submenu.classList.toggle("show");
}
});
});
// Close submenu when clicking outside
document.addEventListener("click", function (e) {
if (!e.target.closest(".dropdown-submenu")) {
document.querySelectorAll(".dropdown-submenu .dropdown-menu").forEach(function (submenu) {
submenu.classList.remove("show");
});
}
});
});
</script>
<script>
const toggle = document.getElementById("dropdownToggle");
const content = document.getElementById("dropdownMenu");
const arrow = document.getElementById("dropdownArrow");
toggle.addEventListener("click", function (e) {
e.stopPropagation();
content.classList.toggle("show");
arrow.classList.toggle("rotate");
});
document.addEventListener("click", function () {
content.classList.remove("show");
arrow.classList.remove("rotate");
});
content.addEventListener("click", function (e) {
e.stopPropagation();
});
</script>
<script>
function showPopupnew() {
document.getElementById('popupContainernew').style.display = 'flex';
}
function closePopupnew() {
document.getElementById('popupContainernew').style.display = 'none';
}
</script>
<script>
// Select all form blocks
document.querySelectorAll('.form-block').forEach(block => {
const checkbox = block.querySelector('.terms-checkbox');
const button = block.querySelector('.submit-btn');
checkbox.addEventListener('change', function () {
button.disabled = !this.checked;
});
});
</script>
</body>
</html>
Zerion Mini 1.0