kohjhjhصثقصثقصثقgdfgdg

<header style="background-color: black;" class="site-header header-style-1 mobile-sider-drawer-menu"> <div class="sticky-header main-bar-wraper navbar-expand-lg"> <div class="main-bar"> <div class="container"> <div class="logo-header"> <div class="logo-header-inner logo-header-one"> <a href="index.php"> <img src="images/logo.png" alt="" /> </a> </div> </div> <!-- NAV Toggle Button --> <button id="mobile-side-drawer" data-target=".header-nav" data-toggle="collapse" type="button" class="navbar-toggler collapsed"> <span class="sr-only">Toggle navigation</span> <span style="background:white" class="icon-bar icon-bar-first"></span> <span style="background:white" class="icon-bar icon-bar-two"></span> <span style="background:white" class="icon-bar icon-bar-three"></span> </button> <div class="extra-nav header-2-nav"> <div class="extra-cell"> <a href="tel:9575674352" class="Call-btn site-text-primary">+91 76240 00456</a> </div> </div> <!-- MAIN Vav --> <div class="nav-animation header-nav navbar-collapse collapse d-flex justify-content-center"> <ul class="nav navbar-nav"> <li><a href="index.php" style="font-size: 18px;">Home</a></li> <li><a href="about.php" style="font-size: 18px;">About us</a></li> <!--<li><a href="services.php"style="font-size: 18px;">Our Services</a></li> --> <li class="has-child"><a style="font-size: 18px;">Services</a> <!--<div class="fa fa-angle-right submenu-toogle"></div> --> <ul class="sub-menu"> <li><a href="services.php?status=hair">Hair Services</a></li> <li><a href="services.php?status=beard">Beard & Grooming</a></li> </ul> </li> <!--<li class="has-child "><a style="font-size: 18px;">Services</a><div class="fa fa-angle-right submenu-toogle"></div>--> <!-- <div class="fa fa-angle-right submenu-toogle"></div> --> <!-- <ul class="sub-menu" style="display: block;">--> <!-- <li><a href="services.php?status=hair">Hair Services</a></li>--> <!-- <li><a href="services.php?status=beard">Beard & Grooming</a></li>--> <!-- </ul> --> <!-- </li>--> <li><a href="gallery.php" style="font-size: 18px;">Gallery</a></li> <!-- <li><a href="gallery.php" style="font-size: 18px;">Gallery</a></li> --> <li><a href="blog.php" style="font-size: 18px;">Blog</a></li> <li><a href="contact.php" style="font-size: 18px;">Contact us</a></li> </ul> </div> </div> </div> </div> </header> <style type="text/css"> /* WhatsApp Icon Styles */ .wtspwrapper { left: 25px; } .shareiconcode { position: fixed; bottom: 3%; z-index: 99; } .shareiconcode a { height: 50px; width: 50px; display: inline-block; box-shadow: 0px 0px 30px 5px #7d78787d; border-radius: 50%; background: #fff; overflow: hidden; /* Ensure the image doesn't overflow the circle */ } .shareiconcode img { width: 100%; height: 100%; object-fit: cover; /* Ensures the image fills the circle */ border-radius: 50%; /* Ensures the image is round */ } /* Call Icon Styles */ .call { left: 25px; } .callicon { position: fixed; bottom: 12%; z-index: 99; } .callicon a { height: 50px; width: 50px; display: inline-block; box-shadow: 0px 0px 30px 5px #7d78787d; border-radius: 50%; background: #fff; overflow: hidden; /* Ensures the image stays within the circular container */ } .callicon img { width: 100%; height: 97%; object-fit: cover; /* Ensures the image fills the circle */ border-radius: 50%; /* Ensures the image is round */ } </style> <!-- WhatsApp Icon --> <div class="wtspwrapper shareiconcode"> <a href="https://api.whatsapp.com/send?phone=917624000456&text=" target="_blank"> <img src="images/wb2.png" alt="WhatsApp"> </a> </div> <!-- Call Icon --> <div class="call callicon"> <a href="tel:7624000456"> <img src="images/call.png" alt="Call"> </a> </div>