HOME

Mini Shell 1.0
DIR:/home/htlwork.com/www/dev/aarmationelectric/
Current File : /home/htlwork.com/www/dev/aarmationelectric/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>Aarmation - Home</title>
    <!-- Bootstrap Core CSS -->
    <link href="css/bootstrap.min.css" rel="stylesheet">
    <link href="css/bootstrap-theme.min.css" rel="stylesheet" type="text/css">        
    <link href="css/grid.min.css" rel="stylesheet" type="text/css">  
    <link rel="shortcut icon" href="./images/AEPL-ICON.png" type="image/x-icon">
	<link rel="stylesheet" href="dist/aos.css" />

    <!-- Custom CSS -->
    <link href="style.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"> 
	<link href="https://fonts.googleapis.com/css2?family=Courgette&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"> 
   
    <!--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");
    }
});

$(window).scroll(function() {
    if ($(this).scrollTop() > 20){  
        $('.back-to-top').addClass("scroll");
    }
    else{
        $('.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">  
  <div class="head-top">    
    <div class="container">
      <div class="row">
                        		
		<div class="col-sm-7 head-left">
		  <ul>
            <li><a href="tel:+91 7814000888"><i class="fa fa fa-phone" aria-hidden="true"></i> Call 24/7: +91 7814000888</a>&nbsp;&nbsp;&nbsp;<a href="tel:+91  6230162001">+91  6230162001</a></li>
            <li><a href="mailto:info@aarmationelectric.com"><i class="fa fa-envelope-o" aria-hidden="true"></i>info@aarmationelectric.com</a></li>
          </ul>	           
        </div>	
		
		<div class="col-sm-5 head-right">
		  <div class="icon-top">
            <a target="_blank" href="https://www.facebook.com/The-Party-Care-110354461565966/"><i class="fa fa-facebook"></i></a>
            <a target="_blank" href="https://twitter.com/thepartycare?t=nj9MPVVgRo3PPUpNre0nLQ&s=08"><i class="fa fa-twitter"></i></a>
            <a target="_blank" href="https://instagram.com/thepartycare?utm_medium=copy_link"><i class="fa fa-instagram"></i></a>
			<a target="_blank" href="https://youtube.com/channel/UCgkwGGFnCXaKpKUBXKebJqg"><i class="fa fa-youtube"></i></a>
          </div>	 	           
        </div>
                
      </div><!--/ row -->
    </div>
  </div>
  
  <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" href="index.html"><img src="./images/AEPL LOGO.jpg" 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="index.html">Home</a></li>
			<li ><a href="#">About Us</a></li>
			<li ><a href="#">Why Us</a></li>
			<li class="sub-drop"><a href="#">Solution</a>
			  <ul class="sub-menu">
			    <li><a href="#">Industry 4.0</a></li>
				<li><a href="#">DCS</a></li>
				<li><a href="#">SCADA</a></li>
				<li><a href="#">Energy Management System </a></li>
				<li><a href="#">Power Quality Solutions </a></li>
				<li><a href="#">Turnkey Solutions </a></li>
				<li><a href="#">Customized Solutions </a></li>
				<li><a href="#">Energy Saving Solutions</a></li>
				<li><a href="#">Switchgear Solutions </a></li>
			  </ul>
			</li>
			<li><a href="#">Products</a></li>
			<li class="sub-drop"><a href="#">Industries</a>
				<ul class="sub-menu">
				  <li><a href="#">Textile Industry </a></li>
				  <li><a href="#">Pharmaceutical Industry</a></li>
				  <li><a href="#">Packaging Industry </a></li>
				  <li><a href="#">Ceramic Industry </a></li>
				  <li><a href="#">Automobile Industry </a></li>
				  <li><a href="#">Plastic Industry</a></li>
				  <li><a href="#">Machine Tool Industry </a></li>
				  <li><a href="#">Solar Industry</a></li>
				</ul>
			  </li>
			<li><a href="#">Services</a></li>
			<li><a href="#">Trainings</a></li>
			<li><a href="#">Contact Us</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">
  
    <!-- 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/slidernew-01.jpg" alt="image"  class="slide-image"/>
        <div class="bs-slider-overlay"></div>
		<div class="slide-text">
		  <h1 data-animation="animated fadeInDown" class=""><span>Automation For A Changing World</span></h1>
		  <p data-animation="animated fadeInDown">We are one of the foremost companies which are making inroads into Industry 4.0 which is the future of industrial automation.</p>
		  <p data-animation="animated fadeInDown"><a href="#" class="btn btn-default"><span>Contact Us</span></a></p>
        </div>
      </div><!-- End of Slide -->
	  
	  <div class="item">
        <img src="./images/slidernew-02.jpg" alt="image"  class="slide-image"/>
        <div class="bs-slider-overlay"></div>
		<div class="slide-text">
		  <h1 data-animation="animated fadeInDown" class=""><span>Find The Right IOT Solution</span></h1>
		  <p data-animation="animated fadeInDown">Our end-to-end IoT solutions empower smart industries, smart living and smart enterprises and deliver connected experiences by connecting assets, operations/logistics, and services.</p>
		  <p data-animation="animated fadeInDown"><a href="" class="btn btn-default"><span>Contact Us</span></a></p>
        </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="product-sec">
  <div class="map-shapes">
    <div class="map-shape map-shape-1"><img src="images/map.png" alt="shape"></div>
  </div>
			
  <div class="container">
    <div class="row">           
	  
	  <div class="col-sm-12 aos-init aos-animate" data-aos="zoom-in">
	    <h2><span>We Also Supply Products To Businesses That Want To Implement IOT Solutions</span>Our Products</h2>		  
	  </div><!--/ col-sm -->
	  
	  <div class="col-sm-12 ss-coll aos-init aos-animate" data-aos="zoom-in">
		<div id="owl-demo">
		
		  <div class="item">
		    <div class="product-box">
			  <figure>
			    <img src="./images/product-01.jpg" alt="Image">
			  </figure>
			  <div class="specialitie-content">
				<h4>VFD</h4>
				<p>Variable Frequency Drives are used to run AC motors at variable speeds.</p>
				<p><a href="#" class="btn"><span>View Details</span></a></p>
			  </div>
			</div>
		  </div><!--/ item -->
		  
		  <div class="item">
		    <div class="product-box">
			  <figure>
			    <img src="./images/product-02.jpg" alt="Image">
			  </figure>
			  <div class="specialitie-content">
				<h4>Industrial Sensors</h4>
				<p>An industrial sensor is a device whose purpose is to detect events or changes in its environment and send the information to other devices.</p>
				<p><a href="#" class="btn"><span>View Details</span></a></p>
			  </div>
			</div>
		  </div><!--/ item -->
		  
		  <div class="item">
		    <div class="product-box">
			  <figure>
			    <img src="./images/product-03.jpg" alt="Image">
			  </figure>
			  <div class="specialitie-content">
				<h4>Instrumentation Products</h4>
				<p>Instrumentation is the process of controlling measuring and analyzing physical quantities using various types of interconnected process control instruments.</p>
				<p><a href="#" class="btn"><span>View Details</span></a></p>
			  </div>
			</div>
		  </div><!--/ item --> 
		  
		  <div class="item">
		    <div class="product-box">
			  <figure>
			    <img src="./images/product-04.jpg" alt="Image">
			  </figure>
			  <div class="specialitie-content">
				<h4>SCADA</h4>
				<p>It is a collection of both software & hardware components that allows supervision & control of plants both locally and remotely.</p>
				<p><a href="#" class="btn"><span>View Details</span></a></p>
			  </div>
			</div>
		  </div><!--/ item -->
		  
		  <div class="item">
		    <div class="product-box">
			  <figure>
			    <img src="./images/product-05.jpg" alt="Image">
			  </figure>
			  <div class="specialitie-content">
				<h4>IIOT Devices</h4>
				<p>An IoT device is a piece of hardware with a sensor that transmits data from one place to another over the Internet.</p>
				<p><a href="#" class="btn"><span>View Details</span></a></p>
			  </div>
			</div>
		  </div><!--/ item -->
		  
		  <div class="item">
		    <div class="product-box">
			  <figure>
			    <img src="./images/product-06.jpg" alt="Image">
			  </figure>
			  <div class="specialitie-content">
				<h4>Industrial PCs</h4>
				<p>Allow users to run PLC-style applications on a regular PC operating systems.</p>
				<p><a href="#" class="btn"><span>View Details</span></a></p>
			  </div>
			</div>
		  </div><!--/ item --> 
		
	    </div><!--/ owl --> 	  
	  </div><!--/ coll --> 	  
     
    </div><!--/ row --> 
  </div>
</section><!--/ Himachal Packages -->   

<section class="our-history-sec">
  <div class="container">
    <div class="row">           
	  <div class="col-sm-12 aos-init aos-animate" data-aos="zoom-in">
	    <h2><span>The company was started in 2018 and has been working with major names in the industry right from the start. Our aim has been to lead the revolution to Industry 4.0</span>Our history</h2>		  
	  </div><!--/ col-sm -->
	  <div class="col-sm-12 ss-coll aos-init aos-animate" data-aos="zoom-in">
		<div id="owl-demo-2">
		  <div class="item">
		    <div class="product-box">
			  <div class="specialitie-content">
				<h4>2022</h4>
				<p>Have established ourselves as a major service provider for both private players and Government projects.</p>
				<p><a href="#" class="btn"><span>View Details</span></a></p>
			  </div>
			</div>
		  </div><!--/ item -->
		  
		  <div class="item">
		    <div class="product-box">
			  <div class="specialitie-content">
				<h4>September 2019</h4>
				<p>Opened our Second Office in Chandigarh Area to accomodate a bigger team and cater to increasing demand for our services.</p>
				<p><a href="#" class="btn"><span>View Details</span></a></p>
			  </div>
			</div>
		  </div><!--/ item -->
		  
		  <div class="item">
		    <div class="product-box">
			  <div class="specialitie-content">
				<h4>May 2019</h4>
				<p>Bagged our first govt. project with the Government of Himachal Pradesh.</p>
				<p><a href="#" class="btn"><span>View Details</span></a></p>
			  </div>
			</div>
		  </div><!--/ item --> 
		  
		  <div class="item">
		    <div class="product-box">
			  <div class="specialitie-content">
				<h4>September 2018</h4>
				<p>Started company with a small team to cater to local demand for IOT.</p>
				<p><a href="#" class="btn"><span>View Details</span></a></p>
			  </div>
			</div>
		  </div><!--/ item -->
		  
		  <div class="item">
		    <div class="product-box">
			  <div class="specialitie-content">
				<h4>2017</h4>
				<p>Started working on Market Analysis and learning about best industrial practises.</p>
				<p><a href="#" class="btn"><span>View Details</span></a></p>
			  </div>
			</div>
		  </div><!--/ item -->
	    </div><!--/ owl --> 	  
	  </div><!--/ coll --> 	  
     
    </div><!--/ row --> 
  </div>
</section><!--/ Honeymoon-Packages -->       

<section class="about-sec">
  <div class="container">
    <div class="row">           
	
	  <div class="col-sm-6 about-left aos-init aos-animate" data-aos="zoom-in">
	    <div class="about-padd">
	      <h2><span>We Pride Ourselves In Providing The Best Quality Services</span>Why Us?</h2>
		  <div class="about-content-item">
		    <div class="about-content-thumb"><img src="images/icon-01.png" alt=""></div>
			<div class="about-content-texts">
              <h3>Cost Effective Solution</h3>
              <p>Most competitive prices in the market with cost saving due to reduced labor</p>
            </div>
          </div>
		  <div class="about-content-item">
		    <div class="about-content-thumb"><img src="images/icon-02.png" alt=""></div>
			<div class="about-content-texts">
              <h3>Timely Delivery</h3>
              <p>Our projects are always on time and completed within the given timeline</p>
            </div>
          </div>
		  <p><a href="#" class="btn"><span>Contact Now</span></a></p>
        </div><!--/ col-sm -->
      </div><!--/ col-sm -->
	  
	  <div class="col-sm-6 about-right aos-init aos-animate" data-aos="zoom-in">
	    <figure><img src="./images/about_02.jpg" alt=""></figure>
	  </div> 
     
    </div><!--/ row --> 
  </div>
</section>


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

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

  <div class="footer-top">    
    <div class="container">    
      <div class="row">
      
	    <div class="col-md-12 aos-init aos-animate" data-aos="zoom-in">
		  <div class="ft-logo"><a href="#"><img src="./images/AEPL LOGO.jpg" alt="image"></a></div>
		  <p>Ut enim ad minim veniam, quis nostrud cittion ullamco laboris nisi ut aliquip cosquat uis aute irure dolor ullamco nisi <br>inkabris reprhenderit labore cittion ullamco laboris nisi ut aliquip.</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-instagram"></i></a>
            <a href="#" target="_blank"><i class="fa fa-youtube"></i></a>
          </div>
		</div>
	  
      </div><!-- / row -->
    </div>
  </div>
  
  <div class="container">    
    <div class="row">

      <div class="col-sm-4 aos-init aos-animate" data-aos="zoom-in">
        <div class="wg-1">
          <h4>Quick Navigation</h4>
          <ul>
			<li><a href="#">About Us</a></li>
			<li><a href="#">Product List</a></li>
			<li><a href="#">Solution</a></li>
			<li><a href="#">Training</a></li>
			<li><a href="#">Repair and Application Support</a></li> 
          </ul>
        </div><!--/ wg-1 -->
      </div><!--/ col-sm-3 -->
	  <div class="col-sm-4 aos-init aos-animate" data-aos="zoom-in">
        <div class="wg-1">
          <h4>Contact Details</h4>		          	  		
		  
		  <address>
		    <i class="fa fa-phone" aria-hidden="true"></i>
			<div><p><a href="tel:7814000888">7814000888</a></p></div>
		  </address>
		  <address>
		    <i class="fa fa-phone" aria-hidden="true"></i>
			<div><p><a href="tel:6230162001">6230162001</a></p></div>
		  </address>
		  <address>
		    <i class="fa fa-envelope" aria-hidden="true"></i>
			<div><p><a href="mailto:info@aarmationelectric.com">info@aarmationelectric.com</a></p></div>
		  </address>		       		  	 
		  <address>
		    <i class="fa fa-envelope" aria-hidden="true"></i>
			<div><p><a href="mailto:saurabh.info@aarmationelectric.com">saurabh.vasudeva@aarmationelectric.com</a></p></div>
		  </address>		       		  	 
        </div><!--/ wg-1 -->
      </div><!--/ col-sm-3 --> 
	  
	  <div class="col-sm-4 aos-init aos-animate" data-aos="zoom-in">
        <div class="wg-1">
          <h4>Address</h4>	
		  <address>
		    <i class="fa fa-map-marker" aria-hidden="true"></i>
			<div><p>Khasra No. 204,
				Near Taksal Railway Station,
				Industrial Area Sector - 2,
				Kasauli Road,
				Parwanoo, District Solan,
				Himachal Pradesh - 173220 (INDIA)</p></div>
		  </address>	          	  		      		  	 
        </div><!--/ wg-1 -->
      </div><!--/ col-sm-3 -->
           
    </div><!-- row -->            
  </div><!--/ container -->     
  
  <div class="ft-bottom">
    <div class="container">
      <div class="row">
	  
		<div class="col-sm-6"><p class="copyright">Copy © 2022 All Rights Reserved By Aarmation Electric.</p></div>
		
		<div class="col-sm-6">
		  <p class="text-right">Website Designed 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 src="dist/aos.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,2],
        navigation : true, 
        itemsDesktopSmall : [979,2],
        itemsMobile : [767,1]
      });

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

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

    });
	
	// 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>
  AOS.init();
</script>
</html>