<!DOCTYPE html>
<html lang="en">


<head>
	<meta charset="UTF-8">
	<meta name="keywords" content="">
	<meta name="description" content="">
    <meta property="og:site_name" content="n">
    <meta property="og:url" content="">
    <meta property="og:type" content="website">
    <meta property="og:title" content="">
	<meta name='og:image' content='images/assets/ogg.png'>
	<!-- For IE -->
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<!-- For Resposive Device -->
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<!-- For Window Tab Color -->
	<!-- Chrome, Firefox OS and Opera -->
	<meta name="theme-color" content="#1A4137">
	<!-- Windows Phone -->
	<meta name="msapplication-navbutton-color" content="#1A4137">
	<!-- iOS Safari -->
	<meta name="apple-mobile-web-app-status-bar-style" content="#1A4137">
	<title>Shree Polymers</title>
	<!-- Favicon -->
	<link rel="icon" type="image/png" sizes="56x56" href="images/icon/fevicon.png">
	<!-- Bootstrap CSS -->
	<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css" media="all">
	<!-- Main style sheet -->
	<link rel="stylesheet" type="text/css" href="css/style.min.css" media="all">
	<!-- responsive style sheet -->
	<link rel="stylesheet" type="text/css" href="css/custom.css" media="all">
	<!-- responsive style sheet -->
	<link rel="stylesheet" type="text/css" href="css/responsive.css" media="all">
      	<link rel="stylesheet" type="text/css" href="css/main.css" media="all">
	<!-- Fix Internet Explorer ______________________________________-->
	<!--[if lt IE 9]>
			<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
			<script src="vendor/html5shiv.js"></script>
			<script src="vendor/respond.js"></script>
		<![endif]-->
		
<style>
	
/*.navbar-toggler {*/
/*			background-color: #010101;*/
/*		}*/
/*		.navbar-nav a {*/
/*			color: #000;*/
/*		}*/
/*		.navbar-nav .nav-link.active, .navbar-nav .nav-link.show {*/
/*			color: #15a299;*/
/*		}*/
/*		.nav-link:hover {*/
/*			color: #15a299;*/
/*		}*/
/*		.dropdown-menu {*/
/*			display: none;*/
/*		}*/
/*		.dropdown-menu.show {*/
/*			display: block;*/
/*		}*/
/*		.dropdown-menu {*/
/*			width: 250px;*/
/*			margin-top: 0;*/
/*			padding: 10px;*/
/*		}*/
/*		.dropdown-item {*/
/*			font-weight: 600;*/
/*			font-size: 18px;*/
/*			padding: 5px;*/
/*		}*/
/*		.dropdown-item:focus, .dropdown-item:active {*/
/*			background-color: #ffffff00;*/
/*			color: #010101;*/
/*		}*/
		 /*.dropdown .dropdown-menu{*/
		 /*        display:none;*/
		 /*    }*/
		
/*        	 .dropdown:hover > .dropdown-menu,{*/
/*        		       display:block!important;*/
/*        		     width:300px;*/
/*        		   }*/
		   
/*		   .dropdown-submenu:hover > .dropdown-menu{*/
/*		       display:block!important;*/
/*		     width:300px;*/
/*		     left:100%;*/
/*		     margin-top:-30px;*/
/*		     background-color: #e9e8e8;*/
/*             padding: 10px;*/
/*		   } */
/*		   @media screen and (max-width:767px){*/
/*		         .dropdown-submenu:hover >.dropdown-menu.{*/
/*		    display:block!important;*/
/*		       position:static;*/
/*		       top:0;*/
/*		       left:100%; */
/*		       margin-left:1.25rem;*/
/*		       margin-top:10;*/
/*		   } */
/*		   } */



/* Basic styles for dropdowns */



.navbar-toggler {
			background-color: #010101;
		}
		.navbar-nav a {
			color: #000;
		}
		.navbar-nav .nav-link.active, .navbar-nav .nav-link.show {
			color: #15a299;
		}
		.nav-link:hover {
			color: #15a299;
		}
		.dropdown-menu {
			display: none;
		}
		.dropdown-menu.show {
			display: block;
		}
		.dropdown-menu {
			width: 250px;
			margin-top: 0;
			padding: 10px;
		}
		.dropdown-item {
			font-weight: 600;
			font-size: 18px;
			padding: 5px;
		}
		.dropdown-item:focus, .dropdown-item:active {
			background-color: #ffffff00;
			color: #010101;
		}


.dropdown-menu {
    display: none;
    position: absolute;
    background-color: #ffffff;
    border: 1px solid #ddd;
    width: 250px;
    margin-top: 0;
    padding: 10px;
    z-index: 1000; /* Ensure dropdown is above other content */
}

/* Show the dropdown menu on hover */
.dropdown:hover > .dropdown-menu,
.dropdown-menu.show {
    display: block;
}

/* Nested dropdown positioning */
.dropdown-submenu {
    position: relative;
}

.dropdown-submenu:hover > .dropdown-menu {
    display: block;
    position: absolute;
    top: 0;
    left: 100%; /* Position to the right of the parent */
    margin-top: -1px; /* Align with parent */
}

@media screen and (max-width: 767px) {
    .dropdown-menu {
        position: static; /* Make dropdowns flow with the document on small screens */
        width: 100%;
        margin: 0;
    }

    .dropdown-submenu:hover > .dropdown-menu {
        position: static; /* Reset positioning for nested menus */
        margin-left: 0;
        left: 0%; 
        top: 0;
    }
}

		
	</style>
</head> 

<body>
	<div class="main-page-wrapper">
		<!-- ===================================================
				Loading Transition
			==================================================== -->
		<div id="preloader">
			<div id="ctn-preloader" class="ctn-preloader">
				
				<div class="txt-loading">
					<span data-text-preloader="S" class="letters-loading">
						S
					</span>
					<span data-text-preloader="h" class="letters-loading">
						h
					</span>
					<span data-text-preloader="r" class="letters-loading">
						r
					</span>
					<span data-text-preloader="e" class="letters-loading">
						e
					</span>
					<span data-text-preloader="e" class="letters-loading">
						e
					</span>
					<span data-text-preloader="P" class="letters-loading">
						P
					</span>
					<span data-text-preloader="o" class="letters-loading">
						o
					</span>
					<span data-text-preloader="l" class="letters-loading">
						l
					</span>
					<span data-text-preloader="y" class="letters-loading">
						y
					</span>
					<span data-text-preloader="m" class="letters-loading">
						m
					</span>
					<span data-text-preloader="e" class="letters-loading">
						e
					</span>
					<span data-text-preloader="r" class="letters-loading">
						r
					</span>
					<span data-text-preloader="s" class="letters-loading">
						s
					</span>
				</div>
			</div>
		</div>


		
		<!-- 
		=============================================
				Theme Main Menu
		============================================== 
		-->


<header class="theme-main-menu menu-overlay menu-style-two sticky-menu">
			<div class="gap-fix info-row grey">
				<div class="d-md-flex justify-content-between p-3">
					<div class="greetings text-center text-white ">
						<span class="opacity-50">Hello!!</span> <span class="fw-500">Welcome to Shree Polymers.</span>
					</div>
					<ul class="style-none d-none d-md-flex contact-info">
						<li class="d-flex align-items-center text-white "><img src="images/lazy.svg" data-src="images/icon/icon_14.svg" alt="" class="lazy-img icon me-2"> <a href="mailto:shreepolymers@gmail.com" class="fw-500 text-white mr-2">shreepolymers@gmail.com</a></li>
						<li class="d-flex align-items-center text-white"><img src="images/lazy.svg" data-src="images/icon/icon_15.svg" alt="" class="lazy-img icon me-2"> <a href="tel:+91 94261 12749" class="text-white fw-500">+91 94261 12749</a></li>
					</ul>
				</div>
			</div>
			<div class="inner-content gap-fix">
				<nav class="navbar navbar-expand-lg navbar-dark bg-white" aria-label="Fifth navbar example">
					<div class="container-fluid">
						<a class="navbar-brand" href="index.php"><img src="images/shree-polymer-logo-oji.png" alt="img" width="180"></a>
						<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarsExample05" aria-controls="navbarsExample05" aria-expanded="true" aria-label="Toggle navigation">
							<span class="navbar-toggler-icon"></span>
						</button>
						<div class="navbar-collapse collapse  justify-content-between" id="navbarsExample05">
							<ul class="navbar-nav me-auto mb-2 mb-lg-0">
								<li class="nav-item">
									<a class="nav-link active" aria-current="page" href="index.php">Home</a>
								</li>
								<li class="nav-item"> 
									<a class="nav-link" href="about.php">About us</a>
								</li>
							
								<li class="nav-item dropdown">
									<a class="nav-link dropdown-toggle" href="#" data-bs-toggle="dropdown" aria-expanded="false">Our Products</a>
									<ul class="dropdown-menu" style="width:350px;">
									<li class="nav-item dropdown-submenu">
									<a class="nav-link dropdown-toggle" data-bs-toggle="dropdown" aria-expanded="false">Conveying Powder Handling Solutions</a>
									<ul class="dropdown-menu">
										<li><a class="dropdown-item" href="#">1</a></li>
										<li><a class="dropdown-item" href="#">2</a></li>
										<li><a class="dropdown-item" href="#">3</a></li>
									</ul>
								</li>
										<li class="nav-item dropdown-submenu">
									<a class="nav-link dropdown-toggle" data-bs-toggle="dropdown" aria-expanded="false">Tubular Drag Chain Conveyors</a>
									<ul class="dropdown-menu">
										<li><a class="dropdown-item" href="#">1</a></li>
										<li><a class="dropdown-item" href="#">2</a></li>
										<li><a class="dropdown-item" href="#">3</a></li>
									</ul>
								</li>
											<li class="nav-item dropdown-submenu">
									<a class="nav-link dropdown-toggle" data-bs-toggle="dropdown" aria-expanded="false">Timing Screws</a>
									<ul class="dropdown-menu">
										<li><a class="dropdown-item" href="#">1</a></li>
										<li><a class="dropdown-item" href="#">2</a></li>
										<li><a class="dropdown-item" href="#">3</a></li>
									</ul>
								</li>
								<li class="nav-item dropdown-submenu">
									<a class="nav-link dropdown-toggle" data-bs-toggle="dropdown" aria-expanded="false">Packaging Automation Solutions</a>
									<ul class="dropdown-menu">
										<li><a class="dropdown-item" href="#">1</a></li>
										<li><a class="dropdown-item" href="#">2</a></li>
										<li><a class="dropdown-item" href="#">3</a></li>
									</ul>
								</li>
									<li class="nav-item dropdown-submenu">
									<a class="nav-link dropdown-toggle" data-bs-toggle="dropdown" aria-expanded="false">Conveyors Components & Accessories</a>
									<ul class="dropdown-menu">
										<li><a class="dropdown-item" href="#">1</a></li>
										<li><a class="dropdown-item" href="#">2</a></li>
										<li><a class="dropdown-item" href="#">3</a></li>
									</ul>
								</li>
									</ul>
								</li>
								<li class="nav-item">
									<a class="nav-link" aria-disabled="true">clients</a>
								</li>
								<li class="nav-item">
									<a class="nav-link" aria-disabled="true">Certification</a>
								</li>
								<li class="nav-item">
									<a class="nav-link" aria-disabled="true">Downloads</a>
								</li>
								<li class="nav-item">
									<a  href="contact.php"class="nav-link" aria-disabled="true">Contact Us</a>
								</li>
							</ul>
							<a href="contact.php" data-bs-toggle="modal" data-bs-target="#loginModal" class="btn-four">
								<span>Request a Quote </span>
								<div class="icon rounded-circle d-flex align-items-center justify-content-center">
								    <!--<i class="bi bi-arrow-right"></i>-->
								    </div>
							</a>
						</div>
					</div>
				</nav>
			</div>
		</header>
		
		<script>
		    <script>
document.addEventListener('DOMContentLoaded', function () {
    // Function to toggle nested dropdowns
    function toggleDropdown(event) {
        const target = event.currentTarget;
        const menu = target.nextElementSibling;

        if (menu && menu.classList.contains('dropdown-menu')) {
            // Prevent the event from bubbling up
            event.stopPropagation();

            // Toggle the menu visibility
            menu.classList.toggle('show');

            // Close other open menus
            document.querySelectorAll('.dropdown-menu.show').forEach(m => {
                if (m !== menu) {
                    m.classList.remove('show');
                }
            });
        }
    }

    // Add click event listeners to dropdown toggles
    document.querySelectorAll('.dropdown-toggle').forEach(toggle => {
        toggle.addEventListener('click', toggleDropdown);
    });

    // Close dropdowns when clicking outside
    document.addEventListener('click', function (event) {
        if (!event.target.closest('.dropdown')) {
            document.querySelectorAll('.dropdown-menu.show').forEach(menu => {
                menu.classList.remove('show');
            });
        }
    });
});
</script>

		</script>
		
		






		<!-- /.theme-main-menu -->
