HOME

Mini Shell 1.0
Current File : //home/avonfire.in/www/service.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>Our Service</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">Service</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>Extensive Range of Fire Extinguisher</h3>
                <p>Fire extinguishers come in a variety of types, each designed to combat different classes of fires. The most common types include water extinguishers, suitable for Class A fires involving ordinary combustibles like wood and paper; dry chemical extinguishers, effective against Class A, B (flammable liquids), and C (electrical) fires; CO2 extinguishers, ideal for Class B and C fires as they displace oxygen, effectively smothering the flames; foam extinguishers, which form a film over the fuel, preventing oxygen from reaching it and suitable for Class A and B fires; and wet chemical extinguishers, specifically designed for Class K fires involving cooking oils and fats, as they react with the hot oils to create a blanket-like barrier. Additionally, there are specialized extinguishers like halon and clean agent extinguishers, which are suitable for sensitive equipment and areas where residue cleanup is a concern. Understanding the different types of extinguishers and their applications is crucial for selecting the appropriate one for specific fire hazards, ensuring effective fire suppression and safety. Regular maintenance, proper training in their use, and strategic placement of extinguishers throughout a facility are also essential components of fire preparedness and prevention.</p>
              </div>
              
              <div class="col-sm-6 right aos-init aos-animate" data-aos="zoom-in">
                <div class="inner"><figure><img src="images/service-1.jpg" alt="images"></figure></div>
              </div><!--/ coll -->
            </div><!--/ row --> 

            <div class="row">           
              <div class="col-sm-6 left aos-init aos-animate" data-aos="zoom-in">
                <h3>Special Application Fire Extinguisher</h3>
                <p>Special application fire extinguishers are designed for specific types of fires or environments where standard extinguishers may not be effective. Examples include Class D extinguishers for combustible metals, Class K extinguishers for cooking oils and grease fires, water mist extinguishers for water-sensitive areas, CO2 extinguishers for clean agent suppression, and halon alternatives for sensitive equipment. These extinguishers address unique fire hazards and ensure effective fire suppression in specialized settings.</p>
              </div>
              
              <div class="col-sm-6 right aos-init aos-animate" data-aos="zoom-in">
                <div class="inner"><figure><img src="images/service-2.jpg" alt="images"></figure></div>
              </div><!--/ coll -->
            </div><!--/ row --> 

            <div class="row">           
              <div class="col-sm-6 left aos-init aos-animate" data-aos="zoom-in">
                <h3>Fire Suppression System</h3>
                <p>A fire suppression system is a specialized system designed to control, contain, or extinguish fires in buildings, vehicles, or other enclosed spaces. These systems typically consist of various components such as detectors, alarms, suppression agents, and delivery mechanisms. The primary goal of a fire suppression system is to detect fires early, alert occupants, and deploy appropriate suppression measures to minimize property damage and ensure the safety of individuals.</p>
                <p>There are several types of fire suppression systems commonly used:</p>
                <ul>
                  <li><strong>Sprinkler Systems : </strong> Sprinkler systems are the most common type of fire suppression system in buildings. They consist of a network of pipes installed throughout the structure, equipped with heat-sensitive sprinkler heads.</li>
                  <li><strong>Clean Agent Systems :</strong> Clean agent systems use gases or chemical agents to suppress fires without causing damage to sensitive equipment or materials. These systems are commonly used in areas such as computer rooms, data centers, and museums where water-based suppression could cause significant damage.</li>
                  <li><strong>CO2 Systems :</strong> Carbon dioxide (CO2) systems are designed for areas where valuable equipment or materials are present, such as electrical rooms and industrial facilities. CO2 is discharged into the space to displace oxygen, effectively smothering the fire.</li>
                </ul>
              </div>
              
              <div class="col-sm-6 right aos-init aos-animate" data-aos="zoom-in">
                <div class="inner"><figure><img src="images/service-3.jpg" alt="images"></figure></div>
              </div><!--/ coll -->
            </div><!--/ row --> 

            <div class="row">           
              <div class="col-sm-6 left aos-init aos-animate" data-aos="zoom-in">
                <h3>Fire Alarm System</h3>
                <p>A fire alarm system is a crucial component of fire safety in buildings and other facilities. Its primary function is to detect the presence of fire, smoke, or other signs of a potential fire and alert occupants to evacuate the premises safely. Fire alarm systems typically consist of several interconnected components:</p>
                <ul>
                  <li>Smoke Detectors</li>
                  <li>Heat Detectors</li>
                  <li>Manual Pull Stations</li>
                  <li>Control Panel</li>
                  <li>Control Panel:</li>
                </ul>
              </div>
              
              <div class="col-sm-6 right aos-init aos-animate" data-aos="zoom-in">
                <div class="inner"><figure><img src="images/smoke-alarm.jpg" alt="images"></figure></div>
              </div><!--/ coll -->
            </div><!--/ row --> 

            <div class="row">           
              <div class="col-sm-6 left aos-init aos-animate" data-aos="zoom-in">
                <h3>Microenvironment fire suppression</h3>
                <p>Microenvironment fire suppression systems are specialized fire suppression systems designed to protect specific areas or equipment where traditional fire suppression methods may not be suitable or effective. These systems are tailored to address fire risks in confined spaces or environments with unique challenges. Here are some examples of microenvironment fire suppression systems:</p>
                <ul>
                  <li>Server Room Fire Suppression</li>
                  <li>Electrical Cabinet Fire Suppression</li>
                  <li>Machinery Enclosure Fire Suppression</li>
                  <li>Laboratory Hood Fire Suppression</li>
                </ul>
              </div>
              
              <div class="col-sm-6 right aos-init aos-animate" data-aos="zoom-in">
                <div class="inner"><figure><img src="images/mico enviorment.jpg" alt="images"></figure></div>
              </div><!--/ coll -->
            </div><!--/ row --> 

            <div class="row">           
              <div class="col-sm-6 left aos-init aos-animate" data-aos="zoom-in">
                <h3>Kitchen Fire Suppression System</h3>
                <p>A kitchen fire suppression system is a specialized fire protection system designed specifically for commercial kitchens, where the risk of fires involving cooking oils, fats, and grease is high. These systems are essential for ensuring the safety of kitchen staff, customers, and the facility itself. Here are the key components and features of a typical kitchen fire suppression system:</p>
                <ul>
                  <li>Detection System</li>
                  <li>Suppression Agent</li>
                  <li>Nozzles and Distribution System</li>
                  <li>Manual Activation</li>
                  <li>Gas and Electrical Shut-Off</li>
                  <li>Alarm and Notification</li>
                </ul>
              </div>
              
              <div class="col-sm-6 right aos-init aos-animate" data-aos="zoom-in">
                <div class="inner"><figure><img src="images/kitchen fire.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>