HOME

Mini Shell 1.0
DIR:/home/prashamcomputers.com/www/devwork/puritec/
Current File : /home/prashamcomputers.com/www/devwork/puritec/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>puritec.in</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="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" id="Home">
  <div 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> Puritec, Plot no 748, Sector 82, Sector 70, Sahibzada Ajit Singh Nagar, Punjab 160071</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-google-plus"></i></a>
          </div>		           
        </div>	
                
      </div><!--/ row -->
    </div>
  </div><!--/ top-sec -->
  
  <div class="head-top">    
    <div class="container">
      <div class="row">
                        
        <div class="col-sm-4 col-lg-3 logo"><a href="#"><img src="images/logo.png" alt="image" /></a></div>
		
		<div class="col-sm-7 col-lg-9 head-right">
		  <ul>
			<li><a href="tel:+91 9814122905"><i class="fa fa-headphones"></i><span>+91 9814122905</span><small>Call Us For Free Consultation</small></a></li>
			<li><a href="mailto:supportl@puritecbags.com"><i class="fa fa-envelope-o" aria-hidden="true"></i><span>supportl@puritecbags.com</span><small>Send your mail at</small></a></li>            
          </ul>    
        </div>	
                
      </div><!--/ row -->
    </div>
  </div><!--/ top-sec -->
  
  <div class="menu-head">             
    <div class="container">
      <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 hidden" href="#"><img src="images/logo.png" alt="image" /></a>
        </div>
        
        <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
          <ul class="nav navbar-nav">
            <li class="current-menu-item"><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="#">Dust Collector Bag</a></li>
                <li><a href="#">Centrifuge Bags</a></li>
                <li><a href="#">Filter Press Fabric</a></li>
				<li><a href="#">Anti Static Fbd Bag</a></li>
				<li><a href="#">Filtration Pads</a></li>
				<li><a href="#">Anode Bags</a></li>
				<li><a href="#">Liquid Filter Bag</a></li>
              </ul>
            </li>			
			<li><a href="#">Our Vision</a></li>
			<li><a href="#">Our difference</a></li>
			<li><a href="#">Contact Us</a></li>
          </ul>
        </div><!-- /.navbar-collapse -->
      </nav>
	  
      <div class="call-btn"><a class="btn" href="#"><figure><img src="images/enquiry-icon.png" alt="Image"></figure> Get a Quote</a></div>	  
	    
    </div><!--/ menu-head -->           
  </div><!--/ container -->
</header>

<section class="banner">
  <div id="bootstrap-touch-slider" class="carousel bs-slider fade control-round indicators-line" data-ride="carousel" data-pause="hover" data-interval="5000">
  
    <!-- Indicators -->
    <ol class="carousel-indicators hidden">
      <li data-target="#bootstrap-touch-slider" data-slide-to="0" class="active"></li>
      <li data-target="#bootstrap-touch-slider" data-slide-to="1"></li>
      <li data-target="#bootstrap-touch-slider" data-slide-to="2"></li>
      <li data-target="#bootstrap-touch-slider" data-slide-to="3"></li>
      <li data-target="#bootstrap-touch-slider" data-slide-to="4"></li>
      <li data-target="#bootstrap-touch-slider" data-slide-to="5"></li>
    </ol>
    
    <!-- Wrapper For Slides -->
    <div class="carousel-inner" role="listbox">
      <!-- Third Slide -->
      <div class="item active">
        <img src="images/slider-01.jpg" alt="image"  class="slide-image"/>
        <div class="bs-slider-overlay"></div>
        <div class="container">
          <div class="row">
            <div class="slide-text">
              <h2 data-animation="animated fadeInDown">Puritec</h2>              
              <h1 data-animation="animated fadeInDown">Purifying Products</h1>
              <p data-animation="animated fadeInDown">
			    <a href="#" class="btn btn-default">Learn More</a> 
				<a href="#" class="btn btn-default">Contact Us</a>
			  </p>
            </div>
          </div>
        </div>
      </div><!-- End of Slide -->           
      
      <div class="item">
        <img src="images/slider-02.jpg" alt="image"  class="slide-image"/>
        <div class="bs-slider-overlay"></div>
        <div class="container">
          <div class="row">
            <div class="slide-text">
              <h2 data-animation="animated fadeInDown">Make This World</h2>              
              <h1 data-animation="animated fadeInDown">The Better Place</h1>
              <p data-animation="animated fadeInDown">
			    <a href="#" class="btn btn-default">Learn More</a> 
				<a href="#" class="btn btn-default">Contact Us</a>
			  </p>
            </div>
          </div>
        </div>
      </div><!-- End of Slide -->
      
      <div class="item">
        <img src="images/slider-03.png" alt="image"  class="slide-image"/>
        <div class="bs-slider-overlay"></div>
        <div class="container">
          <div class="row">
            <div class="slide-text">
              <h2 data-animation="animated fadeInDown">Save the environment</h2>              
              <h1 data-animation="animated fadeInDown">Puritec Products</h1>
              <p data-animation="animated fadeInDown">
			    <a href="#" class="btn btn-default">Learn More</a> 
				<a href="#" class="btn btn-default">Contact Us</a>
			  </p>
            </div>
          </div>
        </div>
      </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><!--/ banner -->

<section class="promo-area">
  <div class="container">
    <div class="row">
	  
	  <div class="col-sm-12">
	    <h2><span>Our Work</span> What We Are Doing</h2>
	  </div>
	  
	  <div class="col-sm-3">
	    <div class="single-promo">
		  <figure><img src="images/icon-01.png" alt="Image"></figure>
		  <h3>Filtration Fabric</h3>
		  <p>Our aim is not just to produce a number of products, but we ensure that they serve...</p>
		  <p><a href="#" class="btn"><span>View More</span></a></p>
		</div>
	  </div>
	  
	  <div class="col-sm-3">
	    <div class="single-promo">
		  <figure><img src="images/icon-02.png" alt="Image"></figure>
		  <h3>Filtration Pad</h3>
		  <p>You just cannot go by the size of the Puritec Filration Pads. These may look small but...</p>
		  <p><a href="#" class="btn"><span>View More</span></a></p>
		</div>
	  </div>
	  
	  <div class="col-sm-3">
	    <div class="single-promo">
		  <figure><img src="images/icon-03.png" alt="Image"></figure>
		  <h3>Filter Bags</h3>
		  <p>Highly effective filter bags with a special, multi-layer construction that results in...</p>
		  <p><a href="#" class="btn"><span>View More</span></a></p>
		</div>
	  </div>
	  
	  <div class="col-sm-3">
	    <div class="single-promo">
		  <figure><img src="images/icon-04.png" alt="Image"></figure>
		  <h3>Anti Static FBD Bag</h3>
		  <p>Puritec Anti Static FBD (Fluid Bed Dryer) Bags are best in use when it comes to spray...</p>
		  <p><a href="#" class="btn"><span>View More</span></a></p>
		</div>
	  </div>
			
    </div><!-- row-->
  </div><!-- .container end -->
</section><!--/  promo-area -->       

<section class="about-sec">
  <div class="container">
    <div class="row">           
	
	  <div class="col-sm-6 about-left">
	    <h3><span>About Us</span>Making the world free of pollution</h3>
		<p>Industries and factories give off various pollutants into the environment including the land, air, and waters. It is estimated that about 50% of all pollution is as a result of industrial and manufacturing activities.</p>
		<p>It only displays how industries and factories are responsible for giving off toxic and dangerous materials into the environment.</p>
		<p>To curb the excessive pollution, we have come up with filtration products that last long with maximum performance. Our aim is to provide fresher air for the world, therefore, we make sure that our products performance complies with government norms. Our experienced team is determined to make the world a healthier place to live.</p>
		<p><a href="#" class="btn"><span>Read More</span></a></p>
      </div><!--/ col-sm -->
	  
	  <div class="col-sm-6 about-right">
	    <div class="about-video-item">
		  <div class="about-video-img">
		    <img src="images/about.png" alt="">
			<a href="https://www.youtube.com/watch?v=Fvae8nxzVz4" target="_blank" class="xs-video"><i class="fa fa-play"></i></a>
		  </div>
		</div>
	  </div>	  
     
    </div><!--/ row --> 
  </div>
</section><!--/ about-sec -->

<section class="service-sec">
  <div class="container">
    <div class="row">
	  
	  <div class="col-sm-12">
	    <h3><span>Service we provide</span>Our Services</h3>
	  </div>
	  
	  <div class="col-sm-4">
	    <div class="service-box">
		  <figure>
		    <img src="images/service-01.jpg" alt="Image">
			<h5><a href="#" class="btn"><span>View More</span></a></h5>
		  </figure>
		  <h4>Dust Collector Bag</h4>
		  <p>At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores.</p>
		</div>
	  </div>
	  
	  <div class="col-sm-4">
	    <div class="service-box">
		  <figure>
		    <img src="images/service-02.jpg" alt="Image">
			<h5><a href="#" class="btn"><span>View More</span></a></h5>
		  </figure>
		  <h4>Anti Static FBD Bag</h4>
		  <p>At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores.</p>
		</div>
	  </div>
	  
	  <div class="col-sm-4">
	    <div class="service-box">
		  <figure>
		    <img src="images/service-03.jpg" alt="Image">
			<h5><a href="#" class="btn"><span>View More</span></a></h5>
		  </figure>
		  <h4>Filtration Pad</h4>
		  <p>At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores.</p>
		</div>
	  </div>
	  
	  <div class="clearfix"></div>
	  
	  <div class="service-btn"><p><a href="#" class="btn">View All Products</a></p></div>
	
			
    </div><!-- row-->
  </div><!-- .container end -->
</section><!--/  service-sec  -->  

<section class="counter-sec counter">
  <div class="container">
    <div class="row">
      
	  <div class="col-sm-4 counter-left">
	    <h3>We Use The Support Of More Than <br><span>2 Million Activists</span> To Clean The Air And Safe Rivers</h3>
	  </div>
	  
	<div class="col-sm-8 counter-right">
	  <div class="col-sm-3 counter-col">
		<div class="counter-box">
		  <div class="counter-inline"><img src="images/counter-01.png" alt="Image"> <span class="counter-count">150</span><span>+</span></div>
		  <p class="employee-p">Project <br>Completed</p>
        </div>
      </div>
	  
	  <div class="col-sm-3 counter-col">
		<div class="counter-box">
		  <div class="counter-inline"><img src="images/counter-02.png" alt="Image"> <span class="counter-count">100</span><span>+</span></div>
		  <p class="employee-p">Happy <br>Donater</p>
        </div>
      </div>
	  
	  <div class="col-sm-3 counter-col">
		<div class="counter-box">
		  <div class="counter-inline"><img src="images/counter-03.png" alt="Image"> <span class="counter-count">80</span><span>+</span></div>
		  <p class="employee-p">Success <br>Mission</p>
        </div>
      </div>
	  
	  <div class="col-sm-3 counter-col">
		<div class="counter-box">
		  <div class="counter-inline"><img src="images/counter-04.png" alt="Image"> <span class="counter-count">70</span><span>+</span></div>
		  <p class="employee-p">Volunteer <br>Reached</p>
        </div>
      </div>
    </div><!--/ counter-right -->	
         
    </div><!--/ row -->	
  </div>
</section><!--/ counter-sec -->

<section class="gallery-sec">
  <div class="container">
  
    <div class="row">
	  <div class="col-sm-12">
	    <h3><span>Photo Gallery</span>Recent Works</h3>
      </div>
	</div>
	
	<div class="portfolio-item row">
	  <div class="item col-lg-3 col-md-4 col-6 col-sm">
		<a href="images/gallery-01.jpg" class="fancylight popup-btn" data-fancybox-group="light">
		  <img class="img-fluid" src="images/gallery-01.jpg" alt="">
		  <div class="recet-work-footer">
		    <i class="fa fa-photo" aria-hidden="true"></i>
            <h3>Centrifuge Bags</h3>
		  </div>
        </a>
      </div><!--/ end -->
	  
	  <div class="item col-lg-3 col-md-4 col-6 col-sm">
		<a href="images/gallery-02.jpg" class="fancylight popup-btn" data-fancybox-group="light">
		  <img class="img-fluid" src="images/gallery-02.jpg" alt="">
		  <div class="recet-work-footer">
		    <i class="fa fa-photo" aria-hidden="true"></i>
            <h3>Liquid Filter Bags</h3>
		  </div>
        </a>
      </div><!--/ end -->
	  
	  <div class="item col-lg-3 col-md-4 col-6 col-sm">
		<a href="images/gallery-03.jpg" class="fancylight popup-btn" data-fancybox-group="light">
		  <img class="img-fluid" src="images/gallery-03.jpg" alt="">
		  <div class="recet-work-footer">
		    <i class="fa fa-photo" aria-hidden="true"></i>
            <h3>Filter Press Fabric</h3>
		  </div>
        </a>
      </div><!--/ end -->
	  
	  <div class="item col-lg-3 col-md-4 col-6 col-sm">
		<a href="images/gallery-04.jpg" class="fancylight popup-btn" data-fancybox-group="light">
		  <img class="img-fluid" src="images/gallery-04.jpg" alt="">
		  <div class="recet-work-footer">
		    <i class="fa fa-photo" aria-hidden="true"></i>
            <h3>Anode Bags</h3>
		  </div>
        </a>
      </div><!--/ 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="blog-sec">
  <div class="container">
    <div class="row">
	  	  
	  <div class="col-sm-12">
	    <h2><span>Latest News</span> Puritec News &amp; Updates</h2>
	  </div>
	  
	  <div class="col-sm-4">
		<div class="skin-info">
		  <div class="skin-img">
		    <img src="images/blog-01.jpg" alt="images">
			<div class="meta-date"><span class="span-date">March <span>10</span> 2018</span></div>
		  </div>
		  <div class="latest-details">
		    <h5 class="blog-title"><a class="underline-effect" href="#"><label>Plastic waste washes up on Australia's distant shores</label></a></h5>
			<p>On the palm-fringed beaches of Christmas Island, a speck of land in the Indian Ocean between Australia and Indonesia, plastic waste is piling...</p>
			<p><a href="#" class="btn">View More</a></p>
		  </div>
		</div>
      </div>

	  <div class="col-sm-4">
		<div class="skin-info">
		  <div class="skin-img">
		    <img src="images/blog-02.jpg" alt="images">
			<div class="meta-date"><span class="span-date">March <span>10</span> 2018</span></div>
		  </div>
		  <div class="latest-details">
		    <h5 class="blog-title"><a class="underline-effect" href="#"><label>Plastic will pile up in wake of China recycling ban</label></a></h5>
			<p>China's decision to stop accepting plastic waste from other countries is causing plastic to pile up around the globe, and wealthy countries must find a way...</p>
			<p><a href="#" class="btn">View More</a></p>
		  </div>
		</div>
      </div>	  
	  
	  <div class="col-sm-4">
		<div class="skin-info">
		  <div class="skin-img">
		    <img src="images/blog-03.jpg" alt="images">
		    <div class="meta-date"><span class="span-date">March <span>10</span> 2018</span></div>
		  </div>
		  <div class="latest-details">
			<h5 class="blog-title"><a class="underline-effect" href="#"><label>Earth's intact forests vanishing at accelerating pace: Scientists</label></a></h5>
			<p>Earth's intact forests shrank by an area larger than Austria every year from 2014 to 2016 at a 20 percent faster rate than during the previous decade...</p>
			<p><a href="#" class="btn">View More</a></p>
		  </div>
		</div>
      </div>
         
    </div><!--/ row -->	
  </div>
</section>

<section class="client-speak">
  <div class="container">
    <div class="row">
      
	  
	  <div class="col-sm-7 grid-left pull-right">
		<div id="owl-demo-2">
		  <div class="item">
		    <figure><img src="images/icon-05.png" alt="Image"></figure>
			<h3>Client review</h3>  		  
		    <p>The filter bags from Puritec have performed very well, they always deliver the required amount in a definite time period. As our factories release a lot of electrolytic waste, these are very important to us.</p>
			<div class="testmonial-author">
			  <img src="images/author.jpg" alt="">
			  <h4>Satish Jain</h4>
			  <div class="author-rating"><i class="fa fa-star"></i><i class="fa fa-star"></i><i class="fa fa-star"></i><i class="fa fa-star"></i><i class="fa fa-star"></i></div>
			</div>
		  </div>
		  
		  <div class="item">
		    <figure><img src="images/icon-05.png" alt="Image"></figure>
			<h3>Client review</h3>  		  
		    <p>The dust collection filter bags we used from Puritec have a very good acidic and tear resistant properties. These come at a very reasonable rates too. It’s easier to cope with government norms with quality products from Puritec.</p>
			<div class="testmonial-author">
			  <img src="images/author.jpg" alt="">
			  <h4>Rahul Sharma</h4>
			  <div class="author-rating"><i class="fa fa-star"></i><i class="fa fa-star"></i><i class="fa fa-star"></i><i class="fa fa-star"></i><i class="fa fa-star"></i></div>
			</div>
		  </div>
		  
		  <div class="item">
		    <figure><img src="images/icon-05.png" alt="Image"></figure>
			<h3>Client review</h3>  		  
		    <p>We have buying from Puritec from past three years. So far, they’ve provided an excellent service and timed deliveries, even on bulk orders. Factories emit a lot of pollutants but innovative products are helping to prevent drastic pollution levels.</p>
			<div class="testmonial-author">
			  <img src="images/author.jpg" alt="">
			  <h4>Manoj Kumar Tiwari</h4>
			  <div class="author-rating"><i class="fa fa-star"></i><i class="fa fa-star"></i><i class="fa fa-star"></i><i class="fa fa-star"></i><i class="fa fa-star"></i></div>
			</div>
		  </div>
		  
		</div>
      </div><!--/ grid-left -->
	  
	  <div class="col-sm-5 grid-right">
	    <div class="grid-padd">
	      <figure><img src="images/img-01.jpg" alt="Image"></figure>
	    </div> 
	  </div><!--/ grid-right -->  
          
    </div><!--/ row -->	
  </div>
</section><!--/ client-speak  -->

<section class="client-logo">
  <div class="container">
    <div class="row">           
      	  	  
	  <div class="col-sm-12">
	    <h2><span>Our Esteemed Clients</span></h2>
      </div><!--/ col-sm -->
	  
	  <div class="col-sm-12 pad-0">
	    <div id="owl-demo">
		  <div class="item"><figure><img src="images/logo-1.jpg" alt="Image"></figure></div>
		  <div class="item"><figure><img src="images/logo-2.jpg" alt="Image"></figure></div>
		  <div class="item"><figure><img src="images/logo-3.jpg" alt="Image"></figure></div>
		  <div class="item"><figure><img src="images/logo-4.jpg" alt="Image"></figure></div>
		</div><!--/ owl -->
      </div><!--/ col-sm -->
	  
    </div><!--/ row --> 
  </div>
</section><!--/ client-logo-->

<section class="contact-wrap">
  <div class="container-fluid">
    <div class="row">
     
      <!--div class="col-sm-6 contact-left">	    
        <div class="contact-box">	    
		  <h3><span>Free Consultation</span>Get A Free Quote</h3>
		  <form>
		    <div class="form-group col-sm-6"><input type="text" class="form-control" placeholder="Full Name"></div>
		    <div class="form-group col-sm-6"><input type="text" class="form-control" placeholder="Email Address"></div>
		    <div class="form-group col-sm-6"><input type="text" class="form-control" placeholder="Phone Number"></div>
		    <div class="form-group col-sm-6">
			  <select class="form-control">
			    <option value="Commercial">Commercial</option>
			    <option value="Offices">Offices</option>
			    <option value="Industrial">Industrial</option>
			    <option value="Retail">Retail</option>
			    <option value="Government">Government</option>
			    <option value="Sports Venue">Sports Venue</option>
			    <option value="Medical">Medical</option>
			  </select>
			</div>
			<div class="form-group col-sm-12"><textarea class="form-control" placeholder="Your Message"></textarea></div>
			<div class="form-group col-sm-12"><input type="submit" value="Get A Free Quote" class="btn"></div>
		  </form>
		</div>
      </div -->
	  
	  <div class="col-sm-12 contact-right">	    
        <iframe src="https://www.google.com/maps/embed?pb=!1m14!1m8!1m3!1d13751.110387143952!2d76.736538!3d30.499044000000005!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x0%3A0xdad205ab5d971bb2!2sBest%20Filter%20Bags%20Manufacture%20-%20Puritec-%20Dust%20Collector%20%2FFilter%20Pads%20Manufacturers%20In%20India!5e0!3m2!1sen!2sin!4v1621847911907!5m2!1sen!2sin" width="100%" height="450" style="border:0;" allowfullscreen="" loading="lazy"></iframe>
      </div><!--/ col-sm-6 -->
     
    </div><!--/ row --> 
  </div>
</section><!--/ contact-wrap -->

  
<footer class="footer">

  <div class="back-to-top"><a href="#Home" class="BackTo scroll"><i class="fa fa-angle-double-up"></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 row1">
	  
	  <div class="col-sm-8 footer-right">
        <div class="row">
		
          <div class="col-sm-5">
            <div class="wg-1">
              <h4>Quick Link</h4>
		      <ul>
		        <li><a href="#">Home</a></li>
				<li><a href="#">About Us</a></li>
				<li><a href="#">Contact Us</a></li>
				<li><a href="#">Proucts</a></li>
				<li><a href="#">Our Vision</a></li>
				<li><a href="#">Our Difference</a></li>
				<li><a href="#">Enquiry</a></li>
		      </ul>	  
		    </div>
		  </div>
		  
		  <div class="col-sm-7">
            <div class="wg-1">
              <h4>Proucts</h4>
		      <ul class="pdf-ul">
		        <li><a href="#">Dust Collector Bag</a></li>
                <li><a href="#">Centrifuge Bags</a></li>
                <li><a href="#">Filter Press Fabric</a></li>
				<li><a href="#">Anti Static Fbd Bag</a></li>
				<li><a href="#">Filtration Pads</a></li>
				<li><a href="#">Anode Bags</a></li>
				<li><a href="#">Liquid Filter Bag</a></li>
		      </ul>	  
		    </div>
		  </div>
		  
		  <div class="clearfix"></div>
		  
		  <div class="col-sm-12">
            <div class="wg-1">
		      <div class="icon-ft">
		        <div class="row">
		          <div class="col-sm-6"><h5>Our Community</h5></div>
				  
				  <div class="col-sm-6">
				    <div class="icon-padd text-right">
		              <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>		       		  	 
		      </div>		       		  	 
		    </div>
          </div><!--/ col-sm-12 -->  
		  
		</div><!--/ row -->
      </div><!--/ footer-right --> 

	  <div class="col-sm-4 footer-left">
        <div class="wg-1 mrb-0">
		  <div class="Newsletter">
		    <div class="Newsletter-padd">
		      <h4>Our Mission</h4>
              <p>To maintain the high quality of products, Puritec uses only premium quality fabrics such as woven/non-woven, coated/treated etc. depending on the process of application like grammage, air permeability, mesh/micron, thermal stability, breaking strength etc.</p>
		    </div>	  
		  </div><!--/ Newsletter -->	  
		</div>
      </div><!--/ footer-left --> 
       
    </div><!--/ row --> 
	
	<div class="row footer-row">
	
	  <div class="col-sm-4 detail-col">
	    <div class="detail-box">
		  <div class="detail-i"><i class="fa fa-envelope-o" aria-hidden="true"></i></div>
		  <div class="detail-text">
		    <h2><a href="mailto:supportl@puritecbags.com">supportl@puritecbags.com</a></h2>
			<p>Drop Us a Line</p>
		  </div>	
		</div>
	  </div><!--/ detail-col --> 
	 
	  <div class="col-sm-4 detail-col">
	    <div class="detail-box">
		  <div class="detail-i"><i class="fa fa fa-phone" aria-hidden="true"></i></div>
		  <div class="detail-text">
		    <h2><a href="tel:+91 9814122905">Phone: +91 9814122905</a><br><a href="tel:+91-172-4052415">Tel: +91-172-4052415 </a></h2>
			<p>Call Us Now!</p>
		  </div>	
		</div>
	  </div><!--/ detail-col --> 
	  
	  <div class="col-sm-4 detail-col">
	    <div class="detail-box">
		  <div class="detail-i"><i class="fa fa-map-marker" aria-hidden="true"></i></div>
		  <div class="detail-text">
		    <h2>Puritec, Plot no 748, Sector 82, Sector 70, Sahibzada Ajit Singh Nagar, Punjab 160071</h2>
			<!--p>Get Direction</p-->
		  </div>	
		</div>
	  </div><!--/ detail-col --> 
	
    </div><!--/ row --> 
  </div><!--/ container -->   
  
  <div class="ft-bottom">
    <div class="container">
      <div class="row">
		
		<div class="col-sm-8"><p class="text-left">Copyright © 2021 Puritec - All Rights Reserved.</p></div>
		
		<div class="col-sm-4"><p class="text-right">Website Design by: <a href="http://htlogics.com/" target="_blank">H T Logics PVT. LTD</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 : 4,
        itemsDesktop : [1199,3],
        navigation : true, 
        itemsDesktopSmall : [979,3]
      });

    });
	
	$(document).ready(function() {
      $("#owl-demo-2").owlCarousel({
        autoPlay: 3000,
        items : 1,
        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>
</html>