<!DOCTYPE HTML>
<html>
<head>
<title>Home</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="keywords" content="" />
<!---<link href='http://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700,800' rel='stylesheet' type='text/css'>--->
<!-- /font files -->
<!-- css files -->
<link href="css/bootstrap.min.css" rel="stylesheet" type="text/css" media="all" />
<link href="css/font-awesome.min.css" rel="stylesheet" type="text/css" media="all" />
<link href="css/pogo-slider.min.css" rel="stylesheet" type="text/css" media="all" />
<link rel="stylesheet" href="css/swipebox.css">
<link href="css/style.css" rel="stylesheet" type="text/css" media="all" />
<link href="http://fonts.googleapis.com/css?family=Raleway" rel="stylesheet">
<!-- /css files -->
<!-- js files -->
<script src="js/modernizr.custom.js"></script>
<!---<link href="http://fonts.googleapis.com/css?family=Raleway:300,400,500,600,700" rel="stylesheet">
<link href="http://fonts.googleapis.com/css?family=Open+Sans:300,400,600" rel="stylesheet">--->
<!-- /js files -->
</head>
<body>
<div class="main-top" id="home">
<!-- banner section -->
<div class="pogoSlider" id="js-main-slider">
<div class="pogoSlider-slide" data-transition="verticalSlide" data-duration="1000" style="background-image:url(images/banner1.jpg);">
<div class="pogoSlider-slide-element">
<h3>WE <span>GIVE</span> BEST SERVICES</h3>
</div>
</div>
<div class="pogoSlider-slide " data-transition="verticalSlide" data-duration="1000" style="background-image:url(images/banner2.jpg);">
<div class="pogoSlider-slide-element">
<h3>CAR <span>WASH</span>. GLASSING. REPAIR</h3>
</div>
</div>
<div class="pogoSlider-slide " data-transition="verticalSlide" data-duration="1000" style="background-image:url(images/banner3.jpg);">
<div class="pogoSlider-slide-element">
<h3>WE <span>GIVE</span> BEST SERVICES</h3>
</div>
</div>
<div class="pogoSlider-slide " data-transition="verticalSlide" data-duration="1000" style="background-image:url(images/banner4.jpg);">
<div class="pogoSlider-slide-element">
<h3>CAR <span>WASH</span>. GLASSING. REPAIR</h3>
</div>
</div>
</div>
<!-- /banner section -->
<!-- top bar -->
<div class="top-bar">
<div class="container">
<ul class="top-contacts">
<li class="top-unhover"><p><span class="fa fa-phone-square" aria-hidden="true"></span> +1 124 234 0079</p>
<li class="top-hover"><p><span class="fa fa-envelope" aria-hidden="true"></span> <a href="mailto:support@company.com">my@company.com</a></p>
</ul>
<ul class="top-links">
<li><a href="#"><i class="fa fa-facebook"></i></a></li>
<li><a href="#"><i class="fa fa-twitter"></i></a></li>
<li><a href="#"><i class="fa fa-linkedin"></i></a></li>
<li><a href="#"><i class="fa fa-google-plus"></i></a></li>
</ul>
<div class="clearfix"></div>
</div>
</div>
<!-- /top bar -->
<div class="header-top">
<div class="container">
<nav class="navbar navbar-default">
<div class="navbar-header navbar-left">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<h1><a class="navbar-brand" href="index.html">CAR <span>Towing</span></a></h1>
</div>
<!-- Collect the nav links, forms, and other content for toggling -->
<div class="collapse navbar-collapse nav-wil" id="bs-example-navbar-collapse-1">
<ul class="nav navbar-nav cl-effect-14">
<li><a class="scroll" href="index.html" class="active">Home</a></li>
<li><a class="scroll" href="#about">About</a></li>
<li><a class="scroll" href="#service">Services</a></li>
<li><a class="scroll" href="#team">Team</a></li>
<li><a class="scroll" href="#gallery">Gallery</a></li>
<li><a class="scroll" href="#contact">Contact</a></li>
</ul>
</div>
<!-- /.navbar-collapse -->
</nav>
</div>
</div>
</div>
<!-- Nav tabs -->
<!--what-we-do-->
<div class="tabs" id="about">
<div class="container">
<div class="t-head">
<h3 class="head">WHY CHOOSE US?</h3>
<p class="urna">Vestibulum commodo urna sit amet volutpat.</p>
</div>
<div class="tabs-grids">
<div id="parentVerticalTab">
<ul class="resp-tabs-list hor_1">
<li>Car Wash</li>
<li>Car Repair</li>
<li>Car Welding</li>
<li>Car Delivery</li>
</ul>
<div class="resp-tabs-container hor_1">
<div class="text agile-info">
<h4>CAR WASH</h4>
<p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accUKntium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit.</p>
<p>Consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur.</p>
<img src="images/6.jpg" alt=" " class="img-responsive" />
</div>
<div class="text agile-info">
<h4>CAR REPAIR</h4>
<p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accUKntium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit.</p>
<p>Consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur.</p>
<img src="images/9.jpg" alt=" " class="img-responsive" />
</div>
<div class="text agile-info">
<h4>CAR WELDING</h4>
<p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accUKntium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit.</p>
<p>Consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur.</p>
<img src="images/7.jpg" alt=" " class="img-responsive" />
</div>
<div class="text agile-info">
<h4>CAR DELIVERY</h4>
<p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accUKntium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit.</p>
<p>Consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur.</p>
<img src="images/5.jpg" alt=" " class="img-responsive" />
</div>
</div>
</div>
</div>
</div>