ikan Uploader :
Directory : /home/ni05r7l36tus/www/annapurnaed.com/common/
Upload File : |
| Current File : //home/ni05r7l36tus/www/annapurnaed.com/common/footer.php |
<?php
include 'connection/config.php';
$stmt = $pdo->prepare("SELECT * FROM site_setting ");
$stmt->execute();
$row = $stmt->fetch(PDO::FETCH_ASSOC);
?>
<!-- home1 Footer Top Banner Section Start-->
<div class="footer-top-banner-section">
<div class="container">
<div class="footer-top-banner-wrap">
<div class="section-title white wow animate fadeInLeft" data-wow-delay="200ms" data-wow-duration="1500ms">
<span>Building Your Vision</span>
<h2>Let's Build Dream Something Amazing.</h2>
</div>
<div class="btn-grp wow animate fadeInRight" data-wow-delay="200ms" data-wow-duration="1500ms">
<a class="primary-btn1 white-bg" href="/service">
<span>Start Journey
</span>
<span>Start Journey
</span>
<svg class="arrow" width="23" height="23" viewBox="0 0 23 23" xmlns="http://www.w3.org/2000/svg">
<g>
<path d="M0.113861 0H22.9999V4.28425L4.32671 22.9997L0 18.7154L12.7524 6.08815L0.113861 6.20089V0Z"/>
<path d="M23 22.9996V8.56848L16.8516 14.6566V22.9996H23Z"/>
</g>
</svg>
</a>
<a class="discuss-btn" href="/contact">
Let’s Discuss
<svg width="9" height="9" viewBox="0 0 9 9" xmlns="http://www.w3.org/2000/svg">
<path d="M0.0445549 0H9.00008V1.67647L1.69308 9L0 7.32353L4.99014 2.38235L0.0445549 2.42647V0Z"/>
<path d="M9.0002 8.99999V3.35294L6.59424 5.73529V8.99999H9.0002Z"/>
</svg>
</a>
</div>
</div>
</div>
<svg class="arrow-vector" width="147" height="147" viewBox="0 0 147 147" xmlns="http://www.w3.org/2000/svg">
<g>
<path d="M0.727728 0H147.001V27.3823L27.6537 147L0 119.617L81.5055 38.9117L0.727728 39.6323V0Z"/>
<path d="M147.002 146.999V54.7637L107.705 93.6754V146.999H147.002Z"/>
</g>
</svg>
</div>
<!-- home1 Footer Top Banner Section End-->
<!-- home1 Footer Section Start-->
<footer class="footer-section">
<div class="footer-wrapper">
<div class="container">
<div class="footer-top-area">
<div class="row g-4 align-items-center">
<div class="col-md-3">
<a href="/" class="footer-logo">
<img src="/assets/img/footer.png" alt="" style="height:100px">
</a>
</div>
<div class="col-md-5 d-flex justify-content-md-center">
<p>Welcome to Annapurna Engineers, where expertise meets commitment in a journey built on trust and innovation.</p>
</div>
</div>
</div>
<div class="footer-menu-and-address-wrap">
<div class="row align-items-center">
<div class="col-lg-3">
<div class="footer-widget">
<div class="address-area">
<ul class="address-list">
<li class="single-address">
<span>HYDRABAD</span>
<a href=""><?= htmlspecialchars($row['address1']) ?></a>
</li>
</ul>
</div>
</div>
</div>
<div class="col-lg-9">
<div class="footer-menu">
<div class="row gy-5">
<div class="col-md-4 col-sm-6 d-flex justify-content-lg-center">
<div class="footer-widget">
<div class="widget-title">
<h5>COMPANY</h5>
</div>
<div class="menu-container">
<ul class="widget-list">
<li>
<a href="/">
Home
<svg width="9" height="9" viewBox="0 0 9 9" xmlns="http://www.w3.org/2000/svg">
<path d="M0.0445549 0H9.00008V1.67647L1.69308 9L0 7.32353L4.99014 2.38235L0.0445549 2.42647V0Z"/>
<path d="M9.0002 8.9996V3.35254L6.59424 5.73489V8.9996H9.0002Z"/>
</svg>
</a>
</li>
<li>
<a href="/about">
About Us
<svg width="9" height="9" viewBox="0 0 9 9" xmlns="http://www.w3.org/2000/svg">
<path d="M0.0445549 0H9.00008V1.67647L1.69308 9L0 7.32353L4.99014 2.38235L0.0445549 2.42647V0Z"/>
<path d="M9.0002 8.9996V3.35254L6.59424 5.73489V8.9996H9.0002Z"/>
</svg>
</a>
</li>
<li>
<a href="/plumbing-and-water-installation">
Plumbing and Water installation
<svg width="9" height="9" viewBox="0 0 9 9" xmlns="http://www.w3.org/2000/svg">
<path d="M0.0445549 0H9.00008V1.67647L1.69308 9L0 7.32353L4.99014 2.38235L0.0445549 2.42647V0Z"/>
<path d="M9.0002 8.9996V3.35254L6.59424 5.73489V8.9996H9.0002Z"/>
</svg>
</a>
</li>
<li>
<a href="/fire-fighting-system">
Fire fighting System
<svg width="9" height="9" viewBox="0 0 9 9" xmlns="http://www.w3.org/2000/svg">
<path d="M0.0445549 0H9.00008V1.67647L1.69308 9L0 7.32353L4.99014 2.38235L0.0445549 2.42647V0Z"/>
<path d="M9.0002 8.9996V3.35254L6.59424 5.73489V8.9996H9.0002Z"/>
</svg>
</a>
</li>
<li>
<a href="/career">
Careers
<svg width="9" height="9" viewBox="0 0 9 9" xmlns="http://www.w3.org/2000/svg">
<path d="M0.0445549 0H9.00008V1.67647L1.69308 9L0 7.32353L4.99014 2.38235L0.0445549 2.42647V0Z"/>
<path d="M9.0002 8.9996V3.35254L6.59424 5.73489V8.9996H9.0002Z"/>
</svg>
</a>
</li>
<li>
<a href="/contact">
Contact
<svg width="9" height="9" viewBox="0 0 9 9" xmlns="http://www.w3.org/2000/svg">
<path d="M0.0445549 0H9.00008V1.67647L1.69308 9L0 7.32353L4.99014 2.38235L0.0445549 2.42647V0Z"/>
<path d="M9.0002 8.9996V3.35254L6.59424 5.73489V8.9996H9.0002Z"/>
</svg>
</a>
</li>
</ul>
</div>
</div>
</div>
<div class="col-md-4 col-sm-6 d-flex justify-content-lg-center">
<div class="footer-widget">
<div class="widget-title">
<h5>PROJECTS</h5>
</div>
<div class="menu-container">
<ul class="widget-list">
<?php
include 'connection/config.php'; // Ensure this initializes $pdo
try {
$stmt = $pdo->query("SELECT * FROM `project` LIMIT 6");
$i = 0;
while ($resort_row1 = $stmt->fetch(PDO::FETCH_ASSOC)) {
$i++;
?>
<li>
<a href="/project/<?php echo htmlspecialchars($resort_row1['slug']); ?>">
<span><?php echo htmlspecialchars($resort_row1['title']); ?></span>
</a>
</li>
<?php
} // end while
} catch (PDOException $e) {
echo "<li>Error: " . htmlspecialchars($e->getMessage()) . "</li>";
}
?>
</ul>
</div>
</div>
</div>
<div class="col-md-4 col-sm-6 d-flex justify-content-lg-end">
<ul class="contact-area">
<li>
<div class="single-contact">
<div class="icon">
<svg width="33" height="33" viewBox="0 0 33 33" xmlns="http://www.w3.org/2000/svg">
<path
d="M26.0808 20.4419C25.4052 19.7385 24.5903 19.3624 23.7267 19.3624C22.87 19.3624 22.0481 19.7315 21.3447 20.435L19.1438 22.6289C18.9627 22.5314 18.7816 22.4408 18.6075 22.3503C18.3568 22.2249 18.12 22.1065 17.918 21.9812C15.8564 20.6718 13.9828 18.9654 12.1859 16.7575C11.3153 15.6571 10.7302 14.7307 10.3054 13.7905C10.8765 13.2681 11.4058 12.7248 11.9212 12.2025C12.1162 12.0075 12.3113 11.8055 12.5063 11.6105C13.9689 10.1478 13.9689 8.25339 12.5063 6.79077L10.6049 4.88935C10.3889 4.67344 10.1661 4.45057 9.95713 4.22769C9.53923 3.79587 9.10045 3.35012 8.64773 2.93222C7.97214 2.26359 7.16421 1.90839 6.3145 1.90839C5.46478 1.90839 4.64293 2.26359 3.94644 2.93222C3.93947 2.93919 3.93947 2.93919 3.93251 2.94615L1.56445 5.33511C0.672947 6.22661 0.164512 7.31313 0.0530735 8.57377C-0.114084 10.6075 0.484896 12.502 0.944577 13.7417C2.07289 16.7854 3.75839 19.6061 6.27271 22.6289C9.32332 26.2715 12.9938 29.148 17.1867 31.1748C18.7886 31.934 20.9268 32.8324 23.3158 32.9857C23.462 32.9926 23.6152 32.9996 23.7545 32.9996C25.3634 32.9996 26.7146 32.4215 27.7733 31.2723C27.7802 31.2584 27.7942 31.2514 27.8011 31.2375C28.1633 30.7987 28.5812 30.4017 29.02 29.9768C29.3195 29.6913 29.6259 29.3918 29.9254 29.0784C30.6149 28.361 30.9771 27.5252 30.9771 26.6685C30.9771 25.8049 30.608 24.9761 29.9045 24.2796L26.0808 20.4419ZM28.5742 27.7759C28.5673 27.7759 28.5673 27.7829 28.5742 27.7759C28.3026 28.0685 28.024 28.3331 27.7245 28.6257C27.2718 29.0575 26.8121 29.5102 26.3803 30.0186C25.6768 30.7708 24.848 31.126 23.7615 31.126C23.657 31.126 23.5456 31.126 23.4411 31.1191C21.3726 30.9867 19.4503 30.1788 18.0085 29.4893C14.0664 27.5809 10.6049 24.8716 7.72837 21.4379C5.35334 18.5753 3.76535 15.9287 2.71366 13.087C2.06592 11.3528 1.82912 10.0016 1.93359 8.727C2.00324 7.91211 2.31666 7.23652 2.89474 6.65843L5.26976 4.28341C5.61104 3.96302 5.97322 3.7889 6.32843 3.7889C6.76721 3.7889 7.12242 4.05357 7.3453 4.27644C7.35226 4.28341 7.35923 4.29037 7.36619 4.29734C7.79105 4.69434 8.19501 5.10527 8.61987 5.54405C8.83578 5.76693 9.05866 5.9898 9.28153 6.21965L11.1829 8.12106C11.9212 8.85933 11.9212 9.54189 11.1829 10.2802C10.981 10.4822 10.7859 10.6841 10.584 10.8791C9.99891 11.4781 9.44173 12.0353 8.83578 12.5786C8.82185 12.5925 8.80792 12.5995 8.80096 12.6134C8.20198 13.2124 8.31342 13.7974 8.43878 14.1944C8.44575 14.2153 8.45271 14.2362 8.45968 14.2571C8.95418 15.4551 9.65067 16.5834 10.7093 17.9276L10.7163 17.9346C12.6386 20.3026 14.6654 22.1483 16.9011 23.5622C17.1867 23.7433 17.4792 23.8895 17.7578 24.0288C18.0085 24.1542 18.2453 24.2726 18.4473 24.398C18.4752 24.4119 18.503 24.4328 18.5309 24.4467C18.7677 24.5651 18.9906 24.6209 19.2204 24.6209C19.7985 24.6209 20.1607 24.2587 20.2791 24.1403L22.6611 21.7583C22.8979 21.5215 23.274 21.2359 23.7128 21.2359C24.1446 21.2359 24.4998 21.5075 24.7157 21.7444C24.7227 21.7513 24.7227 21.7513 24.7296 21.7583L28.5673 25.5959C29.2847 26.3064 29.2847 27.0377 28.5742 27.7759Z"/>
<path
d="M17.8345 7.8506C19.6593 8.15705 21.3169 9.0207 22.6403 10.344C23.9636 11.6673 24.8203 13.325 25.1337 15.1498C25.2103 15.6095 25.6073 15.9299 26.06 15.9299C26.1157 15.9299 26.1645 15.9229 26.2202 15.9159C26.7356 15.8323 27.0769 15.3448 26.9933 14.8294C26.6172 12.6215 25.5725 10.6087 23.9775 9.01373C22.3826 7.41877 20.3697 6.37404 18.1618 5.99794C17.6464 5.91436 17.1659 6.25564 17.0753 6.76408C16.9848 7.27251 17.3191 7.76702 17.8345 7.8506Z"/>
<path
d="M32.9619 14.557C32.3421 10.9213 30.6287 7.61301 27.996 4.98029C25.3633 2.34757 22.055 0.634209 18.4193 0.0143347C17.9108 -0.0762086 17.4303 0.272035 17.3397 0.780471C17.2562 1.29587 17.5974 1.77645 18.1128 1.86699C21.3585 2.41722 24.3185 3.95645 26.6727 6.30362C29.0268 8.65774 30.5591 11.6178 31.1093 14.8634C31.1859 15.3231 31.5829 15.6435 32.0356 15.6435C32.0913 15.6435 32.1401 15.6365 32.1958 15.6296C32.7042 15.553 33.0525 15.0654 32.9619 14.557Z"/>
</svg>
</div>
<div class="content">
<span>Contact Us</span>
<h6><a href="tel:<?= htmlspecialchars($row['phone1']) ?>"><?= htmlspecialchars($row['phone1']) ?></a></h6>
<h6><a href="tel:<?= htmlspecialchars($row['phone2']) ?>"><?= htmlspecialchars($row['phone2']) ?></a></h6>
</div>
</div>
<svg class="arrow" width="8" height="29" viewBox="0 0 8 29" xmlns="http://www.w3.org/2000/svg">
<path
d="M1.33333 3C1.33333 4.47276 2.52724 5.66667 4 5.66667C5.47276 5.66667 6.66667 4.47276 6.66667 3C6.66667 1.52724 5.47276 0.333333 4 0.333333C2.52724 0.333333 1.33333 1.52724 1.33333 3ZM3.64645 28.3536C3.84171 28.5488 4.15829 28.5488 4.35355 28.3536L7.53553 25.1716C7.7308 24.9763 7.7308 24.6597 7.53553 24.4645C7.34027 24.2692 7.02369 24.2692 6.82843 24.4645L4 27.2929L1.17157 24.4645C0.976311 24.2692 0.659728 24.2692 0.464466 24.4645C0.269204 24.6597 0.269204 24.9763 0.464466 25.1716L3.64645 28.3536ZM3.5 3V28H4.5V3H3.5Z"/>
</svg>
</li>
<li>
<div class="single-contact">
<div class="icon">
<svg width="24" height="33" viewBox="0 0 24 33" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd"
d="M11.5985 0H12.0991C16.0555 0.0837348 19.6147 2.19996 21.6112 5.64953C23.6581 9.17969 23.7215 13.4256 21.7672 16.9999C21.7672 16.9999 21.7672 16.9999 21.7672 16.9999L13.6385 31.8678V31.8796L13.5756 31.9928C13.5036 32.1223 13.4205 32.2313 13.3348 32.3293C12.9597 32.758 12.4324 33 11.8485 33C11.2631 33 10.7399 32.7572 10.358 32.3358L10.3521 32.3293C10.2664 32.2313 10.1833 32.1223 10.1114 31.9928L10.0485 31.8796V31.8678L1.91977 16.9999L1.91924 16.9989C-0.0239922 13.4258 0.0283349 9.18026 2.07594 5.64918C4.08208 2.20114 7.63071 0.083862 11.5879 0.000111938L11.5985 0ZM11.6038 1C8.00323 1.078 4.77383 3.0009 2.94082 6.15117C1.06871 9.37988 1.02102 13.2539 2.79749 16.5207C2.79741 16.5205 2.79757 16.5208 2.79749 16.5207L11.0271 31.5731C11.0477 31.6024 11.0721 31.6332 11.1018 31.6674C11.2995 31.884 11.5553 32 11.8485 32C12.1446 32 12.3973 31.882 12.5822 31.6707C12.6132 31.6353 12.6386 31.6034 12.6599 31.5731L20.8898 16.5201C22.6753 13.2546 22.6188 9.38058 20.7459 6.15082C18.9234 3.00192 15.6846 1.07801 12.0831 1H11.6038ZM11.8485 5.67C9.28526 5.67 7.20848 7.75551 7.20848 10.31C7.20848 12.8739 9.28462 14.95 11.8485 14.95C14.403 14.95 16.4885 12.8732 16.4885 10.31C16.4885 7.75614 14.4023 5.67 11.8485 5.67ZM6.20848 10.31C6.20848 7.20449 8.73171 4.67 11.8485 4.67C14.9546 4.67 17.4885 7.20386 17.4885 10.31C17.4885 13.4268 14.954 15.95 11.8485 15.95C8.73234 15.95 6.20848 13.4261 6.20848 10.31Z"/>
<path fill-rule="evenodd" clip-rule="evenodd"
d="M7.33177 9.24333C6.74289 11.7373 8.28722 14.2364 10.7811 14.8253C13.2751 15.4141 15.7742 13.8698 16.3631 11.3759C16.952 8.88195 15.4076 6.38284 12.9137 5.79396C10.4198 5.20507 7.92066 6.74941 7.33177 9.24333ZM10.5513 15.7985C7.51994 15.0827 5.64277 12.0449 6.35857 9.01353C7.07437 5.98212 10.1121 4.10496 13.1435 4.82076C16.1749 5.53656 18.0521 8.57427 17.3363 11.6057C16.6205 14.6371 13.5828 16.5143 10.5513 15.7985Z"/>
</svg>
</div>
<div class="content">
<span>ADDRESS</span>
<h6><a href="#">Hyderabad, India</a></h6>
</div>
</div>
<svg class="arrow" width="8" height="29" viewBox="0 0 8 29" xmlns="http://www.w3.org/2000/svg">
<path
d="M1.33333 3C1.33333 4.47276 2.52724 5.66667 4 5.66667C5.47276 5.66667 6.66667 4.47276 6.66667 3C6.66667 1.52724 5.47276 0.333333 4 0.333333C2.52724 0.333333 1.33333 1.52724 1.33333 3ZM3.64645 28.3536C3.84171 28.5488 4.15829 28.5488 4.35355 28.3536L7.53553 25.1716C7.7308 24.9763 7.7308 24.6597 7.53553 24.4645C7.34027 24.2692 7.02369 24.2692 6.82843 24.4645L4 27.2929L1.17157 24.4645C0.976311 24.2692 0.659728 24.2692 0.464466 24.4645C0.269204 24.6597 0.269204 24.9763 0.464466 25.1716L3.64645 28.3536ZM3.5 3V28H4.5V3H3.5Z"/>
</svg>
</li>
<li>
<div class="single-contact">
<div class="icon">
<svg width="33" height="32" viewBox="0 0 33 32" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd"
d="M32.9896 1.18398C33.0176 0.995671 32.993 0.803292 32.9185 0.628097C32.844 0.452902 32.7225 0.301711 32.5675 0.191227C32.4126 0.0808885 32.2301 0.0155543 32.0404 0.00245033C31.8506 -0.0106536 31.6609 0.0289832 31.4923 0.116977L0.554753 16.2732C0.376749 16.3673 0.230082 16.5113 0.132753 16.6876C0.0354241 16.8638 -0.0083331 17.0646 0.00685184 17.2654C0.0220368 17.4662 0.0955032 17.6581 0.218235 17.8177C0.340966 17.9773 0.507624 18.0976 0.697753 18.1639L9.29838 21.1036L27.6148 5.44235L13.4413 22.5185L27.8554 27.4451C27.9984 27.4932 28.1502 27.5094 28.3002 27.4926C28.4501 27.4758 28.5946 27.4265 28.7235 27.348C28.8524 27.2696 28.9625 27.1639 29.0463 27.0384C29.1301 26.9129 29.1854 26.7706 29.2084 26.6215L32.9896 1.18398ZM28.2201 26.469C28.22 26.4693 28.2201 26.4688 28.2201 26.469L32.0005 1.03696C32.0014 1.03102 32.0006 1.02494 31.9982 1.0194M28.2201 26.469C28.2192 26.4738 28.2172 26.4792 28.2145 26.4833C28.2117 26.4876 28.2079 26.4912 28.2035 26.4939C28.1991 26.4965 28.1942 26.4982 28.189 26.4988C28.1842 26.4993 28.1793 26.4989 28.1746 26.4974C28.1744 26.4973 28.1749 26.4975 28.1746 26.4974L15.1369 22.0413L28.3842 6.08103L26.9649 4.68231L9.08205 19.9729L1.02672 17.2195C1.02644 17.2194 1.027 17.2196 1.02672 17.2195C1.02082 17.2173 1.01481 17.2131 1.01095 17.2081C1.00692 17.2029 1.0045 17.1966 1.004 17.19C1.0035 17.1834 1.00494 17.1768 1.00814 17.171C1.01122 17.1654 1.0158 17.1608 1.02135 17.1577C1.02113 17.1578 1.02157 17.1576 1.02135 17.1577L31.9549 1.00355C31.9548 1.00357 31.9549 1.00352 31.9549 1.00355C31.9599 1.00093 31.9658 0.999681 31.9715 1.00007M13.0319 30.5897C13.0321 30.5963 13.0342 30.6027 13.0381 30.6081C13.0421 30.6136 13.0478 30.6177 13.0543 30.6199C13.0608 30.622 13.0678 30.622 13.0744 30.6199C13.0807 30.6179 13.0862 30.6141 13.0902 30.6089C13.0901 30.6091 13.0904 30.6087 13.0902 30.6089L16.0115 26.6335L13.0319 25.6152V30.5897ZM12.0319 24.2166V30.5939C12.0329 30.8106 12.1021 31.0215 12.2297 31.1967C12.3573 31.3719 12.5368 31.5025 12.7427 31.5701C12.9487 31.6376 13.1707 31.6386 13.3772 31.573C13.5838 31.5073 13.7644 31.3784 13.8936 31.2044L17.624 26.1279L12.0319 24.2166Z"/>
</svg>
</div>
<div class="content">
<span>SAY HELLO</span>
<h6><a href="mailto:<?= htmlspecialchars($row['email1']) ?>"><span class="fs-6"><?= htmlspecialchars($row['email1']) ?></span></a></h6>
</div>
</div>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="footer-bottom-wrap">
<div class="container">
<div class="footer-bottom">
<div class="copyright-area">
<p>Copyright 2025 <a href="index.php">Annapurna Engineers</a> |All rights Reserved | Design By <a href="https://drafticode.com/">Drafticode</a></p>
</div>
<ul class="social-area ">
<li style="margin-right: 150px;">
<a target="_blank" href="<?= htmlspecialchars($row['facebook']) ?>" class="d-flex align-items-center">
<i class="bi bi-facebook me-2"></i> Facebook
</a>
</li>
</ul>
</div>
</div>
</div>
<!-- WhatsApp Chat Widget -->
<div id="whatsapp-chat" class="hide">
<div class="header-chat">
<div class="info-avatar">
<img src="/upload/<?= htmlspecialchars($row['logo']) ?>" alt="Altangle Logo" />
</div>
<div>
<span class="whatsapp-name">Annapurna Engineers</span><br />
<small>Typically replies within an hour</small>
</div>
<a class="close-chat" href="javascript:void(0);">×</a>
</div>
<div class="home-chat"></div>
<div class="start-chat text-white">
<div class="WhatsappChat__Text-sc-1wqac52-2">
Hi there 👋<br /><br />How can I help you?
</div>
<div class="WhatsappChat__Time-sc-1wqac52-5 text-black">1:40</div>
<div class="blanter-msg">
<textarea id="chat-input" placeholder="Write a response" maxlength="120" rows="1"></textarea>
<a href="javascript:void(0);" id="send-it">
<svg viewBox="0 0 448 448"><path d="M.213 32L0 181.333 320 224 0 266.667.213 416 448 224z"/></svg>
</a>
</div>
</div>
</div>
<!-- Floating Chat Button -->
<!-- Floating Chat Button -->
<a class="blantershow-chat" href="javascript:void(0);" title="Show Chat">
<svg viewBox="0 0 24 24">
<path fill="#eceff1" d="M20.5 3.4A12.1 12.1 0 0012 0 12 12 0 001.7 17.8L0 24l6.3-1.7c2.8 1.5 5 1.4 5.8 1.5a12 12 0 008.4-20.3z"/>
<path fill="#4caf50" d="M12 21.8c-3.1 0-5.2-1.6-5.4-1.6l-3.7 1 1-3.7-.3-.4A9.9 9.9 0 012.1 12a10 10 0 0117-7 9.9 9.9 0 01-7 16.9z"/>
<path fill="#fafafa" d="M17.5 14.3c-.3 0-1.8-.8-2-.9-.7-.2-.5 0-1.7 1.3-.1.2-.3.2-.6.1s-1.3-.5-2.4-1.5a9 9 0 01-1.7-2c-.3-.6.4-.6 1-1.7l-.1-.5-1-2.2c-.2-.6-.4-.5-.6-.5-.6 0-1 0-1.4.3-1.6 1.8-1.2 3.6.2 5.6 2.7 3.5 4.2 4.2 6.8 5 .7.3 1.4.3 1.9.2.6 0 1.7-.7 2-1.4.3-.7.3-1.3.2-1.4-.1-.2-.3-.3-.6-.4z"/>
</svg>
<span class="chat-text">Chat with Us</span>
</a>
<style>
body {
font-family: Arial, sans-serif;
}
@media (max-width: 768px) {
.blantershow-chat {
display: none;
position: fixed;
bottom: 90px!important;
right: 25px!important;
background-color: transparent !important;
background-image: none !important;
}
.blantershow-chat .chat-text {
display: none !important;
}
.blantershow-chat svg{
width: 45px!important; /* bigger on mobile */
height: 45px!important;
}
#whatsapp-chat {
position: fixed;
bottom: 150px!important; /* Above scroll-top */
right: 20px;
width: 300px;
background: #fff;
border-radius: 10px;
box-shadow: 0 0 10px rgba(0,0,0,0.1);
overflow: hidden;
z-index: 1000;
}
}
/* Scroll Top Button */
.scroll__top {
position: fixed;
left: 20px;
z-index: 999;
padding: 10px 15px;
background: #191d88;
color: white;
border: none;
border-radius: 50%;
font-size: 18px;
cursor: pointer;
display: flex;
justify-content: center;
align-items: center;
}
/* WhatsApp Chat Widget */
#whatsapp-chat {
position: fixed;
bottom: 90px; /* Above scroll-top */
right: 20px;
width: 300px;
background: #fff;
border-radius: 10px;
box-shadow: 0 0 10px rgba(0,0,0,0.1);
overflow: hidden;
z-index: 1000;
}
.hide {
display: none;
}
.header-chat {
background-color: #cb0000;
color: white;
padding: 10px;
display: flex;
align-items: center;
}
.info-avatar img {
width: 40px;
height: 40px;
border-radius: 50%;
margin-right: 10px;
}
.whatsapp-name {
font-weight: bold;
}
.home-chat, .start-chat {
padding: 10px;
}
.WhatsappChat__Text-sc-1wqac52-2 {
background:#cb0000;
padding: 10px;
border-radius: 8px;
max-width: 80%;
margin: 10px 0;
}
.WhatsappChat__Time-sc-1wqac52-5 {
font-size: 0.75em;
color: #888;
text-align: right;
}
.blanter-msg {
display: flex;
gap: 5px;
margin-top: 10px;
}
.blanter-msg textarea {
flex: 1;
resize: none;
border: 1px solid #ccc;
border-radius: 5px;
padding: 5px;
}
.blanter-msg a svg {
fill: #cb0000;
width: 24px;
height: 24px;
margin-top: 8px;
}
.close-chat {
position: absolute;
top: 8px;
right: 10px;
font-size: 20px;
color: white;
text-decoration: none;
}
.blantershow-chat {
display:none;
position: fixed;
bottom: 28px;
right: 85px;
background: #cb0000;
color: white;
padding: 8px;
border-radius: 50px;
text-decoration: none;
align-items: center;
gap: 5px;
z-index: 9999;
}
.blantershow-chat svg {
width: 20px;
height: 20px;
}
</style>
<script>
const chatButton = document.querySelector('.blantershow-chat');
window.addEventListener('scroll', () => {
if (window.scrollY > 190) {
chatButton.style.display = 'block';
} else {
chatButton.style.display = 'none';
}
});
</script>
<script>
function bindChatEvents() {
const chatBox = document.getElementById("whatsapp-chat");
const toggleButton = document.querySelector(".blantershow-chat");
const closeButton = document.querySelector(".close-chat");
const sendButton = document.getElementById("send-it");
const inputField = document.getElementById("chat-input");
if (toggleButton && chatBox && closeButton && sendButton && inputField) {
toggleButton.onclick = () => chatBox.classList.toggle("hide");
closeButton.onclick = () => chatBox.classList.add("hide");
sendButton.onclick = () => {
const message = inputField.value.trim();
if (message) {
const phoneNumber = "9777234612";
const url = "https://wa.me/" + phoneNumber + "?text=" + encodeURIComponent(message);
window.open(url, "_blank");
inputField.value = "";
}
};
}
}
// Bind once on page load
bindChatEvents();
// 👁️ MutationObserver: watch for DOM changes (like AJAX page loads)
const observer = new MutationObserver(() => {
bindChatEvents();
});
// Observe the whole document for changes
observer.observe(document.body, { childList: true, subtree: true });
</script>
</footer>
<!-- home1 Footer Section End-->
<!-- Main jQuery -->
<script src="/assets/js/jquery-3.7.1.min.js"></script>
<script src="/assets/js/jquery-ui.js"></script>
<!-- Popper and Bootstrap JS -->
<script src="/assets/js/bootstrap.min.js"></script>
<script src="/assets/js/popper.min.js"></script>
<!-- Swiper slider JS -->
<script src="/assets/js/swiper-bundle.min.js"></script>
<script src="/assets/js/slick.js"></script>
<!-- Waypoints JS -->
<script src="/assets/js/waypoints.min.js"></script>
<!-- Counterup JS -->
<script src="/assets/js/jquery.counterup.min.js"></script>
<script src="/assets/js/ScrollSmoother.min.js"></script>
<!-- Wow JS -->
<script src="/assets/js/wow.min.js"></script>
<!-- Marquee JS -->
<script src="/assets/js/jquery.marquee.min.js"></script>
<!-- Gsap JS -->
<script src="/assets/js/gsap.min.js"></script>
<script src="/assets/js/ScrollTrigger.min.js"></script>
<script src="/assets/js/jquery.fancybox.min.js"></script>
<!-- Custom JS -->
<script src="/assets/js/custom.js"></script>
</body>
</html>
........