HOME

Mini Shell 1.0
DIR:/home/prashamcomputers.com/www/devwork/stolzelvalves/final/
Current File : /home/prashamcomputers.com/www/devwork/stolzelvalves/final/index.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" />
    <title>stolzelvalves</title>
    <!-- Bootstrap Core CSS -->
    <link href="css/bootstrap.min.css" rel="stylesheet">
    <link href="css/bootstrap-theme.min.css" rel="stylesheet" type="text/css">        

    <!-- Custom CSS -->
    <link href="style.css" rel="stylesheet">
	<link href="css/grid.min.css" rel="stylesheet">
	
	<link href="https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;600;700;800&display=swap" 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"> 

	 <!-- Owl Carousel Assets -->
    <link href="css/owl.carousel.css" rel="stylesheet">
    <link href="css/owl.theme.css" rel="stylesheet">
	
    <!-- 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 href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.5.2/animate.min.css" rel="stylesheet" media="all"> 

  
   <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>
$(window).scroll(function() {
    if ($(this).scrollTop() > 20){  
        $('.header').addClass("sticky");
    }
    else{
        $('.header').removeClass("sticky");
    }
});
</script>
    
</head>
<body>  
<header class="header">
    <section class="top-sec">    
    <div class="container">
      <div class="row">
        
        <div class="col-sm-7">
		  <div class="phn-detail">
		    <ul>
			<li><a href="tel:+91-9888491557"><i class="fa fa-headphones"></i>+91-9888491557</a>, <a href="tel:+91-9888495001">+91-9888495001</a></li>
            <li><a href="mailto:sales@energyengg.in"><i class="fa fa-envelope-o"></i> sales@energyengg.in</a></li>         
          </ul>
		  </div>
        </div>
        
        <div class="col-sm-5 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-linkedin"></i></a>
			<a href="#" target="_blank"><i class="fa fa-google-plus"></i></a> 			
		  </div>
        </div>                                                  
                
      </div><!--/ row -->
    </div>
  </section>
  
  <div class="menu-head">             
    <div class="container">
	  
	  <div class="product_search_form">
		   <form>
			<div class="collapse" id="search-input" aria-expanded="false">
				<div class="input-group">
              <input name="s" id="s" class="form-control" placeholder="Search" required="" type="text">
              <button type="submit" class="search_btn"><i class="fa fa-search" aria-hidden="true"></i></button>
				</div></div>
			 
			 <button class="collapsed click-btn" type="button" data-toggle="collapse" data-target="#search-input" aria-controls="search-input" aria-expanded="false"><span class="fa fa-fw fa-search" title="search" aria-hidden="true"></span><span class="sr-only">Search</span></button>
            </form>		 
      </div>
		  
      <nav class="navbar navbar-default">
        <div class="navbar-header">
          <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
          <span class="sr-only">Menu</span>
          <span class="icon-bar"></span>
          <span class="icon-bar"></span>
          <span class="icon-bar"></span>
          </button>
          <a class="navbar-brand nav-logo" href="#">STOLZEL<span>®</span></a>
        </div>
        
        <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
          <ul class="nav navbar-nav">
            <li><a href="#">Home</a></li>
			<li><a href="#">About Us</a></li>
            <li class="li-arrow"><a href="#">Products</a>            
              <ul class="sub-menu">
                <li><a href="#">Vacuum Systems</a></li>
				<li><a href="#">Pneumatic Actuator</a></li>
				<li><a href="#">Electrical Actuator</a></li>
				<li><a href="#">Pneumatic Actuated Valves</a></li>
				<li><a href="#">Electrical Actuated Valves</a></li>
				<li><a href="#">Solenoid Valves</a></li>
              </ul>
            </li>								
			<li><a href="#">YouTube Channel</a></li>
			<li><a href="#">Career</a></li>
			<li><a href="#">Contact</a></li>
          </ul>
        </div><!-- /.navbar-collapse -->
      </nav>
	    
    </div><!--/ menu-head -->           
  </div><!--/ container -->
</header>

<section class="banner" id="Home">
  <div id="bootstrap-touch-slider" class="carousel bs-slider fade control-round indicators-line" data-ride="carousel" data-pause="hover" data-interval="5000">    
    <!-- Wrapper For Slides -->
    <div class="carousel-inner" role="listbox">
      <!-- Third Slide -->
      <div class="item active">
        <figure><img src="images/slider-01.jpg" alt="image" class="slide-image"></figure>
        <div class="slide-text">
          <div class="container">
            <div class="row">
			
			  <div class="col-sm-7 banner-left">
                <h1 data-animation="animated fadeInDown">Technology to power your <span>business</span></h1>
                <p data-animation="animated fadeInDown">Lorem ipsum dolor sit amet consectetur adipiscing elitsed do eiusmod tempor incididunt utlabore et dolore magna aliqua Utenim ad minim veniam quis nostrud exercitation ullamco laboris.</p>
				<p><a href="#" class="btn btn-default" data-animation="animated fadeInDown">Read More</a></p>
              </div>
			
			  <div class="col-sm-5 banner-right">
                <figure data-animation="animated fadeIn" class="">
			      <img src="images/banner-01.png" alt="Image">
			    </figure>
              </div>
			
            </div><!-- row -->
          </div>
        </div><!--/ slide-text -->
      </div><!-- End of Slide -->           
      
      <div class="item">
        <figure><img src="images/slider-02.jpg" alt="image" class="slide-image"></figure>
        <div class="slide-text">
          <div class="container">
            <div class="row">
			
			  <div class="col-sm-7 banner-left">
                <h1 data-animation="animated fadeInDown">Technology to power your <span>business</span></h1>
                <p data-animation="animated fadeInDown">Lorem ipsum dolor sit amet consectetur adipiscing elitsed do eiusmod tempor incididunt utlabore et dolore magna aliqua Utenim ad minim veniam quis nostrud exercitation ullamco laboris.</p>
				<p><a href="#" class="btn btn-default" data-animation="animated fadeInDown">Read More</a></p>
              </div>
			
			  <div class="col-sm-5 banner-right">
                <figure data-animation="animated fadeIn" class="">
			      <img src="images/banner-02.png" alt="Image">
			    </figure>
              </div>
            </div><!-- row -->
          </div>
        </div><!--/ slide-text -->
      </div><!-- End of Slide -->
    
    </div><!-- End of Wrapper For Slides -->
    
    <!-- Left Control -->
    <a class="left carousel-control" href="#bootstrap-touch-slider" role="button" data-slide="prev"><span class="fa fa-angle-left" aria-hidden="true"></span><span class="sr-only">Previous</span></a>
    
    <!-- Right Control -->
    <a class="right carousel-control" href="#bootstrap-touch-slider" role="button" data-slide="next"><span class="fa fa-angle-right" aria-hidden="true"></span><span class="sr-only">Next</span></a>
    	
  </div> <!-- End  bootstrap-touch-slider Slider -->           
</section>

<section class="promo-area">
  <div class="container">
    <div class="row">
	  
	  <div class="col-sm-3 promo-col">
	    <div class="single-promo">
		  <figure><img src="images/icon-01.png" alt="Image"></figure>
		  <h3>Automotive Parts & System</h3>
		  <p>Lorem ipsum dolor sit amet conse ctetur adipi sicing elit sed eiusmod temp incididunt.</p>
		  <div class="item-button"><a class="btn" href="#"> Read More</a></div>
		</div>
	  </div>
	  
	  <div class="col-sm-3 promo-col">
	    <div class="single-promo">
		  <figure><img src="images/icon-02.png" alt="Image"></figure>
		  <h3>Energy Distribution & Grids </h3>
		  <p>Lorem ipsum dolor sit amet conse ctetur adipi sicing elit sed eiusmod temp incididunt.</p>
		  <div class="item-button"><a class="btn" href="#"> Read More</a></div>
		</div>
	  </div>
	  
	  <div class="col-sm-3 promo-col">
	    <div class="single-promo">
		  <figure><img src="images/icon-03.png" alt="Image"></figure>
		  <h3>Construction & Engineering</h3>
		  <p>Lorem ipsum dolor sit amet conse ctetur adipi sicing elit sed eiusmod temp incididunt.</p>
		  <div class="item-button"><a class="btn" href="#"> Read More</a></div>
		</div>
	  </div>
	  
	  <div class="col-sm-3 promo-col">
	    <div class="single-promo">
		  <figure><img src="images/icon-04.png" alt="Image"></figure>
		  <h3>Auto & Motive Power Supply</h3>
		  <p>Lorem ipsum dolor sit amet conse ctetur adipi sicing elit sed eiusmod temp incididunt.</p>
		  <div class="item-button"><a class="btn" href="#"> Read More</a></div>
		</div>
	  </div>
			
    </div><!-- row-->
  </div><!-- .container end -->
</section><!--/  promo-area -->       

<section class="about-sec">
  <div class="container">
    <div class="row">           
	
	  <div class="col-sm-7 about-left pull-right">
	    <h2><span>About Stolzel Valves</span>Our Values and Goals</h2>
		<p>Energy Engineering is privately owned company and was founded in 2008 by young dynamic leader Mr. Sangeet Kohli through vast knowledge in Energy Efficiency & Automation to Process Industries.</p>
		<p>A pioneer in his field, Mr. Sangeet Kohli developed a number of solutions for process industries to reduce power, steam & water consumption. Always believe in quality work, gives him a way to adopt Automation in every part of process.</p>
		<p>Some of process industries like Pharmaceutical & Chemicals, Food & Beverages, Cosmetic Industries, Refineries and Paper & Pulp already get benefit through us.</p>
		<p>EE has executed more than 50 projects across India with variety of Energy Efficient System, Target Energy Audit, and Energy Monitoring & Automation System. EE offers a number of best-of-breed solutions to get maximum energy saving in the process industries.</p>
		<div class="box-sign">
		  <b>Sangeet Kohli</b>
          <span>Founder &amp; CEO</span>
        </div>
		<p><a href="#" class="btn"><span>View More <i class="fa fa-angle-double-right" aria-hidden="true"></i></span></a></p>
      </div><!--/ col-sm -->
	  
	  <div class="col-sm-5 about-right">
	    <figure>
		  <img class="thumbnail" src="images/about.png" alt="">
		  <figcaption>
		    <div class="box">
			  <div class="inner">
			    <div class="icon-box">
				  <div class="icon icon-1"></div>
				  <div class="icon icon-2"></div>
				</div>
				<span>Stolzel Valves</span>
				<h1>24</h1>
				<p>Years Of Experience</p>
			  </div>
			</div>
		  </figcaption>
		</figure>
	  </div>	  
     
    </div><!--/ row --> 
  </div>
</section><!--/ about-sec -->

<section class="service-sec">
  <div class="container">
    <div class="row">
	  
	  <div class="col-sm-12">
	    <h2><span>Our Products</span>We Offer Better Services For Your Business</h2>
		<div class="service-btn"><a href="#" class="btn active-btn">View All Products</a></div>
	  </div>
	  
	  <div class="col-sm-12 pad-0">
	    <div id="owl-demo">
		
		  <div class="item">
		    <div class="service-box">
		      <figure><a href="#"><img src="images/product-01.png" alt="Image"></a></figure>
		      <div class="service-padd">
		        <h4>2/2 Way Pilot Operated Diaphragm Type Solenoid Valve</h4>
		        <p>Lorem ipsum dolor sit amet conse ctetur adipi sicing elit sed eiusmod temp incididunt.</p>
			    <p><a href="#" class="btn">View Details <i class="fa fa-angle-double-right"></i></a></p>
		      </div>
		    </div>
		  </div>
			
		  <div class="item">
			<div class="service-box">
		      <figure><a href="#"><img src="images/product-02.png" alt="Image"></a></figure>
		      <div class="service-padd">
		        <h4>Electrical Actuated 2 Way <br>Ball Valve</h4>
		        <p>Lorem ipsum dolor sit amet conse ctetur adipi sicing elit sed eiusmod temp incididunt.</p>
			    <p><a href="#" class="btn">View Details <i class="fa fa-angle-double-right"></i></a></p>
		      </div>
		    </div>
		  </div>
		  
		  <div class="item">
		    <div class="service-box">
		      <figure><a href="#"><img src="images/product-03.png" alt="Image"></a></figure>
		      <div class="service-padd">
		        <h4>Electrical Actuated 3 Way <br>Ball Valve</h4>
		        <p>Lorem ipsum dolor sit amet conse ctetur adipi sicing elit sed eiusmod temp incididunt.</p>
			    <p><a href="#" class="btn">View Details <i class="fa fa-angle-double-right"></i></a></p>
		      </div>
		    </div>
		  </div>
			
		  <div class="item">
			<div class="service-box">
		      <figure><a href="#"><img src="images/product-04.png" alt="Image"></a></figure>
		      <div class="service-padd">
		        <h4>Electrical Actuated 2 Way <br>Ball Valve</h4>
		        <p>Lorem ipsum dolor sit amet conse ctetur adipi sicing elit sed eiusmod temp incididunt.</p>
			    <p><a href="#" class="btn">View Details <i class="fa fa-angle-double-right"></i></a></p>
		      </div>
		    </div>
		  </div>
		  
		  <div class="item">
			<div class="service-box">
		      <figure><a href="#"><img src="images/product-05.png" alt="Image"></a></figure>
		      <div class="service-padd">
		        <h4>Electrical Actuated Spherical Disc Butterfly Valve</h4>
		        <p>Lorem ipsum dolor sit amet conse ctetur adipi sicing elit sed eiusmod temp incididunt.</p>
			    <p><a href="#" class="btn">View Details <i class="fa fa-angle-double-right"></i></a></p>
		      </div>
		    </div>
		  </div>
		  
		  <div class="item">
			<div class="service-box">
		      <figure><a href="#"><img src="images/product-06.png" alt="Image"></a></figure>
		      <div class="service-padd">
		        <h4>Electrical Actuated Pharma <br>Ball Valve</h4>
		        <p>Lorem ipsum dolor sit amet conse ctetur adipi sicing elit sed eiusmod temp incididunt.</p>
			    <p><a href="#" class="btn">View Details <i class="fa fa-angle-double-right"></i></a></p>
		      </div>
		    </div>
		  </div>
		  
		</div><!--/ owl-demo --> 
	  </div>
			
    </div><!-- row-->
  </div><!-- .container end -->
</section><!--/  service-sec  -->  

<section class="Find-Out-More">
  <div class="container">
    <div class="row">
      	  
	  <div class="col-sm-12 fom-top">
	    <h2><span>Find Out More </span>About Us</h2>
		 <p>Lorem ipsum dolor sit amet consectetur adipiscing elitsed do eiusmod tempor incididunt utlabore et dolore magna aliqua Utenim ad minim veniam quis nostrud exercitation ullamco laboris.</p>
      </div><!--/ col-sm -->
	  
	  <div class="col-sm-12 fom-bottom">
	  <div class="tabs-background">
	    <ul class="nav nav-tabs">
		  <li class="active"><a data-toggle="tab" href="#why-choose-us">Why Choose Us</a></li>
		  <li><a data-toggle="tab" href="#mission-vision">Mission & Vision</a></li>
		  <li><a data-toggle="tab" href="#history">History</a></li>
		  <li><a data-toggle="tab" href="#our-growth">Our Growth</a></li>
		</ul>
		
		<div class="tab-content">
		  <div id="why-choose-us" class="tab-pane fade in active">
			<p>Lorem ipsum dolor sit amet consectetur adipiscing elitsed do eiusmod tempor incididunt utlabore et dolore magna aliqua Utenim ad minim veniam quis nostrud exercitation ullamco laboris. Lorem ipsum dolor sit amet consectetur adipiscing elitsed do eiusmod tempor incididunt utlabore et dolore magna aliqua Utenim ad minim veniam quis nostrud exercitation ullamco laboris.</p>
			
			<div class="row why-choose">
			  <div class="col-sm-6 wc-col">
			    <div class="wc-box">
				  <figure><i class="fa fa-lightbulb-o" aria-hidden="true"></i></figure>
			      <div class="wc-padd">
			        <h4>Creative Ideas</h4>
				    <p>Sed quia non numquam eius modi tempora incidunt ut labore.</p>
				  </div>
				</div>
			  </div><!--/ wc-col -->
			  
			  <div class="col-sm-6 wc-col">
			    <div class="wc-box">
				  <figure><i class="fa fa-check-square-o" aria-hidden="true"></i></figure>
			      <div class="wc-padd">
			        <h4>Safety First</h4>
				    <p>Sed quia non numquam eius modi tempora incidunt ut labore.</p>
				  </div>
				</div>
			  </div><!--/ wc-col -->
			  
			  <div class="col-sm-6 wc-col">
			    <div class="wc-box">
				  <figure><i class="fa fa fa-clock-o" aria-hidden="true"></i></figure>
			      <div class="wc-padd">
			        <h4>24/7 Support</h4>
				    <p>Sed quia non numquam eius modi tempora incidunt ut labore.</p>
				  </div>
				</div>
			  </div><!--/ wc-col -->
			  
			  <div class="col-sm-6 wc-col">
			    <div class="wc-box">
				  <figure><i class="fa fa-trophy" aria-hidden="true"></i></figure>
			      <div class="wc-padd">
			        <h4>Honorable Award</h4>
				    <p>Sed quia non numquam eius modi tempora incidunt ut labore.</p>
				  </div>
				</div>
			  </div><!--/ wc-col -->
			</div><!--/ row -->
		  </div>
		  
		  <div id="mission-vision" class="tab-pane fade">
			<div class="row misson-vision">
			  <div class="col-sm-6 mv-col">
			    <div class="misson-vision-box">
		          <figure><a href="#"><img src="images/slider-01.jpg" alt="Image"></a></figure>
				  <h4>Our Mission</h4>
				  <p>At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui officia deserunt mollitia animi, id est laborum et dolorum fuga. Et harum quidem rerum facilis est et expedita distinctio.</p>
				</div>
			  </div><!--/ col -->	
			  
			  <div class="col-sm-6 mv-col">
			    <div class="misson-vision-box">
		          <figure><a href="#"><img src="images/slider-02.jpg" alt="Image"></a></figure>
				  <h4>Our Vision</h4>
				  <p>At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui officia deserunt mollitia animi, id est laborum et dolorum fuga. Et harum quidem rerum facilis est et expedita distinctio.</p>
				</div>
			  </div><!--/ col -->			  
			</div><!--/ row -->
	     </div>
		 
		 <div id="history" class="tab-pane fade">
           <div class="history-row">
             <div class="history-box">
		       <h4>1955 - From Birth to a Period of Growth</h4>
			   <p>Nippon Gakki Hamana Factory established in Hamakita-cho (present Hamamatsu city), Hamana-gun, Shizuoka Pref and production of our first product, the 125cc Yamaha motorcycle “YA-1” begins.</p>
			 </div>
			 
			 <div class="history-box">
			   <h4>1970 - Creation of Demand and New Business</h4>
			   <p>Yamaha Motor Canada Limited (YMCA) founded in Canada. Signed joint venture agreement with Brunswick Co. (U.S.) and Brunswick invests in Sanshin Industries.</p>
			 </div>
			 
			 <div class="history-box">
			   <h4>2000 - Opening up Limitless Worlds of Potential</h4>
			   <p>Yamaha builds temporary pool “Suimu 21” for the main competition pool of the 9th World Swimming Championships in Fukuoka, Japan Yamaha succeeds in the high-concentration mass culturing.</p>
			 </div>
			 
			 <div class="history-box">
			   <h4>2010 - Moving further with global operations and monozukuri reforms</h4>
			   <p>Medium-term management plan with central pillars of structural reform and growth strategies announced. Start of increased manufactuaring of Japanese boats to assist Great East Japan Earthquake recovery efforts.</p>
		     </div><!--/ history-box -->
		   </div><!--/ history-row -->
        </div>
		
		<div id="our-growth" class="tab-pane fade">
          <div class="growth-row">
		    <p>Lorem ipsum dolor sit amet consectetur adipiscing elitsed do eiusmod tempor incididunt utlabore et dolore magna aliqua Utenim ad minim veniam quis nostrud exercitation ullamco laboris.</p>
			<figure><img src="images/service-chart.jpg" alt="image"></figure>
		  </div>
        </div><!--/ our-growth -->
      </div>
	  
    </div><!--/ tabs-background -->
    </div><!--/ col-sm -->
         
    </div><!--/ row -->	
  </div>
</section><!--/ find-out-more -->

<section class="counter-sec">
  <div class="container">
    <div class="row" id="counter">
	
	  <div class="col-sm-3 counter-Txt">
	  <div class="counter-padd">
	    <figure><img src="images/counter-01.png" alt="images"></figure>
		<div>
		  <h4>Professionals Team</h4>
	      <span class="counter-value" data-count="50">0</span><span>+</span>
	    </div>
	  </div>
	  </div>
	  
	  <div class="col-sm-3 counter-Txt">
	  <div class="counter-padd">
	    <figure><img src="images/counter-02.png" alt="images"></figure>
		<div>
		  <h4>Product <br>Results</h4>
	      <span class="counter-value" data-count="100">0</span><span>%</span>
	    </div>
	  </div>
	  </div>
	  
	  <div class="col-sm-3 counter-Txt">
	  <div class="counter-padd">
	    <figure><img src="images/counter-03.png" alt="images"></figure>
		<div>
		  <h4>Customer Satisfaction</h4>
	      <span class="counter-value" data-count="100">0</span><span>%</span>
	    </div>
	  </div>
	  </div>
	  
	  <div class="col-sm-3 counter-Txt">
	  <div class="counter-padd">
	    <figure><img src="images/counter-05.png" alt="images"></figure>
		<div>
		  <h4>Money Back Guarantee</h4>
	      <span class="counter-value" data-count="100">0</span> <span>%</span>
	    </div>
	  </div>
	  </div>

    </div><!--/ row --> 
  </div>
</section><!--/ counter-sec -->  

<section class="client-speak">
  <div class="container">
    <div class="row">
      
	  
	  <div class="col-sm-12 grid-left">
	    <h2><span>Testimonials feedback</span>What our clients think</h2>
	  </div>
	  
	  <div class="col-sm-12 grid-left pad-0">		 
		<div id="owl-demo-2">
		  <div class="item">
		    <div class="item-bg"> 		  
		      <p>Lorem ipsum dolor sit amet consectetur adipiscing elitsed do eiusmod tempor incididunt utlabore et dolore aliqua.</p>
			</div>
			<div class="testmonial-author">
			  <img src="images/author.jpg" alt="">
			  <h4>Richard Branson <span>Virgin</span></h4>
			</div>
		  </div><!--/ item -->
		  
		  <div class="item">
		    <div class="item-bg"> 		  
		      <p>Lorem ipsum dolor sit amet consectetur adipiscing elitsed do eiusmod tempor incididunt utlabore et dolore aliqua.</p>
			</div>
			<div class="testmonial-author">
			  <img src="images/author.jpg" alt="">
			  <h4>Richard Branson <span>Virgin</span></h4>
			</div>
		  </div><!--/ item -->
		  
		  <div class="item">
		    <div class="item-bg"> 		  
		      <p>Lorem ipsum dolor sit amet consectetur adipiscing elitsed do eiusmod tempor incididunt utlabore et dolore aliqua.</p>
			</div>
			<div class="testmonial-author">
			  <img src="images/author.jpg" alt="">
			  <h4>Richard Branson <span>Virgin</span></h4>
			</div>
		  </div><!--/ item -->
		  
		  <div class="item">
		    <div class="item-bg"> 		  
		      <p>Lorem ipsum dolor sit amet consectetur adipiscing elitsed do eiusmod tempor incididunt utlabore et dolore aliqua.</p>
			</div>
			<div class="testmonial-author">
			  <img src="images/author.jpg" alt="">
			  <h4>Richard Branson <span>Virgin</span></h4>
			</div>
		  </div><!--/ item -->
		  
		  <div class="item">
		    <div class="item-bg"> 		  
		      <p>Lorem ipsum dolor sit amet consectetur adipiscing elitsed do eiusmod tempor incididunt utlabore et dolore aliqua.</p>
			</div>
			<div class="testmonial-author">
			  <img src="images/author.jpg" alt="">
			  <h4>Richard Branson <span>Virgin</span></h4>
			</div>
		  </div><!--/ item -->
		  
		  <div class="item">
		    <div class="item-bg"> 		  
		      <p>Lorem ipsum dolor sit amet consectetur adipiscing elitsed do eiusmod tempor incididunt utlabore et dolore aliqua.</p>
			</div>
			<div class="testmonial-author">
			  <img src="images/author.jpg" alt="">
			  <h4>Richard Branson <span>Virgin</span></h4>
			</div>
		  </div><!--/ item -->
		  
		  <div class="item">
		    <div class="item-bg"> 		  
		      <p>Lorem ipsum dolor sit amet consectetur adipiscing elitsed do eiusmod tempor incididunt utlabore et dolore aliqua.</p>
			</div>
			<div class="testmonial-author">
			  <img src="images/author.jpg" alt="">
			  <h4>Richard Branson <span>Virgin</span></h4>
			</div>
		  </div><!--/ item -->
		  
		  <div class="item">
		    <div class="item-bg"> 		  
		      <p>Lorem ipsum dolor sit amet consectetur adipiscing elitsed do eiusmod tempor incididunt utlabore et dolore aliqua.</p>
			</div>
			<div class="testmonial-author">
			  <img src="images/author.jpg" alt="">
			  <h4>Richard Branson <span>Virgin</span></h4>
			</div>
		  </div><!--/ item -->
		  
		  <div class="item">
		    <div class="item-bg"> 		  
		      <p>Lorem ipsum dolor sit amet consectetur adipiscing elitsed do eiusmod tempor incididunt utlabore et dolore aliqua.</p>
			</div>
			<div class="testmonial-author">
			  <img src="images/author.jpg" alt="">
			  <h4>Richard Branson <span>Virgin</span></h4>
			</div>
		  </div><!--/ item -->
		  
		  <div class="item">
		    <div class="item-bg"> 		  
		      <p>Lorem ipsum dolor sit amet consectetur adipiscing elitsed do eiusmod tempor incididunt utlabore et dolore aliqua.</p>
			</div>
			<div class="testmonial-author">
			  <img src="images/author.jpg" alt="">
			  <h4>Richard Branson <span>Virgin</span></h4>
			</div>
		  </div><!--/ item -->
		  
		</div>
      </div><!--/ grid-left -->  
          
    </div><!--/ row -->	
  </div>
</section><!--/ client-speak  -->

<section class="product-table">
  <div class="container">
    <div class="row">

	  <div class="col-sm-4 left-col">
	    <figure><img src="images/thinking.jpg" alt="image"></figure>
      </div><!--/ col-sm --> 
	  
	  <div class="col-sm-8 right-col">
	    <div class="table-responsive">
		  <table class="table table-striped">
		    <thead>
			  <tr>
			    <th>Control Criteria</th>
				<th>Pneumatic Actuated Value</th>
				<th>Motorized Actuated Value</th>
				<th>Solenoid Value</th>
			  </tr>
			</thead>
			<tbody>
			  <tr>
			    <td>Fluid with Foreign Particles</td>
				<td>Suitable</td>
				<td>Suitable</td>
				<td>Not Suitable</td>
			  </tr>
			  
			  <tr>
			    <td>Pneumatic supply not Feasible</td>
				<td>Not Suitable</td>
				<td>Suitable</td>
				<td>Suitable</td>
			  </tr>
			  
			  <tr>
			    <td>Fluid with dissolve particles</td>
				<td>Suitable</td>
				<td>Suitable</td>
				<td>Suitable</td>
			  </tr>
			  
			  <tr>
			    <td>Temp.>180°c</td>
				<td>Suitable</td>
				<td>Suitable</td>
				<td>Not Suitable</td>
			  </tr>
			  
			  <tr>
			    <td>Pressure > 16 Bar</td>
				<td>Suitable</td>
				<td>Suitable</td>
				<td>Not Suitable</td>
			  </tr>
			  
			  <tr>
			    <td>Steam Applications</td>
				<td>Suitable</td>
				<td>Suitable</td>
				<td>Suitable</td>
			  </tr>
			  
			  <tr>
			    <td>Gas Applocation</td>
				<td>Suitable</td>
				<td>Suitable</td>
				<td>Suitable</td>
			  </tr>
			  
			  <tr>
			    <td>Owing Cost</td>
				<td>Moderate</td>
				<td>Comparatively High</td>
				<td>Low</td>
			  </tr>
			  
			  <tr>
			    <td>Operational Cost</td>
				<td>Comparatively High</td>
				<td>Moderate</td>
				<td>Low</td>
			  </tr>
			  
			  <tr>
			    <td>Maintenance</td>
				<td>Comparatively High</td>
				<td>Low</td>
				<td>Low</td>
			  </tr>
			</tbody>
		  </table>
        </div><!--/ table-responsive -->  
      </div><!--/ col-sm -->  
          
    </div><!--/ row -->	
  </div>
</section><!--/ product-table -->

<section class="team-sec">
  <div class="container">
    <div class="row">
	
	  <div class="col-sm-12 team-full">
	    <h2><span>Our Team</span>Digitally Yours</h2>
		<p>Lorem ipsum dolor sit amet consectetur adipiscing elitsed do eiusmod tempor incididunt utlabore et dolore magna aliqua Utenim ad minim veniam quis nostrud exercitation ullamco laboris.</p>
		<div class="service-btn"><a href="#" class="btn active-btn">View the team</a></div>
	  </div>
	  
	  <div class="col-sm-4">
	    <div class="team-box">
		  <figure><img src="images/team-01.jpg" alt=""></figure>
		  <div class="caption">
		    <h3>Sangeet Kohli <span>Director Technical</span></h3>
            <p>Lorem ipsum dolor sit amet consectetur adipiscing elitsed do eiusmod tempor incididunt utlabore et dolore magna aliqua Utenim ad minim veniam quis nostrud exercitation ullamco laboris.</p>
            <span class="icon-links">
              <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-google-plus"></i></a>
            </span>
		  </div>
        </div>
	  </div><!--/ col-sm -->

	  <div class="col-sm-4">
	    <div class="team-box">
		  <figure><img src="images/team-02.jpg" alt=""></figure>
		  <div class="caption">
		    <h3>Naresh Garg <span>Director Projects</span></h3>
            <p>Lorem ipsum dolor sit amet consectetur adipiscing elitsed do eiusmod tempor incididunt utlabore et dolore magna aliqua Utenim ad minim veniam quis nostrud exercitation ullamco laboris.</p>
            <span class="icon-links">
              <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-google-plus"></i></a>
            </span>
		  </div>
        </div>
	  </div><!--/ col-sm -->

	  <div class="col-sm-4">
	    <div class="team-box">
		  <figure><img src="images/team-03.jpg" alt=""></figure>
		  <div class="caption">
		    <h3>Jyoti <span>Technical Support</span></h3>
            <p>Lorem ipsum dolor sit amet consectetur adipiscing elitsed do eiusmod tempor incididunt utlabore et dolore magna aliqua Utenim ad minim veniam quis nostrud exercitation ullamco laboris.</p>
            <span class="icon-links">
              <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-google-plus"></i></a>
            </span>
		  </div>
        </div>
	  </div><!--/ col-sm -->

    </div><!--/ row --> 
  </div>
</section><!--/ counter-sec --> 

<section class="gallery-sec">
  <div class="container">
	
	<div class="row">
	  <div class="col-sm-5">
	    <h2><span>Lorem Ipsum</span>Application Section</h2>
	  </div>
	  
	  <div class="col-sm-7">
	    <div class="portfolio-menu">
            <ul>
               <li class="btn btn-outline-dark active" data-filter="*">All Projects</li>
               <li class="btn btn-outline-dark" data-filter=".Eco">Eco</li>
               <li class="btn btn-outline-dark" data-filter=".Manufacturing">Manufacturing</li>
               <li class="btn btn-outline-dark text" data-filter=".Industry">Industry</li>
               <li class="btn btn-outline-dark text" data-filter=".Oil">Oil</li>
               <li class="btn btn-outline-dark text" data-filter=".Gas">Gas</li>
            </ul>
         </div>
      </div>
	</div>
	
	<div class="portfolio-item row">
	  <div class="item Eco col-sm-4 col-6 col-sm">
		<a href="images/Eco/01.jpg" class="fancylight popup-btn" data-fancybox-group="light">
		  <img class="img-fluid" src="images/Eco/01.jpg" alt="">
		  <div class="recet-work-footer">
		    <i class="fa fa-photo" aria-hidden="true"></i>
            <h3>Eco</h3>
		  </div>
        </a>
      </div><!--/ Eco end -->
	  
	  <div class="item Manufacturing col-sm-4 col-6 col-sm">
		<a href="images/Manufacturing/01.jpg" class="fancylight popup-btn" data-fancybox-group="light">
		  <img class="img-fluid" src="images/Manufacturing/01.jpg" alt="">
		  <div class="recet-work-footer">
		    <i class="fa fa-photo" aria-hidden="true"></i>
            <h3>Manufacturing</h3>
		  </div>
        </a>
      </div><!--/ Manufacturing end -->
	  
	  <div class="item Industry col-sm-4 col-6 col-sm">
		<a href="images/Industry/01.jpg" class="fancylight popup-btn" data-fancybox-group="light">
		  <img class="img-fluid" src="images/Industry/01.jpg" alt="">
		  <div class="recet-work-footer">
		    <i class="fa fa-photo" aria-hidden="true"></i>
            <h3>Industry</h3>
		  </div>
        </a>
      </div><!--/ Industry end -->
	  
	  <div class="item Oil col-sm-4 col-6 col-sm">
		<a href="images/Oil/01.jpg" class="fancylight popup-btn" data-fancybox-group="light">
		  <img class="img-fluid" src="images/Oil/01.jpg" alt="">
		  <div class="recet-work-footer">
		    <i class="fa fa-photo" aria-hidden="true"></i>
            <h3>Oil</h3>
		  </div>
        </a>
      </div><!--/ Oil end -->
	  
	  <div class="item Industry col-sm-4 col-6 col-sm">
		<a href="images/Industry/01.jpg" class="fancylight popup-btn" data-fancybox-group="light">
		  <img class="img-fluid" src="images/Industry/01.jpg" alt="">
		  <div class="recet-work-footer">
		    <i class="fa fa-photo" aria-hidden="true"></i>
            <h3>Industry</h3>
		  </div>
        </a>
      </div><!--/ Gas end -->
	  
	  <div class="item Gas col-sm-4 col-6 col-sm">
		<a href="images/Gas/01.jpg" class="fancylight popup-btn" data-fancybox-group="light">
		  <img class="img-fluid" src="images/Gas/01.jpg" alt="">
		  <div class="recet-work-footer">
		    <i class="fa fa-photo" aria-hidden="true"></i>
            <h3>Gas</h3>
		  </div>
        </a>
      </div><!--/ Gas end -->
    </div><!--/ portfolio-item -->
	
  </div><!--/ container -->
<script>
        // $('.portfolio-item').isotope({
        //  	itemSelector: '.item',
        //  	layoutMode: 'fitRows'
        //  });
         $('.portfolio-menu ul li').click(function(){
         	$('.portfolio-menu ul li').removeClass('active');
         	$(this).addClass('active');
         	
         	var selector = $(this).attr('data-filter');
         	$('.portfolio-item').isotope({
         		filter:selector
         	});
         	return  false;
         });
         $(document).ready(function() {
         var popup_btn = $('.popup-btn');
         popup_btn.magnificPopup({
         type : 'image',
         gallery : {
         	enabled : true
         }
         });
         });	  
</script>
</section><!--/ gallery-sec -->

<section class="video-sec">
  <div class="container">
    <div class="row">
      	  
	  <div class="col-sm-12 choose-left mrb-20">
	    <h2><span>Product videos And Training</span>Product videos</h2>
		<p>Lorem ipsum dolor sit amet consectetur adipiscing elitsed do eiusmod tempor incididunt utlabore et dolore magna aliqua Utenim ad minim veniam quis nostrud exercitation ullamco laboris. Lorem ipsum dolor sit amet consectetur adipiscing elitsed do eiusmod tempor incididunt utlabore et dolore magna aliqua Utenim ad minim veniam quis nostrud exercitation ullamco laboris.</p>
      </div><!--/ col-sm -->  
	  
	  <div class="col-sm-4 video-col">
	    <figure><iframe src="https://www.youtube.com/embed/QW4O1oZd4bs" title="YouTube video player" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen="" width="100%" height="315" frameborder="0"></iframe></figure>
      </div><!--/ col-sm -->  
	  
	  <div class="col-sm-4 video-col">
	    <figure><iframe src="https://www.youtube.com/embed/gdEM84IGEqM" title="YouTube video player" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen="" width="100%" height="315" frameborder="0"></iframe></figure>
      </div><!--/ col-sm -->  
	  
	  <div class="col-sm-4 video-col">
	    <figure><iframe src="https://www.youtube.com/embed/zI5UN8LW_fI" title="YouTube video player" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen="" width="100%" height="315" frameborder="0"></iframe></figure>
      </div><!--/ col-sm -->  
          
    </div><!--/ row -->	
  </div>
</section>   

<section class="client-logo">
  <div class="container">
    <div class="row">
      
	  <div class="col-md-12 mrb-20">
	    <h2>Our Esteemed <span>Clients</span></h2>
	  </div>
	  
	  <div class="col-md-12 pad-0">
		<div id="owl-demo-3">

		  <div class="item"><figure><img src="images/1.png" alt="Image"></figure></div>
		  <div class="item"><figure><img src="images/2.png" alt="Image"></figure></div>
		  <div class="item"><figure><img src="images/3.png" alt="Image"></figure></div>
		  <div class="item"><figure><img src="images/4.png" alt="Image"></figure></div>
		  <div class="item"><figure><img src="images/5.png" alt="Image"></figure></div>
		  <div class="item"><figure><img src="images/6.png" alt="Image"></figure></div>
		  <div class="item"><figure><img src="images/7.png" alt="Image"></figure></div>
		  <div class="item"><figure><img src="images/8.png" alt="Image"></figure></div>
		  
		</div>
      </div><!--/ col-md-12 -->	
          
    </div><!--/ row -->	
  </div>
</section><!--/ client-logo -->

<section class="map-wrap">
  <div class="container-fluid pad-0">
    <div class="row mrb-0">
      
	  <div class="col-sm-12 pad-0">
		<iframe src="https://www.google.com/maps/embed?pb=!1m14!1m8!1m3!1d13738.78585885209!2d76.892088!3d30.586112999999997!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x390fec92f354e685%3A0xedeea8f569331dbe!2sSTOLZEL%20Valves%20%7CEnergy%20Engineering%20%7C%20Calorie%20Engineering!5e0!3m2!1sen!2sin!4v1624868376077!5m2!1sen!2sin" width="100%" height="450" style="border:0;" allowfullscreen="" loading="lazy"></iframe>
      </div>
         
    </div><!--/ row -->	
  </div>
</section>

<section class="newsletter-sec">
  <div class="container">
    <div class="row">
    
      <div class="newsletter-des col-sm-4">
        <h5><span>Subscribe To </span>Our Newsletter</h5>
      </div>
      
      <div class="newsletter-form col-sm-8">
        <form>
          <input type="text" placeholder="Enter your Place Holder Here" class="placeholder2">
          <button><i class="fa fa-send"></i></button>
        </form>
      </div>
      
    </div><!--/ row -->    
  </div>
</section>

<footer class="footer">

  <div class="back-to-top"><a href="#Home" class="BackTo scroll"><i class="fa fa-chevron-up" aria-hidden="true"></i></a></div>
  <div class="container">
    <div class="row">
                     
      <div class="col-sm-3">
        <div class="wg-1">
          <div class="ft-logo">
            <h4>Stolzel Valves</h4>
		    <p>Energy Engineering is privately owned company and was founded in 2008 by young dynamic leader Mr. Sangeet Kohli through vast knowledge in Energy Efficiency & Automation to Process Industries.</p>
		    <div class="icon-ft">
              <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-google-plus"></i></a>
              <a target="_blank" href=""><i class="fa fa-linkedin"></i></a>
              <a target="_blank" href="#"><i class="fa fa-youtube"></i></a>
            </div>
          </div>
        </div>
      </div>       
      
      <div class="col-sm-3">
        <div class="wg-1">
          <h4>Quick Links</h4>           	  		
		  <ul>
		    <li><a href="#">Home</a></li>
			<li><a href="#">About Us</a></li>
            <li><a href="#">Products</a></li>								
			<li><a href="#">YouTube Channel</a></li>
			<li><a href="#">Career</a></li>
			<li><a href="#">Contact</a></li>
		  </ul>
		</div>
      </div>
	  
	  <div class="col-sm-3">
        <div class="wg-1">
		  <h4>Contact Info</h4>           	  		
		  <address><i class="fa fa-map-marker"></i> <div>Plot No. 254, Hansa Industrial Park, Barwala Road, Derabassi – 140507 Distt. SAS Nagar, Punjab (INDIA)</div></address>
		  <address><i class="fa fa-envelope-o"></i> <div><a href="mailto:sales@energyengg.in">sales@energyengg.in</a></div></address>
		  <address><i class="fa fa-phone"></i> <div><a href="tel:+91-9888495001"> +91-9888495001 </a>, <a href="tel:+91-9888491557"> +91-9888491557</a></div></address>
		  <address><i class="fa fa-clock-o"></i> <div>Mon- Fri : 9.30am - 6.00pm <br>Sat : 9.30am - 4.00pm</div></address>
		</div>
      </div> 
	  
	  <div class="col-sm-3">
        <div class="wg-1">
		  <h4>Company support</h4>
		  <p>Our support available to help you 24 hours a day, seven days a week.</p>		  
		  <ul>
		    <li>Monday-Friday: <span>9am to 5pm</span>
			<li>Saturday: <span>10am to 2pm</span>
			<li>Sunday: <span>Closed</span></li>
		  </ul>
		</div>
      </div>       
           
    </div><!--/ row -->       
  </div><!--/ container -->
  
  <div class="ft-bottom">
    <div class="container">
      <div class="row">
	  
		<div class="col-sm-6">
		  <p>Copy © 2021 All Rights Reserved by Stolzel Valves.</p>
		</div>
		
		<div class="col-sm-6 text-right">
		  <p class="text-right">Website Designed by <a target="_blank" href="https://htlogics.com/">H T Logics Private Limited</a></p>
		</div>	
         
      </div><!--/ row -->
    </div>
  </div><!--/ ft-bottom -->
</footer>

<!-- Bootstrap Core JavaScript -->
<script src="js/bootstrap.min.js"></script>
<script src="js/script.js"></script>             
<script src="js/owl.carousel.js"></script>    
<script>
$('.counter-count').each(function () {
        $(this).prop('Counter',0).animate({
            Counter: $(this).text()
        }, {
            duration: 5000,
            easing: 'swing',
            step: function (now) {
                $(this).text(Math.ceil(now));
            }
        });
    });
</script>

<script>
    $(document).ready(function() {
      $("#owl-demo").owlCarousel({
        autoPlay: 3000,
        items : 3,
        itemsDesktop : [1199,3],
        navigation : true, 
        itemsDesktopSmall : [979,3]
      });

    });
	
	$(document).ready(function() {
      $("#owl-demo-2").owlCarousel({
        autoPlay: 3000,
        items : 3,
        itemsDesktop : [1199,3],
        navigation : true, 
        itemsDesktopSmall : [979,3]
      });

    });

	$(document).ready(function() {
      $("#owl-demo-3").owlCarousel({
        autoPlay: 3000,
        items : 4,
        itemsDesktop : [1199,3],
        navigation : true, 
        itemsDesktopSmall : [979,3]
      });

    });
	
	// When the DOM is ready, run this function
$(document).ready(function() {
  //Set the carousel options
  $('#quote-carousel').carousel({
    pause: true,
    interval: 4000,
  });
});
</script>
	
</body>
<script>
var a = 0;
$(window).scroll(function() {

  var oTop = $('#counter').offset().top - window.innerHeight;
  if (a == 0 && $(window).scrollTop() > oTop) {
    $('.counter-value').each(function() {
      var $this = $(this),
        countTo = $this.attr('data-count');
      $({
        countNum: $this.text()
      }).animate({
          countNum: countTo
        },

        {

          duration: 7000,
          easing: 'swing',
          step: function() {
            $this.text(Math.floor(this.countNum));
          },
          complete: function() {
            $this.text(this.countNum);
            //alert('finished');
          }

        });
    });
    a = 1;
  }

});
</script>
</html>