HOME

Mini Shell 1.0
Current File : //home/avonfire.in/www/passive-fire.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>Avon-Fire</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="fontawesome/css/fontawesome.min.css" rel="stylesheet" type="text/css">
	<link rel="stylesheet" href="fontawesome/css/all.min.css">
    <script src="https://code.jquery.com/jquery-latest.min.js" type="text/javascript"></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">  
  <section class="head-top">   
    <div class="container">
      <div class="row">
      
	    <div class="col-sm-12 head-info">
		  <ul>
            <li><a href="mailto:avon2019enterprises@gmail.com"><i class="fa-solid fa-envelope"></i> avon2019enterprises@gmail.com</a></li>
            <li><a href="tel:+91 98768 92948"><i class="fa-solid fa-phone"></i> +91 98768 92948</a></li>
            <li class="hidden"><i class="fa fa-map" aria-hidden="true"></i> Queen St E, Suite 103, Brampton, ON L6S 6E8</li>
          </ul>	           
		  
		  <div class="icon-top">
            <a href="https://www.facebook.com/" target="_blank"><i class="fa-brands fa-facebook-f"></i></a>
            <a href="https://www.youtube.com/" target="_blank"><i class="fa-brands fa-youtube"></i></a>
            <a href="https://www.instagram.com/" target="_blank"><i class="fa-brands fa-instagram"></i></a>
          </div>		           
        </div>	
                
      </div><!--/ row -->
    </div>
  </section>
  
  <div class="menu-head">             
    <div class="container">	  
      
	  <nav class="navbar navbar-expand-lg">
	    <div class="container-fluid">
		  <a class="navbar-brand" href="index.html"><img src="images/logonew.png" alt=""></a>
		  <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation"><span class="navbar-toggler-icon"></span></button>
		  
		  <div class="collapse navbar-collapse" id="navbarSupportedContent">
		    <ul class="navbar-nav">
			  <li><a href="index.html">Home</a></li>
			  <li><a href="about.html">About Us</a></li>
			  <li class="sub-drop"><a>Products</a>
			    <ul class="sub-menu">
			      <li><a href="fire-fighting.html">Fire Fighting</a></li>
			      <li><a href="fire-detection.html">Fire Detection</a></li>
			      <li><a href="passive-fire.html">Passive Fire</a></li>
                </ul>
			  </li>
			  <li><a href="service.html">Service</a></li>
			  <li><a href="career.html">Careers</a></li>
			  <li><a href="contact.html">Contact Us</a></li>
		    </ul>
			
		  </div>
	    </div>
	  </nav>
	    
    </div><!--/ menu-head -->           
  </div><!--/ container -->
</header>
    
    <section class="banner-inner">
        <div class="textblock">
          <div class="block">
            <div class="container">
      
              <div class="page-title">
                <div class="holder"><h1>Passive Fire</h1></div>
              </div><!--/ page-title -->
      
              <!-- breadcrumb -->
              <ol class="breadcrumb text-capitalize">
                <li><a href="index.html"><span class="fa fa-home"></span></a><a href="#" class="home"><span property="name">Home</span></a><meta property="position" content="1">&nbsp; &nbsp; + &nbsp; &nbsp;<span property="itemListElement" typeof="ListItem"><span property="name">Passive Fire</span><meta property="position" content="2"></span></li>
              </ol>        
            
            </div><!--/ block -->
          </div>
        </div>
      </section><!--/ banner-inner -->
      
      <section class="mid-inner">
        <div class="container">    
          <div class="row">
            <div class="col-sm-12 full-wrap">
              <section class="text-wrap about-page">
                <div class="row">           
                  <div class="col-sm-6 left aos-init aos-animate" data-aos="zoom-in">
                    <h3>Passive Fire</h3>
                    <p>Avon Passive Fire sets the standard in fire safety with its meticulous focus on preventing the spread of flames, smoke, and toxic gases. Through innovative passive fire protection solutions, Avon creates robust barriers within structures, limiting the potential impact of a fire outbreak. Their cutting-edge materials and installations undergo rigorous testing, ensuring utmost reliability in the face of adversity. Avon Passive Fire's commitment to building resilience extends to providing tailored consultancy services, guiding clients in implementing comprehensive fire protection measures. With a reputation for excellence, Avon Passive Fire contributes significantly to creating fire-resistant environments, fostering safety and security in both residential and commercial spaces.</p>
                  </div>
                  
                  <div class="col-sm-6 right aos-init aos-animate" data-aos="zoom-in">
                    <div class="inner"><figure><img src="images/Passive-fire-1.jpg" alt="images"></figure></div>
                  </div><!--/ coll -->
                </div><!--/ row --> 
              </section><!--/ text-wrap -->
            </div><!--/ full-wrap -->
            
          </div>
        </div>
      </section><!--/ mid-wrap -->
    
    
    
      <footer class="footer">  
        <div class="back-to-top"><a href="#Home" class="BackTo" id="back-to-top"><i class="fa fa-angle-double-up" aria-hidden="true"></i></a></div>
       <script>
        $(document).ready(function(){
          // Show or hide the button based on scroll position
          $(window).scroll(function(){
          if ($(this).scrollTop() > 100) {
            $('#back-to-top').fadeIn();
          } else {
            $('#back-to-top').fadeOut();
          }
          });
          
          // Scroll to top when the button is clicked
          $('#back-to-top').click(function(){
          $('html, body').animate({scrollTop : 0},800);
          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="index.html"><img src="images/logo-ftnew.png" alt="image"></a></div>
             <p>Have I alerted others in the building that there’s a fire? Has someone called the fire department. Am I physically able to use a fire extinguisher. </p>
             <div class="icon-ft">
            <a href="https://www.facebook.com/" target="_blank"><i class="fa-brands fa-facebook-f"></i></a>
                  <a href="https://www.youtube.com/" target="_blank"><i class="fa-brands fa-youtube"></i></a>
                  <a href="https://www.instagram.com/" target="_blank"><i class="fa-brands fa-instagram"></i></a>
            <a href="https://www.twitter.com/" target="_blank"><i class="fa-brands fa-x-twitter"></i></a>
             </div>
           </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>Information</h4>
               <ul>
               <li><a href="index.html">Home</a></li>
               <li><a href="about.html">About Us</a></li>
               <li><a href="service.html">Service</a></li>
               <li><a href="career.html">Careers</a></li>
               <li><a href="faq.html">FAQ</a></li>
               <li><a href="privacy.html">Privacy Policy</a></li>
               <li><a href="term.html">Terms and condition</a></li>
               <li><a href="refund.html">Refunds & Cancellation</a></li>
               <li><a href="contact.html">Contact Us</a></li>
               </ul>
             </div><!--/ wg-1 -->
             </div><!--/ col-sm-4 -->
      
             <div class="col-sm-5">
             <div class="wg-1">
               <h4>Contact us</h4>		          	  		
               <address>
              <i class="fa-solid fa-location-dot"></i>
               <div><p>Avon Enterprises, Village Nalta, PO Hari-Behna, Teh. Sarkaghat, Distt Mandi (H.P.)- 175007
                GSTIN: 02FBKPD1810F1ZD</p></div>
               </address>
               
               <address>
               <i class="fa fa-phone" aria-hidden="true"></i>
               <div><p><a href="tel:+91 98768 92948">+91 98768 92948</a></p></div>
               </address>
               
               <address>
               <i class="fa fa-envelope" aria-hidden="true"></i>
               <div><p><a href="mailto: avon2019enterprises@gmail.com">avon2019enterprises@gmail.com</a></p></div>
               </address>		       		  	 
             </div><!--/ wg-1 -->
             </div><!--/ col-sm-4 --> 
             
             <div class="col-sm-3">
             <div class="wg-1">
               <h4>Open Time</h4>		          	  		
               <p><strong>Opening Day:</strong><br> Monday - Friday: 8am to 6pm<br> Saturday: 9am to 5pm</p>
               <p><strong>Vacation:</strong><br>Emergency Response<br> 24/7 Availability <br>Premium Service</p>
              </p>
             </div><!--/ wg-1 -->
             </div><!--/ col-sm-4 --> 
            
           </div><!-- row -->            
           </div><!-- footer-right -->
           
         </div><!-- row -->            
         </div><!--/ container -->     
         
         <div class="ft-bottom">
         <div class="container">
           <div class="row">
           
           <div class="col-sm-4"><p class="copyright">© 2024 Avon Enterprises & Data Services <br>Private Limited. All rights reserved. </p></div>
           
           <div class="col-sm-8">
             <div class="Newsletter">
             <h5>Stay up-to-date with our promotions!<br>No spam — we promise.</h5>
             <form>
               <div class="input-group">
               <input class="form-control" type="email" placeholder="E-mail Address">
               <input type="submit" value="Submit" class="btn">
               </div>
             </form>
             </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>
      $('#owl-demo-1').owlCarousel({
          loop:true,
        autoplay:false,
          autoplayHoverPause:true,
        autoplayTimeout:3000,
          margin:10,
          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>