<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Carga HTML Template | Team</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/12.jpg);">
    	<div class="auto-container">
        	<h2>Team Members</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>Team</li>
            </ul>
        </div>
    </div>
    <!--End Page Title-->
	

	<section class = "team-section team-list">
       <div class="auto-container">
			<div class="tem-sec">
				<div class="row">
					<div class="col-md-3 col-sm-6 col-lg-3">
						<div class="tm-bx">
							<div class="tm-thmb">
								<a href="#" title="" itemprop="url"><img src="images/clients/38.jpg" alt="Team-Image.jpg" itemprop="image"></a>
								<div class="tm-inf">
									<h5 itemprop="headline"><a href="team-detail.html" title="" itemprop="url">Tim Patinson</a></h5>
									<span class ="designation">Cargo Supervisor</span>
									<ul class="social-icon-one">
										<li><a href="#"><span class="fa fa-twitter"></span></a></li>
										<li><a href="#"><span class="fa fa-facebook"></span></a></li>
										<li><a href="#"><span class="fa fa-linkedin"></span></a></li>
									</ul>
								</div>
							</div>
						</div>
					</div>
					 <div class="col-md-3 col-sm-6 col-lg-3">
						<div class="tm-bx">
							<div class="tm-thmb">
								<a href="#" title="" itemprop="url"><img src="images/clients/39.jpg" alt="Team-Image.jpg" itemprop="image"></a>
								<div class="tm-inf">
									<h5 itemprop="headline"><a href="team-detail.html" title="" itemprop="url">Jina Patinson</a></h5>
									<span class ="designation">Shipping Manager</span>
									<ul class="social-icon-one">
										<li><a href="#"><span class="fa fa-twitter"></span></a></li>
										<li><a href="#"><span class="fa fa-facebook"></span></a></li>
										<li><a href="#"><span class="fa fa-linkedin"></span></a></li>
									</ul>
								</div>
							</div>
						</div>
					</div>
					 <div class="col-md-3 col-sm-6 col-lg-3">
						<div class="tm-bx">
							<div class="tm-thmb">
								<a href="#" title="" itemprop="url"><img src="images/clients/40.jpg" alt="Team-Image.jpg" itemprop="image"></a>
								<div class="tm-inf">
									<h5 itemprop="headline"><a href="team-detail.html" title="" itemprop="url">Mark Hustler</a></h5>
									<span class ="designation">Tracking Dept</span>
									<ul class="social-icon-one">
										<li><a href="#"><span class="fa fa-twitter"></span></a></li>
										<li><a href="#"><span class="fa fa-facebook"></span></a></li>
										<li><a href="#"><span class="fa fa-linkedin"></span></a></li>
									</ul>
								</div>
							</div>
						</div>
					</div>
					<div class="col-md-3 col-sm-6 col-lg-3">
						<div class="tm-bx">
							<div class="tm-thmb">
								<a href="#" title="" itemprop="url"><img src="images/clients/41.jpg" alt="Team-Image.jpg" itemprop="image"></a>
								<div class="tm-inf">
									<h5 itemprop="headline"><a href="team-detail.html" title="" itemprop="url">John Doe</a></h5>
									<span class ="designation">IT Technician</span>
									<ul class="social-icon-one">
										<li><a href="#"><span class="fa fa-twitter"></span></a></li>
										<li><a href="#"><span class="fa fa-facebook"></span></a></li>
										<li><a href="#"><span class="fa fa-linkedin"></span></a></li>
									</ul>
								</div>
							</div>
						</div>
					</div>
					<div class="col-md-3 col-sm-6 col-lg-3">
						<div class="tm-bx">
							<div class="tm-thmb">
								<a href="#" title="" itemprop="url"><img src="images/clients/41.jpg" alt="Team-Image.jpg" itemprop="image"></a>
								<div class="tm-inf">
									<h5 itemprop="headline"><a href="team-detail.html" title="" itemprop="url">John Doe</a></h5>
									<span class ="designation">IT Technician</span>
									<ul class="social-icon-one">
										<li><a href="#"><span class="fa fa-twitter"></span></a></li>
										<li><a href="#"><span class="fa fa-facebook"></span></a></li>
										<li><a href="#"><span class="fa fa-linkedin"></span></a></li>
									</ul>
								</div>
							</div>
						</div>
					</div>
					 
					 <div class="col-md-3 col-sm-6 col-lg-3">
						<div class="tm-bx">
							<div class="tm-thmb">
								<a href="#" title="" itemprop="url"><img src="images/clients/40.jpg" alt="Team-Image.jpg" itemprop="image"></a>
								<div class="tm-inf">
									<h5 itemprop="headline"><a href="team-detail.html" title="" itemprop="url">Mark Hustler</a></h5>
									<span class ="designation">Tracking Dept</span>
									<ul class="social-icon-one">
										<li><a href="#"><span class="fa fa-twitter"></span></a></li>
										<li><a href="#"><span class="fa fa-facebook"></span></a></li>
										<li><a href="#"><span class="fa fa-linkedin"></span></a></li>
									</ul>
								</div>
							</div>
						</div>
					</div>
					<div class="col-md-3 col-sm-6 col-lg-3">
						<div class="tm-bx">
							<div class="tm-thmb">
								<a href="#" title="" itemprop="url"><img src="images/clients/38.jpg" alt="Team-Image.jpg" itemprop="image"></a>
								<div class="tm-inf">
									<h5 itemprop="headline"><a href="team-detail.html" title="" itemprop="url">Tim Patinson</a></h5>
									<span class ="designation">Cargo Supervisor</span>
									<ul class="social-icon-one">
										<li><a href="#"><span class="fa fa-twitter"></span></a></li>
										<li><a href="#"><span class="fa fa-facebook"></span></a></li>
										<li><a href="#"><span class="fa fa-linkedin"></span></a></li>
									</ul>
								</div>
							</div>
						</div>
					</div>
					<div class="col-md-3 col-sm-6 col-lg-3">
						<div class="tm-bx">
							<div class="tm-thmb">
								<a href="#" title="" itemprop="url"><img src="images/clients/39.jpg" alt="Team-Image.jpg" itemprop="image"></a>
								<div class="tm-inf">
									<h5 itemprop="headline"><a href="team-detail.html" title="" itemprop="url">Jina Patinson</a></h5>
									<span class ="designation">Shipping Manager</span>
									<ul class="social-icon-one">
										<li><a href="#"><span class="fa fa-twitter"></span></a></li>
										<li><a href="#"><span class="fa fa-facebook"></span></a></li>
										<li><a href="#"><span class="fa fa-linkedin"></span></a></li>
									</ul>
								</div>
							</div>
						</div>
					</div>
					
				</div>
			</div><!-- Team Sec -->
			<!--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>
	
			
			
			
		</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>