<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Drop Express</title>
<!-- Stylesheets -->
<link href="css/bootstrap.css" rel="stylesheet">
<link href="css/style.css" rel="stylesheet">
<link href="css/responsive.css" rel="stylesheet">
<link rel="icon" type="image/icon" href="https://www.threebaboonstech.com/img/logo/favicon.png">

<!-- Responsive -->
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">

<!--[if lt IE 9]><script src="https://cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7.3/html5shiv.js"></script><![endif]-->
<!--[if lt IE 9]><script src="js/respond.js"></script><![endif]-->
</head>

<body class="hidden-bar-wrapper">

<div class="page-wrapper">
 	
    <!-- Preloader -->
    <div class="preloader"></div>
 	
 	<!-- Main Header / Header Style Two -->
     <?php include('include/header.php'); ?>
    <!--End Main Header -->
	
	<!--Page Title-->
    <section class="page-title" style="background-image:url(images/background/3.jpg);">
    	<div class="auto-container">
        	<h2>Our Fleet</h2>
			<div class="separater"></div>
        </div>
    </section>
    
    <!--Breadcrumb-->
    <div class="breadcrumb-outer">
    	<div class="auto-container">
        	<ul class="bread-crumb text-center">
            	<li><a href="index.html">Home</a> <span>/</span></li>
                <li>Our Fleet</li>
            </ul>
        </div>
    </div>
    <!--End Page Title-->
	
	<!-- Fleet Section -->
	<section class="fleet-section">
		<div class="auto-container">
			<div class="row clearfix">
				
				<!-- Fleet Block -->
				<div class="fleet-block col-lg-4 col-md-6 col-sm-12">
					<div class="inner-box">
						<div class="image">
							<a href="#"><img src="images/resource/fleet-1.jpg" alt="" /></a>
						</div>
						<div class="lower-content">
							<h3><a href="#">Air Freight Shipment</a></h3>
							<ul class="fleet-list">
								<li><span>Capacity:</span>650 Tons</li>
								<li><span>Avg Duration:</span>02 Days</li>
								<li><span>Safety:</span>98%</li>
								<li><span>Model:</span>2017</li>
							</ul>
						</div>
					</div>
				</div>
				
				<!-- Fleet Block -->
				<div class="fleet-block col-lg-4 col-md-6 col-sm-12">
					<div class="inner-box">
						<div class="image">
							<a href="#"><img src="images/resource/fleet-2.jpg" alt="" /></a>
						</div>
						<div class="lower-content">
							<h3><a href="#">Sea Freight Shipment</a></h3>
							<ul class="fleet-list">
								<li><span>Capacity:</span>1950 Tons</li>
								<li><span>Avg Duration:</span>09 Days</li>
								<li><span>Safety:</span>88%</li>
								<li><span>Model:</span>2012</li>
							</ul>
						</div>
					</div>
				</div>
				
				<!-- Fleet Block -->
				<div class="fleet-block col-lg-4 col-md-6 col-sm-12">
					<div class="inner-box">
						<div class="image">
							<a href="#"><img src="images/resource/fleet-3.jpg" alt="" /></a>
						</div>
						<div class="lower-content">
							<h3><a href="#">Truck Freight Shipment</a></h3>
							<ul class="fleet-list">
								<li><span>Capacity:</span>68 Tons</li>
								<li><span>Avg Duration:</span>02 Days</li>
								<li><span>Safety:</span>91%</li>
								<li><span>Model:</span>2015</li>
							</ul>
						</div>
					</div>
				</div>
				
				<!-- Fleet Block -->
				<div class="fleet-block col-lg-4 col-md-6 col-sm-12">
					<div class="inner-box">
						<div class="image">
							<a href="#"><img src="images/resource/fleet-4.jpg" alt="" /></a>
						</div>
						<div class="lower-content">
							<h3><a href="#">Train Freight Shipment</a></h3>
							<ul class="fleet-list">
								<li><span>Capacity:</span>1650 Tons</li>
								<li><span>Avg Duration:</span>05 Days</li>
								<li><span>Safety:</span>97%</li>
								<li><span>Model:</span>2002</li>
							</ul>
						</div>
					</div>
				</div>
				
				<!-- Fleet Block -->
				<div class="fleet-block col-lg-4 col-md-6 col-sm-12">
					<div class="inner-box">
						<div class="image">
							<a href="#"><img src="images/resource/fleet-5.jpg" alt="" /></a>
						</div>
						<div class="lower-content">
							<h3><a href="#">Air Freight Shipment</a></h3>
							<ul class="fleet-list">
								<li><span>Capacity:</span>950 Tons</li>
								<li><span>Avg Duration:</span>2 Days</li>
								<li><span>Safety:</span>98%</li>
								<li><span>Model:</span>2011</li>
							</ul>
						</div>
					</div>
				</div>
				
				<!-- Fleet Block -->
				<div class="fleet-block col-lg-4 col-md-6 col-sm-12">
					<div class="inner-box">
						<div class="image">
							<a href="#"><img src="images/resource/fleet-6.jpg" alt="" /></a>
						</div>
						<div class="lower-content">
							<h3><a href="#">Sea Freight Shipment</a></h3>
							<ul class="fleet-list">
								<li><span>Capacity:</span>1650 Tons</li>
								<li><span>Avg Duration:</span>12 Days</li>
								<li><span>Safety:</span>98%</li>
								<li><span>Model:</span>2009</li>
							</ul>
						</div>
					</div>
				</div>
				
				<!-- Fleet Block -->
				<div class="fleet-block col-lg-4 col-md-6 col-sm-12">
					<div class="inner-box">
						<div class="image">
							<a href="#"><img src="images/resource/fleet-7.jpg" alt="" /></a>
						</div>
						<div class="lower-content">
							<h3><a href="#">Truck Freight Shipment</a></h3>
							<ul class="fleet-list">
								<li><span>Capacity:</span>96 Tons</li>
								<li><span>Avg Duration:</span>02 Days</li>
								<li><span>Safety:</span>98%</li>
								<li><span>Model:</span>2020</li>
							</ul>
						</div>
					</div>
				</div>
				
				<!-- Fleet Block -->
				<div class="fleet-block col-lg-4 col-md-6 col-sm-12">
					<div class="inner-box">
						<div class="image">
							<a href="#"><img src="images/resource/fleet-6.jpg" alt="" /></a>
						</div>
						<div class="lower-content">
							<h3><a href="#">Sea Freight Shipment</a></h3>
							<ul class="fleet-list">
								<li><span>Capacity:</span>1950 Tons</li>
								<li><span>Avg Duration:</span>06 Days</li>
								<li><span>Safety:</span>86%</li>
								<li><span>Model:</span>2003</li>
							</ul>
						</div>
					</div>
				</div>
				
				<!-- Fleet Block -->
				<div class="fleet-block col-lg-4 col-md-6 col-sm-12">
					<div class="inner-box">
						<div class="image">
							<a href="#"><img src="images/resource/fleet-8.jpg" alt="" /></a>
						</div>
						<div class="lower-content">
							<h3><a href="#">Truck Freight Shipment</a></h3>
							<ul class="fleet-list">
								<li><span>Capacity:</span>89 Tons</li>
								<li><span>Avg Duration:</span>02 Days</li>
								<li><span>Safety:</span>98%</li>
								<li><span>Model:</span>2015</li>
							</ul>
						</div>
					</div>
				</div>
				
			</div>
			
			<!--Styled Pagination-->
            <ul class="styled-pagination text-center">
            	<li class="prev"><a href="#"><span class="fa fa-angle-left"></span></a></li>
                <li><a href="#">1</a></li>
                <li><a href="#" class="active">2</a></li>
				<li><a href="#">3</a></li>
				<li><a href="#">4</a></li>
                <li class="next"><a href="#"><span class="fa fa-angle-right"></span></a></li>
            </ul>                
            <!--End Styled Pagination-->
			
		</div>
	</section>
	<!-- End Fleet Section -->
	
	<!--Main Footer-->
     <?php include('include/footer.php'); ?>
	
</div>
<!--End pagewrapper-->

<!--Scroll to top-->
<div class="scroll-to-top scroll-to-target" data-target="html"><span class="fa fa-arrow-up"></span></div>

<script src="js/jquery.js"></script>
<script src="js/popper.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/jquery.mCustomScrollbar.concat.min.js"></script>
<script src="js/jquery.fancybox.js"></script>
<script src="js/appear.js"></script>
<script src="js/owl.js"></script>
<script src="js/wow.js"></script>
<script src="js/jquery-ui.js"></script>
<script src="js/script.js"></script>

</body>
</html>