HOME

Mini Shell 1.0
Current File : /home/havcofoods.com/www/food-applications.html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta name="viewport" content="width=device-width, initial-scale=1">
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<link rel="icon" type="image/x-icon" href="/images/favicon.png">
    <title>Havco foods Pvt. Ltd</title>
    <!-- Bootstrap Core CSS -->
    <link href="css/bootstrap.min.css" rel="stylesheet"> 
	<link rel="stylesheet" href="dist/aos.css" />

    <!-- Custom CSS -->
    <link href="style.css" rel="stylesheet">
	<link href="https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800;900&display=swap" rel="stylesheet">
	<link href="https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;500;600;700;800&display=swap" rel="stylesheet"> 
	
	<link rel="stylesheet" href="css/owl.carousel.min.css">
    <link rel="stylesheet" href="css/owl.theme.default.min.css">
	
    <!-- Custom Fonts -->
    <link href="font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css">
    <script src="https://code.jquery.com/jquery-latest.min.js" type="text/javascript"></script>
	
	<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/magnific-popup.js/1.1.0/magnific-popup.css" />
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.isotope/3.0.6/isotope.pkgd.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/magnific-popup.js/1.1.0/jquery.magnific-popup.js"></script>	
   
    <!--If you want to change #bootstrap-touch-slider id then you have to change Carousel-indicators and Carousel-Control  #bootstrap-touch-slider slide as well
        Slide effect: slide, fade
        Text Align: slide_style_center, slide_style_left, slide_style_right
        Add Text Animation: https://daneden.github.io/animate.css/
        -->


    <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
        <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
        <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->    
	
<script>
jQuery(window).scroll(function() {
    if (jQuery(this).scrollTop() > 20){  
        jQuery('.header').addClass("sticky");
    }
    else{
        jQuery('.header').removeClass("sticky");
    }
});

jQuery(window).scroll(function() {
    if (jQuery(this).scrollTop() > 20){  
        jQuery('.back-to-top').addClass("scroll");
    }
    else{
        jQuery('.back-to-top').removeClass("scroll");
    }
});
</script>

</head>
<body data-aos-easing="ease-out-back" data-aos-duration="1000" data-aos-delay="0">
	<header class="header" id="Home">  
		<section class="top-sec">    
		  <div class="container">
			<div class="row">
							  
			  <div class="col-sm-8">
				<ul>
				  <li><a href="#"><i class="fa fa-map-marker" aria-hidden="true"></i> Village: Isherhail, PO Balahri Kalan, Tehsil & District Fatehgarh Sahib, Punjab</a></li>
				  <li><a href="#"><i class="fa fa-envelope-o" aria-hidden="true"></i> havcofoods@gmail.com</a></li>
				</ul>	           
			  </div>
			  
			  <div class="col-sm-4 text-right">
				<div class="icon-top">
				  <a href="#" target="_blank"><i class="fa fa-facebook"></i></a>
				  <a href="#" target="_blank"><i class="fa fa-twitter"></i></a>
				  <a href="#" target="_blank"><i class="fa fa-youtube"></i></a>
				</div>		           
			  </div>	
					  
			</div><!--/ row -->
		  </div>
		</section>
		
		<section class="head-top">    
		  <div class="container">
			<div class="row align-items-center">
							  
			  <div class="col-sm-4 col-lg-3 logo">
				<a href="index.html"><img src="images/logo.png" alt="image"></a>           
			  </div>
			  
			  <div class="col-sm-7 col-lg-9 head-right">
				<ul>
				  <li>
					<figure><img src="images/icon-01.png" alt="Image"></figure>
					<label><span>FSSC</span> 22000</label>
					<p>Certifide Company</p>
				  </li>
				  
				  <li>
					<figure><img src="images/icon-02.jpg" alt="Image"></figure>
					<label>100% Trusted Company</label>
					<p>Certified by DBT, Govt of India</p>
				  </li>
				</ul>         
			  </div>	
					  
			</div><!--/ row -->
		  </div>
		</section>
		
		<nav>
		  <div class="container">
			<div class="navbar">
			  
			  <i class='fa fa-navicon bx bx-menu'></i>
			  <div class="logo hidden"><a href="index.html"><img src="images/logo.png" al="image"></a></div>
			  
			  <div class="nav-links">
			  
				<div class="sidebar-logo">
				  <span class="logo-name"><img src="images/logo.png" al="image"></span>
				  <i class="fa fa-close bx bx-x"></i>
				</div>
				
				<div class="hidden head-right">
				  <ul>
					  <li>
						  <figure><img src="images/icon-01.png" alt="Image"></figure>
						  <label><span>FSSC</span> 22000</label>
						  <p>Certifide Company</p>
						</li>
					
					<li>
					  <figure><img src="images/icon-02.jpg" alt="Image"></figure>
					  <label>100% Trusted Company</label>
					  <p>Certified by DBT, Govt of India</p>
					</li>
				  </ul>         
				</div>
				
				<ul class="links">			
				  <li><a href="index.html">Home</a></li>		
				  <li class="main-menu">
					<a>About Us</a>
					<i class="fa fa-angle-down htmlcss-arrow arrow" aria-hidden="true"></i>
					<ul class="htmlCss-sub-menu sub-menu">
					  <li><a href="company-profile.html">Company Profile</a></li>
					  <li><a href="our-vision.html">Our Vision</a></li>
					  <li><a href="board-of-directors.html">Board of Directors</a></li>
					  <li><a href="Opportunities.html">Opportunities</a></li>
					  <li><a href="raw-material-availability.html">Raw Material Availability</a></li>
					</ul>
				  </li>
				  
				  <li class="main-menu">
					<a href="food-applications.html">Food Applications</a>
					<i class="fa fa-angle-down htmlcss-arrow arrow" aria-hidden="true"></i>
					<ul class="htmlCss-sub-menu sub-menu">
					  <li><a href="food-applications.html#roti-chapati">Roti/Chapati (Unleavened Flatbread)</a></li>
					  <li><a href="food-applications.html#bread-and-bakery">Bread and Bakery Products</a></li>
					  <li><a href="food-applications.html#indian-snacks">Indian Snacks</a></li>
					  <li><a href="food-applications.html#pasta-and-noodles">Pasta and Noodles</a></li>
					  <li><a href="food-applications.html#indian-sweets">Indian Sweets and Desserts</a></li>
					  <li><a href="food-applications.html#batter-and-coating">Batter and Coating</a></li>
					  <li><a href="food-applications.html#chapati-atta">Chapati Atta (Flour Mix for Flatbreads)</a></li>
					  <li><a href="food-applications.html#instant-mixes">Instant Mixes</a></li>
					  <li><a href="food-applications.html#breakfast-cereals">Breakfast Cereals</a></li>
					  <li><a href="food-applications.html#soups-and-gravies">Soups and Gravies Thickening Agent</a></li>
					  <li><a href="food-applications.html#instant-noodles">Instant Noodles</a></li>
					  <li><a href="food-applications.html#papad-and-fried">Papad and Fried Snacks</a></li>
					</ul>
				  </li>
				  
				  <li class="main-menu">
					<a>Machinery Detail</a>
					<i class="fa fa-angle-down htmlcss-arrow arrow" aria-hidden="true"></i>
					<ul class="htmlCss-sub-menu sub-menu">
					  <li><a href="milling-section-buhler-make.html">Milling Section Buhler make</a></li>
					  <li><a href="cleaning-section-buhler-make.html">Cleaning Section Buhler make</a></li>
					</ul>
				  </li>
				  <li><a href="contact-us.html">Contact Us</a></li>
				</ul>
				
				<div class="call-us">
				  <span>Have Any Questions? </span><a href="tel:+91 9418710000"><i class="fa fa-volume-control-phone" aria-hidden="true"></i> +91 9418710000</a> <span class="menu-divider"></span>
				</div>
				
			  </div>
					  
			</div>
		  </div><!--/ container -->
		  
		</nav><!--/ nac -->
	  </header>

<section class="banner-inner">
  <div class="textblock">
    <div class="block">
      <div class="container">
	            
        <!-- page title -->
        <div class="page-title">
          <div class="holder"><h1>Wheat Processing and Food Applications</h1></div>
        </div><!--/ page-title -->
      
      </div><!--/ block -->
    </div>
  </div>
</section>

<section class="mid-inner">
  <div class="container">
    <div class="row">  
	
	  <div class="col-sm-12 full-grid">
	  
	    
		<div class="food-applications">
		  <div class="top-grid mrb-80">
		    <div class="inner text-center">
			  <h2 class="mrb-30">Wheat Processing and Food Applications</h2>
			  <p>Wheat flour is a staple ingredient in India and plays a crucial role in various food processing applications.</p> 
			  <p>Wheat flour, in its various forms, is a versatile ingredient deeply ingrained in the culinary traditions of India. Its applications are diverse, ranging from traditional staples to modern, convenience-oriented products.</p>
			  <p><b>Here are some common food processing and applications of wheat flour in India:</b></p>
			</div><!--/ full-grid -->
		  </div><!--/ top-grid --> 
		  
		  <div class="detail-wrapper">
		    <div class="row align-items-center" id="roti-chapati">           
			  <div class="col-md-5 left-grid">
			    <figure class="figure"><img src="images/service-01.jpg" alt="..."></figure>
			  </div><!--/ col -->
			  
			  <div class="col-md-7 right-grid">
			    <div class="info">
				  <h3>Roti/Chapati (Unleavened Flatbread)</h3>
				  <p>Wheat flour is the primary ingredient for making roti or chapati, which is a daily staple in Indian households. It is a versatile accompaniment to a wide range of curries and dishes.</p>
				  <p><a href="#Home" class="btn">Move To Top</a></p>
				</div>
			  </div><!--/ col -->
		    </div><!--/ row -->
			
		    <div class="row align-items-center" id="bread-and-bakery">           
			  <div class="col-md-5 left-grid">
			    <figure class="figure"><img src="images/service-02.jpg" alt="..."></figure>
			  </div><!--/ col -->
			  
			  <div class="col-md-7 right-grid">
			    <div class="info">
				  <h3>Bread and Bakery Products</h3>
				  <p>Wheat flour is used to make a variety of bread, including white bread, brown bread, and multigrain bread. Additionally, it is a key ingredient in bakery products such as biscuits, cookies, cakes, and pastries.</p>
				  <p><a href="#Home" class="btn">Move To Top</a></p>
				</div>
			  </div><!--/ col -->
		    </div><!--/ row -->
			
		    <div class="row align-items-center" id="indian-snacks">           
			  <div class="col-md-5 left-grid">
			    <figure class="figure"><img src="images/service-03.jpg" alt="..."></figure>
			  </div><!--/ col -->
			  
			  <div class="col-md-7 right-grid">
			    <div class="info">
				  <h3>Indian Snacks</h3>
				  <p>Many traditional Indian snacks are made using wheat flour, such as samosas, kachoris, pakoras, and various types of bread-based snacks. These snacks are popular across the country and are often enjoyed with chutneys or sauces.</p>
				  <p><a href="#Home" class="btn">Move To Top</a></p>
				</div>
			  </div><!--/ col -->
		    </div><!--/ row -->
			
		    <div class="row align-items-center" id="pasta-and-noodles">           
			  <div class="col-md-5 left-grid">
			    <figure class="figure"><img src="images/service-04.jpg" alt="..."></figure>
			  </div><!--/ col -->
			  
			  <div class="col-md-7 right-grid">
			    <div class="info">
				  <h3>Pasta and Noodles</h3>
				  <p>Wheat flour is a primary ingredient in the production of pasta and noodles. These products have gained popularity in India, and various regional and international variations are available to consumers.</p>
				  <p><a href="#Home" class="btn">Move To Top</a></p>
				</div>
			  </div><!--/ col -->
		    </div><!--/ row -->
			
		    <div class="row align-items-center" id="indian-sweets">           
			  <div class="col-md-5 left-grid">
			    <figure class="figure"><img src="images/service-05.jpg" alt="..."></figure>
			  </div><!--/ col -->
			  
			  <div class="col-md-7 right-grid">
			    <div class="info">
				  <h3>Indian Sweets and Desserts</h3>
				  <p>Wheat flour is used in the preparation of a variety of Indian sweets and desserts, including halwa, laddoos, and various types of Indian bread puddings like sheera or kheer.</p>
				  <p><a href="#Home" class="btn">Move To Top</a></p>
				</div>
			  </div><!--/ col -->
		    </div><!--/ row -->
			
		    <div class="row align-items-center" id="batter-and-coating">           
			  <div class="col-md-5 left-grid">
			    <figure class="figure"><img src="images/service-06.jpg" alt="..."></figure>
			  </div><!--/ col -->
			  
			  <div class="col-md-7 right-grid">
			    <div class="info">
				  <h3>Batter and Coating</h3>
				  <p>Wheat flour is commonly used to prepare batters for frying. It serves as a coating for vegetables, meats, and seafood before frying, contributing to the crispy texture of fried foods.</p>
				  <p><a href="#Home" class="btn">Move To Top</a></p>
				</div>
			  </div><!--/ col -->
		    </div><!--/ row -->
			
		    <div class="row align-items-center" id="chapati-atta">           
			  <div class="col-md-5 left-grid">
			    <figure class="figure"><img src="images/service-07.jpg" alt="..."></figure>
			  </div><!--/ col -->
			  
			  <div class="col-md-7 right-grid">
			    <div class="info">
				  <h3>Chapati Atta (Flour Mix for Flatbreads)</h3>
				  <p>Many brands in India produce specific types of wheat flour marketed as "Chapati Atta," specially designed for making soft and round chapatis. These atta varieties are often marketed based on their gluten content and milling process.</p>
				  <p><a href="#Home" class="btn">Move To Top</a></p>
				</div>
			  </div><!--/ col -->
		    </div><!--/ row -->
			
		    <div class="row align-items-center" id="instant-mixes">           
			  <div class="col-md-5 left-grid">
			    <figure class="figure"><img src="images/service-08.jpg" alt="..."></figure>
			  </div><!--/ col -->
			  
			  <div class="col-md-7 right-grid">
			    <div class="info">
				  <h3>Instant Mixes</h3>
				  <p>Wheat flour is included in various instant mixes for preparing quick snacks or meals. These mixes often include spices and other ingredients, allowing consumers to prepare dishes like pancakes, dosas, and idlis with minimal effort.</p>
				  <p><a href="#Home" class="btn">Move To Top</a></p>
				</div>
			  </div><!--/ col -->
		    </div><!--/ row -->
			
		    <div class="row align-items-center" id="breakfast-cereals">           
			  <div class="col-md-5 left-grid">
			    <figure class="figure"><img src="images/service-09.jpg" alt="..."></figure>
			  </div><!--/ col -->
			  
			  <div class="col-md-7 right-grid">
			    <div class="info">
				  <h3>Breakfast Cereals</h3>
				  <p>Wheat is a common ingredient in breakfast cereals, including wheat flakes and wheat-based porridge mixes. These cereals often cater to health-conscious consumers and may include additional grains for nutritional diversity.</p>
				  <p><a href="#Home" class="btn">Move To Top</a></p>
				</div>
			  </div><!--/ col -->
		    </div><!--/ row -->
			
		    <div class="row align-items-center" id="soups-and-gravies">           
			  <div class="col-md-5 left-grid">
			    <figure class="figure"><img src="images/service-010.jpg" alt="..."></figure>
			  </div><!--/ col -->
			  
			  <div class="col-md-7 right-grid">
			    <div class="info">
				  <h3>Soups and Gravies Thickening Agent</h3>
				  <p>Wheat flour is commonly used as a thickening agent in soups, gravies, and sauces. It helps achieve the desired consistency in these culinary preparations.</p>
				  <p><a href="#Home" class="btn">Move To Top</a></p>
				</div>
			  </div><!--/ col -->
		    </div><!--/ row -->
			
		    <div class="row align-items-center" id="instant-noodles">           
			  <div class="col-md-5 left-grid">
			    <figure class="figure"><img src="images/service-011.jpg" alt="..."></figure>
			  </div><!--/ col -->
			  
			  <div class="col-md-7 right-grid">
			    <div class="info">
				  <h3>Instant Noodles</h3>
				  <p>Wheat flour is a primary component in the production of instant noodles, a popular convenience food in India. These noodles are quick to prepare and come in various flavors.</p>
				  <p><a href="#Home" class="btn">Move To Top</a></p>
				</div>
			  </div><!--/ col -->
		    </div><!--/ row -->
			
		    <div class="row align-items-center" id="papad-and-fried">           
			  <div class="col-md-5 left-grid">
			    <figure class="figure"><img src="images/service-012.jpg" alt="..."></figure>
			  </div><!--/ col -->
			  
			  <div class="col-md-7 right-grid">
			    <div class="info">
				  <h3>Papad and Fried Snacks</h3>
				  <p>Wheat flour is used in the preparation of papad, a thin, crispy Indian flatbread that is typically sun-dried or deep-fried before consumption. It is also a key ingredient in the preparation of various fried snacks.</p>
				  <p><a href="#Home" class="btn">Move To Top</a></p>
				</div>
			  </div><!--/ col -->
		    </div><!--/ row -->
		  </div><!--/ detail-wrapper --> 
		  
		</div><!--/ food-applications --> 

      </div><!--/ full-grid -->    

    </div><!--/ row --> 
  </div>
</section><!--/ mid-inner -->

<section class="map">
  <div class="container-fluid">
    <div class="row">
	  
	  <div class="col-sm-12 pad-0">	    
        <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d6866.0584111596445!2d76.47569585839952!3d30.63313446859509!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x390fe191e465659b%3A0x55ff54826a0689eb!2sBalahri%20Kalan%2C%20Punjab!5e0!3m2!1sen!2sin!4v1701418946334!5m2!1sen!2sin" width="100%" height="450" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
      </div><!--/ col-sm-6 -->
     
    </div><!--/ row --> 
  </div>
</section>

<footer class="footer">  
   <div class="back-to-top"><a href="#Home" class="BackTo"><i class="fa fa-angle-double-up" aria-hidden="true"></i></a></div>
   <script>
$(document).ready(function(){
 let scroll_link = $('.scroll');

  //smooth scrolling -----------------------
  scroll_link.click(function(e){
      e.preventDefault();
      let url = $('body').find($(this).attr('href')).offset().top;
      $('html, body').animate({
        scrollTop : url
      },700);
      $(this).parent().addClass('active');
      $(this).parent().siblings().removeClass('active');
      return false;	
   });
});
</script>

  <div class="container">
  
    <div class="row">
      <div class="col-sm-4 footer-left">
        <div class="wg-1">
          <div class="ft-logo"><a href="#"><img src="images/logo.png" alt="image"></a></div>
		  <p class="mrb-30">Our Company incorporated on 27th July 2023 HAVCO FOODS PRIVATE LIMITED will employ best food processing technologies from around the world to manufacture & supply highly hygenic and nutritious wheat flour to wheat flour based manufacturing industries throughout the globe.</p>
		  
		  <!--ul>
		    <li>Monday - Saturday</li>
			<li>Morning 9.30 AM - 2.00 PM</li>
			<li>Evening 4.00 PM - 8.00 PM</li>
			<li>Sunday - 9.30am to 2.00pm</li>
		  </ul-->
        </div><!--/ wg-1 -->
      </div><!--/ col-sm-3 -->
	
	  <div class="col-sm-8 footer-right">
	    <div class="row">
		  
		  <div class="col-sm-4">
		    <div class="wg-1">
			  <h4>Quick Links</h4>
			  <ul>
			    <li><a href="index.html">Home</a></li>
				<li><a href="company-profile.html">Company Profile</a></li>
				<li><a href="Opportunities.html">Opportunities</a></li>
				<li><a href="food-applications.html">Food Applications</a></li>
				<li><a href="contact-us.html">Contact Us</a></li>
			  </ul>
			</div>
		  </div><!--/ col-sm -->
		  
		  <div class="col-sm-4">
		    <div class="wg-1">
			  <h4>Machinery Detail</h4>
			  <ul>
                <li><a href="milling-section-buhler-make.html">Milling Section Buhler make</a></li>
                <li><a href="cleaning-section-buhler-make.html">Cleaning Section Buhler make</a></li>
			  </ul>
			</div><!--/ wg-1 -->
		  </div><!--/ col-sm --> 
		  
		  <div class="col-sm-4">
		    <div class="wg-1">
              <h4>Contact us</h4>		          	  		
			    <address>
				  <i class="fa fa-map-marker" aria-hidden="true"></i>
				  <div><p>Village: Isherhail, PO Balahri Kalan, Tehsil & District Fatehgarh Sahib, Punjab</p></div>
				</address>
				
				<address>
				  <i class="fa fa-phone" aria-hidden="true"></i>
				  <div><p><a href="tel:+91 9418710000">+91 9418710000</a></p></div>
				</address>
				
				<address>
				  <i class="fa fa-envelope" aria-hidden="true"></i>
				  <div><p><a href="mailto: havcofoods@gmail.com">havcofoods@gmail.com</a></p></div>
				</address>		       		  	 
            </div>
		  </div><!--/ col-sm --> 
           
        </div><!-- row -->            
      </div><!-- footer-right -->
	  
    </div><!-- row -->            
  </div><!--/ container -->     
  
  <div class="ft-bottom">
    <div class="container">
      <div class="row">
		
		<div class="col-sm-8"><p class="copyright">Copyright © 2024 Havco foods Pvt. Ltd - Website Designed by <a href="http://htlogics.com/" target="_blank">H T Logics Pvt. Ltd.</a></p></div>
		
		<div class="col-sm-4">
		  <div class="icon-ft">
            <a target="_blank" href="#"><i class="fa fa-facebook"></i></a>
            <a target="_blank" href="#"><i class="fa fa-twitter"></i></a>
            <a target="_blank" href="#"><i class="fa fa-youtube"></i></a>
          </div>
	    </div>		
        
      </div><!--/ row -->
    </div>
  </div><!--/ ft-bottom -->
  
</footer>


<!-- Bootstrap Core JavaScript -->
<script src="js/bootstrap.bundle.min.js"></script>
<script src="js/owl.carousel.min.js"></script>
<script src="dist/aos.js"></script>	

<script>
function openCity(evt, cityName) {
  var i, tabcontent, tablinks;
  tabcontent = document.getElementsByClassName("tabcontent");
  for (i = 0; i < tabcontent.length; i++) {
    tabcontent[i].style.display = "none";
  }
  tablinks = document.getElementsByClassName("tablinks");
  for (i = 0; i < tablinks.length; i++) {
    tablinks[i].className = tablinks[i].className.replace(" active", "");
  }
  document.getElementById(cityName).style.display = "block";
  evt.currentTarget.className += " active";
}
</script>

<script>
 // search-box open close js code
	jQuery('#navigation-menu .menu-item-has-children').addClass('main-menu');
	jQuery('#navigation-menu .menu-item-has-children .sub-menu').addClass('htmlCss-sub-menu');
	jQuery('#navigation-menu .menu-item-has-children .sub-menu .menu-item-has-children').removeClass('main-menu').addClass('more');
	jQuery('#navigation-menu .menu-item-has-children .sub-menu .menu-item-has-children > .fa').removeClass('htmlcss-arrow').addClass('more-arrow');
	jQuery('#navigation-menu .menu-item-has-children .sub-menu .more .sub-menu').removeClass('htmlCss-sub-menu').addClass('more-sub-menu');
	jQuery('#navigation-menu .menu-item-has-children > a').after('<i class="fa fa-angle-down htmlcss-arrow arrow" aria-hidden="true"></i>');

	jQuery(document).ready(function () {
		jQuery('.more i').removeClass('htmlcss-arrow').addClass('more-arrow');
		jQuery(".more-arrow").click(function () {
			jQuery(".more-sub-menu").removeClass("hidden");
			jQuery(this).siblings(".more-sub-menu").toggle("hidden");
		});
	});

	let navbar = document.querySelector(".navbar");
	//let searchBox = document.querySelector(".search-box .bx-search");
	// let searchBoxCancel = document.querySelector(".search-box .bx-x");

	// sidebar open close js code
let navLinks = document.querySelector(".nav-links");
let menuOpenBtn = document.querySelector(".navbar .bx-menu");
let menuCloseBtn = document.querySelector(".nav-links .bx-x");
let menuLinks = document.querySelectorAll(".nav-links a"); // Select all links within the sidebar menu

menuOpenBtn.onclick = function () {
    navLinks.style.left = "0";
}

menuCloseBtn.onclick = function () {
    navLinks.style.left = "-100%";
}

// Close the menu when any link within it is clicked
menuLinks.forEach(link => {
    link.addEventListener('click', () => {
        navLinks.style.left = "-100%";
    });
});


	// sidebar submenu open close js code
	jQuery(".htmlcss-arrow").click(function () {
		jQuery(".htmlCss-sub-menu").removeClass("hidden");
		jQuery(this).siblings(".htmlCss-sub-menu").toggle("hidden");
	});


</script>

<script>
$('#owl-demo-1').owlCarousel({
    loop:true,
	autoplay:1000,
    autoplayHoverPause:true,
	autoplayTimeout:3000,
    margin:0,
    nav:true,
    responsive:{
        0:{
            items:1
        },
        600:{
            items:2
        },
        1000:{
            items:3
        }
    }
}) 

$('#owl-demo-2').owlCarousel({
    loop:true,
	autoplay:1000,
    autoplayHoverPause:true,
	autoplayTimeout:3000,
    margin:10,
    nav:true,
    responsive:{
        0:{
            items:1
        },
        600:{
            items:1
        },
        1000:{
            items:1
        }
    }
})  
</script>
		  
</body>
<script>
  AOS.init();
</script>
</html>