HOME

Mini Shell 1.0
DIR:/home/prashamcomputers.com/www/devwork/husqvarnadealers/
Current File : /home/prashamcomputers.com/www/devwork/husqvarnadealers/battery-series.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>Battery Series - Husqvarna</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">

    <!-- Custom CSS -->
    <link href="style.css" rel="stylesheet">
    <link href="css/animate.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">    
    <!--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-fluid">
      <div class="row">
        
        <div class="col-sm-4 text-left">
		<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-youtube"></i></a>
           
		  </div>
		  
        </div>
        
        <div class="col-sm-8 text-right">
		<div class="phn-detail">
		 <ul>
		 <li>Phone : <a href="tel:+27(0)338469700">+27 (0)33 846 9700 </a> or <a href="tel:+27(0)860048759">+27 (0)8600 48759</a></li>
         <li>Email : <a href="mailto:info@husqvarna.co.za">info@husqvarna.co.za </a></li>            
          </ul>
		  </div>
          
        </div>                                                  
                
      </div><!--/ row -->
    </div>
  </section>
 
  <div class="menu-head">             
    <div class="container-fluid">
      <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="#">
		    <img src="images/hq-logo.png" alt="image" />
		  </a>
        </div>
		
		<div class="search-box">
		  <form class="example" action="index.html" style="margin:auto;max-width:300px">
            <input type="text" placeholder="Search For Products..." name="search2">
            <button type="submit"><i class="fa fa-search"></i></button>
            </form>
        </div>
        
        <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
          <ul class="nav navbar-nav">
             <li><a href="index.html">Home</a></li>
            <li><a href="#">Products</a>
			  <ul class="sub-menu">
				<li><a href="mowing.html">Mowing</a></li>
				<li><a href="trimming-clearing.html">Trimming &amp; Clearing</a></li>
				<li><a href="cutting.html">Cutting</a></li>
                <li><a href="battery-series">Battery Series</a></li>
				<li><a href="soil-ground.html">Soil &amp; Ground</a></li>
				<li><a href="parts-product-accessories.html">Parts &amp; Product Accessories</a></li>
                <li><a href="turf-care.html">Turf Care</a></li>
                <li><a href="cleaning.html">Cleaning</a></li>
                <li><a href="other-accessories.html">Other Accessories</a></li>
			  </ul>
			</li>
			<li><a href="#">Other Brands</a></li>
			<li><a href="#">Contact</a></li>
          </ul>
        </div><!-- /.navbar-collapse -->
      </nav>	  	  
	    
    </div><!--/ menu-head -->           
  </div><!--/ container -->
</header>

<section class="banner-inner" style="background-image:url(images/Lifestyle_Battery_Battery-01-1.jpg);">
  <div class="textblock">
    <div class="block">
      <div class="container">
        <!-- breadcrumb -->
        <ol class="breadcrumb text-capitalize">
          <li data-animation="animated fadeInDown"><a href="#" class="home"><span property="name">Battery Series</span></a></li>
        </ol>
        
        <!-- page title -->
        <div class="page-title">
          <div class="holder"><h1 data-animation="animated fadeInDown">PERFORMANCE BY<br> HUSQVARNA </h1></div>
        </div><!--/ page-title -->
      
      </div><!--/ block -->
    </div>
  </div>
</section>

  <section class="about-sec">
     <div class="container">
	 <div class="row">
      <div class="col-sm-6 text-left">
	  <h2>Battery Series</h2>
	  <p class="text-left">The Husqvarna Battery Series offers all the power, performance and intuitive design you expect from Husqvarna. Our range of highly-efficient products, powered by Li-ion battery packs, makes sure you get significantly less noise and vibration, minimal maintenance – and no direct emissions at all. The battery system, with a wide range of options, powers all products and give you maximum flexibility.</p>
	  <p class="text-left"><a href="battery-series.html" class="btn  btn-outline">Find Out More <i class="Defaults-chevron-right"></i></a></p>
	  </div>
	  <div class="col-sm-6">
	  <figure><img src="images/H310-1193__LC_141i_-Small-1.png"></figure>
	  </div>
     </div>
    </div>
  </section>
  
  
  
  <section class="promise-sec">
   <div class="container">
    <div class="row">
	   <div class="col-sm-12 text-center">
	     <h2>Our Promise</h2>
	     <p class="text-center">With over 325 years of innovation and passion. Husqvarna provides professionals with forest, park and garden products. We let high performance meet usability and safety, making you ready to get the job done efficiently. Husqvarna offers a wide and growing range of products and accessories, including everything from chainsaws and power cutters to robotic lawnmowers.</p>
	   </div>
   </div>
   </div>
  </section>
  
  <section class="image-half-sec">
   <div class="container-fluid">
    <div class="row">
	    <div class="col-sm-6 pad-0">
	      <div class="image-half-img" style="background-image:url(images/H250-0282-1-1.jpg)">
		  </div>
	   </div>  
	   <div class="col-sm-6 image-half-text">
	     <h2>Batteries & Chargers</h2>
	     <p>Charged with performance and convenience</p>

         <p>Husqvarna battery-powered motors offer the performance of petrol engines, but without the smoke, and with very little vibration. Batteries are interchangeable, so you can simply swap an empty battery for a charged one and keep on working.</p>
		 
		<p class="text-left"><a href="#" class="btn  btn-outline">View Product Range</a></p>
		
	   </div>
	   
	  
	 </div>
	 
	 
   
   </div>
  </section>
  
  <section class="product-sec">
   <div class="container">
	 <div class="row">
	 <div class="col-sm-12"><h3 class="text-left">Explore Our Range</h3></div>
	 
	 <div class="col-sm-4">
	  <div class="product-category-block">
            <a href="#">
                <img src="images/H410-1289__Battery_belt_FLEX_-_590776701_-Small-1-550x282-1-1.png" class="product-category-image">
                <h3 class="product-category-title">Batteries & Chargers</h3>
            </a>
       </div>
	  </div>
	  
	  
	   
	  
	 
	 </div>
	 </div>
  </section>

<footer class="footer">  
  <div class="container">
    <div class="row row1">
		  
		  <div class="col-sm-4">
            <div class="wg-1">
		      <div class="ft-logo-1"><a href="#"><img src="images/Authorised-Dealer-Only_wh_light.png" alt="image" /></a></div>	
              <p>With over 325 years of innovation and passion, Husqvarna provides professionals with forest, park and garden products. We let high performance meet usability and safety, making you ready to get the job done efficiently. Husqvarna offers a wide and growing range of products and accessories, including everything from chainsaws and power cutters to robotic lawnmowers.</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-youtube"></i></a>
			  </div>
		    </div>
		  </div>
		   <div class="col-sm-1"></div>
		  <div class="col-sm-2">
            <div class="wg-1">
		      <h4>Company</h4> 
              <ul class="ft-menu">
		        <li><a href="#">Home</a></li>
				<li><a href="#">Products</a></li>
				<li><a href="#">Other Brands</a></li>
				<li><a href="#">Contact</a></li>
		      </ul>				  
		    </div>
		  </div>
		  
          <div class="col-sm-2">
            <div class="wg-1">
              <h4>Products</h4>
		      <ul>
                <li><a href="#">Mowing</a></li>
                <li><a href="#">Battery Series</a></li>
                <li><a href="#">Turf Care</a></li>
                <li><a href="#">Trimming &amp; Clearing</a></li>
                <li><a href="#">Cleaning</a></li>
                <li><a href="#">Soil &amp; Ground</a></li>
                <li><a href="#">Cutting</a></li>
                <li><a href="#">Parts &amp; Product Accessories</a></li>
                <li><a href="#">Other Accessories</a></li>
              </ul>
		    </div>
		  </div>
		  
		  <div class="col-sm-3">
            <div class="wg-1">
              <h4>Contact Us</h4>
			  <address>Husqvarna SA (Pty) Ltd, Market Road Extension, Mkondeni, Pietermaritzburg, 3201, South Africa</address>
			  <address>Tel: <a href="tel:+27338469700">+27(0)33 846 9700</a> or <a href="tel:+27 (0)8600 48759">+27860048759</a></address>
			 <address> Email: <a href="mailto:info@husqvarna.co.za">info@husqvarna.co.za</a></address>
			  		  
		    </div>
		  </div>
           
    </div>         
  </div>     
  
  <div class="ft-bottom">
    <div class="container">
      <div class="row">
		
		<div class="col-sm-12"><p class="text-center">Copyright © Husqvarna. <a href="https://www.temple.co.za/" target="_blank" rel="noopener noreferrer">Temple</a> | Wisdom Online</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/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 : 3,
        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>