HOME

Mini Shell 1.0
DIR:/home/prashamcomputers.com/www/devwork/husqvarnadealers/
Current File : /home/prashamcomputers.com/www/devwork/husqvarnadealers/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>Lawnmower &amp; Chainsaw Clinic Hermanus<</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">
  <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=""></li>
      <li data-target="#bootstrap-touch-slider" data-slide-to="1" class=""></li>
      <li data-target="#bootstrap-touch-slider" data-slide-to="2" class="active"></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/cleaning-banner.jpg" alt="" class="slide-image">
		 		
        <div class="bs-slider-overlay"></div>
        <div class="container">
          <div class="row">
            <div class="slide-text">
              <h1 data-animation="animated fadeInDown">INTRODUCING HUSQVARNA HIGH PRESSURE WASHERS </h1>              
              <p data-animation="animated fadeInDown">Experience the full cleaning power of water - with efficiency and precision added. Husqvarna's new pressure washers gives you full control and high performance for just about any cleaning task outside.</p>
              <p data-animation="animated fadeInDown">
			    <a href="#" class="btn btn-default">View the Husqvarna High Pressure Washers</a> 
			 </p>
            </div>
          </div>
        </div>
      </div><!-- End of Slide -->   

		
	
      <!-- Third Slide -->
      <div class="item">
	  		        <img src="images/mowing-banner-1.jpg" alt="" class="slide-image">
		 		
        <div class="bs-slider-overlay"></div>
        <div class="container">
          <div class="row">
            <div class="slide-text">
              <h1 data-animation="animated fadeInDown">Complex lawn perfect result </h1>              
              <!--p data-animation="animated fadeInDown">Experience the full cleaning power of water - with efficiency and precision added. Husqvarna's new pressure washers gives you full control and high performance for just about any cleaning task outside.</p-->
              <p data-animation="animated fadeInDown">
			    <a href="#" class="btn btn-default">View Our Products</a> 
			 </p>
            </div>
          </div>
        </div>
      </div><!-- End of Slide -->   

		
	
      <!-- Third Slide -->
      <div class="item">
	  		        <img src="images/Battery-Series_H260-0196-1-1.jpg" alt="" class="slide-image">
		 		
        <div class="bs-slider-overlay"></div>
        <div class="container">
          <div class="row">
            <div class="slide-text">
              <h1 data-animation="animated fadeInDown">FINALLY - BATTERY PRODUCTS THAT MEET OUR STANDARDS </h1>              
              <p data-animation="animated fadeInDown">Less fumes, low noise or whole lot of power? With Husqvarna Battery Series you do not have to choose. The machines are as powerful as their petrol-fuelled equivalents - but with all the benefits that come with battery engines.</p>
              <p data-animation="animated fadeInDown">
			    <a href="#" class="btn btn-default">Show me the Battery Series</a> 
			 </p>
            </div>
          </div>
        </div>
      </div><!-- End of Slide -->  

		 <!-- Third Slide -->
      <div class="item">
	  		        <img src="images/Chainsaw_H160-0220-1.jpg" alt="" class="slide-image">
		 		
        <div class="bs-slider-overlay"></div>
        <div class="container">
          <div class="row">
            <div class="slide-text">
              <h1 data-animation="animated fadeInDown"> WORKING FAST STAYING SAFE</h1>              
              <p data-animation="animated fadeInDown">Experience the full cleaning power of water - with efficiency and precision added. Husqvarna's new pressure washers gives you full control and high performance for just about any cleaning task outside.</p>
              <p data-animation="animated fadeInDown">
			    <a href="#" class="btn btn-default">View our products</a> 
			 </p>
            </div>
          </div>
        </div>
      </div><!-- End of Slide -->
	  <div class="ext-img">
	    <img src="images/hq-square-logo.jpg">
	  </div>

    
    </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>

  <section class="about-sec">
     <div class="container">
	 <div class="row">
      <div class="col-sm-12 text-center">
	  <h2>WELCOME TO UNDERBERG FOREST & GARDEN</h2>
	  <p class="text-center">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
	  </p>
	  <p class="text-center"><a href="/catalog/" class="btn  btn-outline">Find Out More <i class="Defaults-chevron-right"></i></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/mower-cat-3-1.png" class="product-category-image">
                <h3 class="product-category-title">Mowing</h3>
            </a>
       </div>
	  </div>
	  
	  <div class="col-sm-4">
	  <div class="product-category-block">
            <a href="#">
                <img src="images/aerator-product-1.png" class="product-category-image">
                <h3 class="product-category-title">Turf Care</h3>
            </a>
       </div>
	  </div>
	  
	  <div class="col-sm-4">
	  <div class="product-category-block">
            <a href="#">
                <img src="images/hedge-trimmer-1.png" class="product-category-image">
                <h3 class="product-category-title">Trimming & Clearing</h3>
            </a>
       </div>
	  </div>
	  
	  <div class="col-sm-4">
	  <div class="product-category-block">
            <a href="#">
                <img src="images/blower-product-1.png" class="product-category-image">
                <h3 class="product-category-title">Soil & Ground</h3>
            </a>
       </div>
	  </div>
	  
	  <div class="col-sm-4">
	  <div class="product-category-block">
            <a href="#">
                <img src="images/pressure-washer-product-1.png" class="product-category-image">
                <h3 class="product-category-title">Cleaning</h3>
            </a>
       </div>
	  </div>
	  
	  <div class="col-sm-4">
	  <div class="product-category-block">
            <a href="#">
                <img src="images/chainsaw-product-1.png" class="product-category-image">
                <h3 class="product-category-title">Cutting</h3>
            </a>
       </div>
	  </div>
	   <div class="col-sm-12"><p class="text-center"><a href="#" class="btn  btn-outline">View All Categories </a></p></div>
	  
	 
	 </div>
	 </div>
  </section>
  
  
  <section class="block-sec">
   <div class="container">
   <div class="row">
    <div class="col-sm-8">
	<blockquote>During the three months that we used Husqvarna’s battery machines, we pushed them to their max and they performed amazingly… The Husqvarna “Silent Nature” Range is a revolutionary concept and definitely has a place in game reserves and lodges. For the Manager of a game reserve or commercial Lodge, the once-off investment in a product that needs little to no maintenance and doesn’t require fuel is definitely the way forward.</blockquote>
	<p><span style="color: #ea5421; font-weight: bold;">–</span> <strong>Brett Deetlefs, Assistant General Manager, Nambiti Private Game Reserve</strong></p>
	<p class="text-left"><a href="#" class="btn  btn-outline">Download Brochure </a></p>
	</div>
   <div class="col-sm-4">
	<figure><img src="images/IMG_0766_LR-1-2-500x500.jpg"></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/Go-from-estimates-to-insights-–-and-watch-your-business-thrive_H620-0046...-2-1.jpg)">
		  </div>
	   </div>  
	   <div class="col-sm-6 image-half-text">
	     <h2>Go from estimates to insights – and watch your business thrive</h2>
	     <p>What if you could have the status of your machines at the touch of your fingertips? What if you could always be proactive, always a step ahead of competition? Husqvarna’s Fleet Services does just that. It gives you the insights you need to make the best and most profitable choices for your business.</p>
		 
		 <p>What if you could have the status of your machines at the touch of your fingertips? What if you could always be proactive, always a step ahead of competition? Husqvarna’s Fleet Services does just that. It gives you the insights you need to make the best and most profitable choices for your business.</p>
		 
		 <p class="text-left"><a href="#" class="btn  btn-outline">Show me how it works </a></p>
		 		 
	   </div>
	   
	  
	 </div>
	 
	 <div class="row">
	     <div class="col-sm-6 pad-0">
	     <div class="image-half-img"   style="background-image:url(images/No-compromise-–-quality-in-every-detail-of-your-gear_H450-0080-2-1.jpg)">
		</div>   
	   </div>
	   
	    <div class="col-sm-6 image-half-text">
	     <h2>No compromise – quality in every detail of your gear</h2>
	     <p>All our protective clothing and spare parts are original Husqvarna products. That way you can be sure that no compromise has been made in terms of quality and performance.</p>
		 
		 <p>Buying a product from our wide range of Parts & Accessories means that you can count on the best possible durability and protection and that you’ll be able to keep working with confidence and maximum efficiency – no matter the conditions.</p>
		 
		 <p class="text-left"><a href="#" class="btn  btn-outline">Take me to Parts & Accessories</a></p>
		 
		 
	   </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="index.html">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>