<!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">

        <!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-C7YMG1S2S3"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', 'G-C7YMG1S2S3');
</script>
<!-- Facebook Pixel Code -->
<script>
!function(f,b,e,v,n,t,s)
{if(f.fbq)return;n=f.fbq=function(){n.callMethod?
n.callMethod.apply(n,arguments):n.queue.push(arguments)};
if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';
n.queue=[];t=b.createElement(e);t.async=!0;
t.src=v;s=b.getElementsByTagName(e)[0];
s.parentNode.insertBefore(t,s)}(window,document,'script',
'https://connect.facebook.net/en_US/fbevents.js');
 fbq('init', '1497195837521938'); 
fbq('track', 'PageView');
</script>
<noscript>
 <img height="1" width="1" 
src="https://www.facebook.com/tr?id=1497195837521938&ev=PageView
&noscript=1"/>
</noscript>
<!-- End Facebook Pixel Code -->
</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>Blog Posts</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>Blog Grid</li>
            </ul>
        </div>
    </div>
    <!--End Page Title-->
	
	
	<section class="news-section news-page red">
		<div class="auto-container">
			<div class="row clearfix">
				<!-- News Block -->
				<div class="news-block col-lg-6 col-md-12 col-sm-12">
					<div class="inner-box wow fadeInUp animated" data-wow-delay="0ms" data-wow-duration="1500ms" style="visibility: visible; animation-duration: 1500ms; animation-delay: 0ms; animation-name: fadeInUp;">
						<div class="row clearfix">
							<!-- Image Column -->
							<div class="image-column col-lg-6 col-md-6 col-sm-12">
								<div class="inner-column">
									<div class="image">
										<a href="#"><img src="images/resource/service-1.jpg" alt=""></a>
									</div>
								</div>
							</div>
							<!-- Content Column -->
							<div class="content-column col-lg-6 col-md-6 col-sm-12">
								<div class="inner-column">
									<ul class="post-meta">
										<li><span class="icon flaticon-calendar-1"></span>Oct 18 ,2018</li>
										<li><span class="icon fa fa-user"></span>Allan Doe</li>
									</ul>
									<h3><a href="#">Air Fright</a></h3>
									<div class="text">Lorem ipsum dolor sit amectetur adipisic ing elit, sed do eiusmod  didunt ut labore .</div>
									<a href="#" class="read-more">Read more</a>
								</div>
							</div>
						</div>
					</div>
				</div>
				
				<!-- News Block -->
				<div class="news-block col-lg-6 col-md-12 col-sm-12">
					<div class="inner-box wow fadeInUp animated" data-wow-delay="300ms" data-wow-duration="1500ms" style="visibility: visible; animation-duration: 1500ms; animation-delay: 300ms; animation-name: fadeInUp;">
						<div class="row clearfix">
							<!-- Image Column -->
							<div class="image-column col-lg-6 col-md-6 col-sm-12">
								<div class="inner-column">
									<div class="image">
										<a href="#"><img src="images/resource/service-2.jpg" alt=""></a>
									</div>
								</div>
							</div>
							<!-- Content Column -->
							<div class="content-column col-lg-6 col-md-6 col-sm-12">
								<div class="inner-column">
									<ul class="post-meta">
										<li><span class="icon flaticon-calendar-1"></span>Dec 09 ,2018</li>
										<li><span class="icon fa fa-user"></span>Allan Doe</li>
									</ul>
									<h3><a href="#">Sea Fright</a></h3>
									<div class="text">Lorem ipsum dolor sit amectetur adipisic ing elit, sed do eiusmod  didunt ut labore .</div>
									<a href="#" class="read-more">Read more</a>
								</div>
							</div>
						</div>
					</div>
				</div>
				
				<!-- News Block -->
				<div class="news-block col-lg-6 col-md-12 col-sm-12">
					<div class="inner-box wow fadeInUp animated" data-wow-delay="600ms" data-wow-duration="1500ms" style="visibility: visible; animation-duration: 1500ms; animation-delay: 600ms; animation-name: fadeInUp;">
						<div class="row clearfix">
							<!-- Image Column -->
							<div class="image-column col-lg-6 col-md-6 col-sm-12">
								<div class="inner-column">
									<div class="image">
										<a href="#"><img src="images/resource/service-3.jpg" alt=""></a>
									</div>
								</div>
							</div>
							<!-- Content Column -->
							<div class="content-column col-lg-6 col-md-6 col-sm-12">
								<div class="inner-column">
									<ul class="post-meta">
										<li><span class="icon flaticon-calendar-1"></span>Dec 27 ,2018</li>
										<li><span class="icon fa fa-user"></span>Allan Doe</li>
									</ul>
									<h3><a href="#">Road Fright</a></h3>
									<div class="text">Lorem ipsum dolor sit amectetur adipisic ing elit, sed do eiusmod  didunt ut labore .</div>
									<a href="#" class="read-more">Read more</a>
								</div>
							</div>
						</div>
					</div>
				</div>
				
				<!-- News Block -->
				<div class="news-block col-lg-6 col-md-12 col-sm-12">
					<div class="inner-box wow fadeInUp animated" data-wow-delay="900ms" data-wow-duration="1500ms" style="visibility: visible; animation-duration: 1500ms; animation-delay: 900ms; animation-name: fadeInUp;">
						<div class="row clearfix">
							<!-- Image Column -->
							<div class="image-column col-lg-6 col-md-6 col-sm-12">
								<div class="inner-column">
									<div class="image">
										<a href="#"><img src="images/resource/service-4.jpg" alt=""></a>
									</div>
								</div>
							</div>
							<!-- Content Column -->
							<div class="content-column col-lg-6 col-md-6 col-sm-12">
								<div class="inner-column">
									<ul class="post-meta">
										<li><span class="icon flaticon-calendar-1"></span>Jan 19 ,2020</li>
										<li><span class="icon fa fa-user"></span>Allan Doe</li>
									</ul>
									<h3><a href="#">Door to Door Delivery.</a></h3>
									<div class="text">Lorem ipsum dolor sit amectetur adipisic ing elit, sed do eiusmod  didunt ut labore .</div>
									<a href="#" class="read-more">Read more</a>
								</div>
							</div>
						</div>
					</div>
				</div>
				<!-- News Block -->
				<div class="news-block col-lg-6 col-md-12 col-sm-12">
					<div class="inner-box wow fadeInUp animated" data-wow-delay="1200ms" data-wow-duration="1500ms" style="visibility: visible; animation-duration: 1500ms; animation-delay: 300ms; animation-name: fadeInUp;">
						<div class="row clearfix">
							<!-- Image Column -->
							<div class="image-column col-lg-6 col-md-6 col-sm-12">
								<div class="inner-column">
									<div class="image">
										<a href="#"><img src="images/resource/service-5.jpg" alt=""></a>
									</div>
								</div>
							</div>
							<!-- Content Column -->
							<div class="content-column col-lg-6 col-md-6 col-sm-12">
								<div class="inner-column">
									<ul class="post-meta">
										<li><span class="icon flaticon-calendar-1"></span>Dec 09 ,2018</li>
										<li><span class="icon fa fa-user"></span>Allan Doe</li>
									</ul>
									<h3><a href="#">Fast Fright</a></h3>
									<div class="text">Lorem ipsum dolor sit amectetur adipisic ing elit, sed do eiusmod  didunt ut labore .</div>
									<a href="#" class="read-more">Read more</a>
								</div>
							</div>
						</div>
					</div>
				</div>
				
				<!-- News Block -->
				<div class="news-block col-lg-6 col-md-12 col-sm-12">
					<div class="inner-box wow fadeInUp animated" data-wow-delay="1500ms" data-wow-duration="1500ms" style="visibility: visible; animation-duration: 1500ms; animation-delay: 600ms; animation-name: fadeInUp;">
						<div class="row clearfix">
							<!-- Image Column -->
							<div class="image-column col-lg-6 col-md-6 col-sm-12">
								<div class="inner-column">
									<div class="image">
										<a href="#"><img src="images/resource/service-6.jpg" alt=""></a>
									</div>
								</div>
							</div>
							<!-- Content Column -->
							<div class="content-column col-lg-6 col-md-6 col-sm-12">
								<div class="inner-column">
									<ul class="post-meta">
										<li><span class="icon flaticon-calendar-1"></span>Dec 27 ,2018</li>
										<li><span class="icon fa fa-user"></span>Allan Doe</li>
									</ul>
									<h3><a href="#">Track Cargo</a></h3>
									<div class="text">Lorem ipsum dolor sit amectetur adipisic ing elit, sed do eiusmod  didunt ut labore .</div>
									<a href="#" class="read-more">Read more</a>
								</div>
							</div>
						</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>
	
	<!--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>