<!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]-->
<!-- 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>Quote Request</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>Request a Quote</li>
            </ul>
        </div>
    </div>
    <!--End Page Title-->
	
	<!-- Quote Section -->
	<section class="quote-section">
		<div class="auto-container">
			
			<div class="quote-form-box">
				
				<!--Login Form-->
                <form method="post" action="mail.php">
					<div class="row clearfix">
						
						<!-- Form Group -->
						
						
						<div class="form-group col-lg-3 col-md-6 col-sm-12">
							<label>Name</label>
							<input type="text" name="firstname" placeholder="Enter Your Name" required>
						</div>
						
						<div class="form-group col-lg-3 col-md-6 col-sm-12">
							<label>Email</label>
							<input type="email" name="email" placeholder="Your Email ID" required>
						</div>
						
						<div class="form-group col-lg-3 col-md-6 col-sm-12">
							<label>Phone</label>
							<input type="text" name="phone" placeholder="Your Contact" required>
						</div>
						
						<div class="form-group col-lg-3 col-md-6 col-sm-12">
							<label>Transport From</label>
							<input type="text" name="t_from" placeholder="Enter Country" required>
						</div>
						
						<div class="form-group col-lg-4 col-md-6 col-sm-12">
							<label>Transport To</label>
							<input type="text" name="t_to" placeholder="Enter Country" required>
						</div>
						
						<div class="form-group col-lg-4 col-md-6 col-sm-12">
							<label>Weight</label>
							<input type="text" name="weight" placeholder="Enter approximate weight" required>
						</div>
						
						<div class="form-group col-lg-4 col-md-6 col-sm-12">
							<label>Transport Type</label>
							<select class="custom-select-box" name="type">
								<option>Air Freight</option>
								<option>Sea Freight</option>
								<option>Truck Freight</option>
							</select>
						</div>
						
						
						
						<div class="form-group col-lg-6 col-md-12 col-sm-12">
							<button type="submit" class="theme-btn btn-style-one" name="submit">Request a Quote</button>
						</div>
						
					</div>
				</form>
				
			</div>
		</div>
	</section>
	<!-- End Quote Section -->
	
	<!-- Counter Section -->
	<section class="counter-section" style="background-image:url(images/background/3.jpg)">
		<div class="auto-container">
			<div class="row clearfix">
				
				<!-- Order Column -->
				<div class="order-column col-lg-6 col-md-12 col-sm-12">
					<div class="inner-column" style="background-image:url(images/background/4.png)">
						<div class="icon-box">
							<span class="icon flaticon-fast-delivery"></span>
						</div>
						<h2>Track Your Order</h2>
						<div class="text">Enter your Track Id For Instant Search</div>
						
						<!--Track Form-->
						<div class="track-form">
                            <form method="post" action="track.php">
                                <div class="form-group">
                                    <input type="text" name="track_id" value="" placeholder="Track ID" required="">
                                    <button type="submit" name="submit" class="theme-btn"><span class="fa fa-search"></span></button>
                                </div>
                            </form>
                        </div>
						
						<!-- Social Box -->
						<div class="social-box">
							<a href="#" class="fa fa-twitter"></a>
							<a href="#" class="fa fa-facebook"></a>
							<a href="#" class="fa fa-linkedin"></a>
							<a href="#" class="fa fa-google-plus"></a>
						</div>
						
					</div>
				</div>
				
				<!-- Counter Column -->
				<div class="counter-column col-lg-6 col-md-12 col-sm-12">
					<div class="inner-column">
						
						<div class="fact-counter">
							<div class="row clearfix">
								<!--Column-->
								<div class="column counter-column col-lg-6 col-md-6 col-sm-12">
									<div class="inner">
										<div class="content">
											<div class="count-outer count-box">
												<span class="count-text" data-speed="2000" data-stop="14">0</span>
											</div>
											<h4 class="counter-title">Years of Experience</h4>
										</div>
									</div>
								</div>

								<!--Column-->
								<div class="column counter-column col-lg-6 col-md-6 col-sm-12">
									<div class="inner">
										<div class="content">
											<div class="count-outer count-box alternate">
												<span class="count-text" data-speed="3500" data-stop="2585">0</span>+
											</div>
											<h4 class="counter-title">Professional Workers</h4>
										</div>
									</div>
								</div>

								<!--Column-->
								<div class="column counter-column col-lg-6 col-md-6 col-sm-12">
									<div class="inner">
										<div class="content">
											<div class="count-outer count-box">
												<span class="count-text" data-speed="2500" data-stop="207">0</span>+
											</div>
											<h4 class="counter-title">Countries Covered</h4>
										</div>
									</div>
								</div>
								
								<!--Column-->
								<div class="column counter-column col-lg-6 col-md-6 col-sm-12">
									<div class="inner">
										<div class="content">
											<div class="count-outer count-box">
												<span class="count-text" data-speed="2000" data-stop="79">0</span>%
											</div>
											<h4 class="counter-title">Regions Covered</h4>
										</div>
									</div>
								</div>
								
								<!--Column-->
								<div class="column counter-column col-lg-6 col-md-6 col-sm-12">
									<div class="inner">
										<div class="content">
											<div class="count-outer count-box">
												<span class="count-text" data-speed="2000" data-stop="186">0</span>+
											</div>
											<h4 class="counter-title">Corporate Clients</h4>
										</div>
									</div>
								</div>
								
								<!--Column-->
								<div class="column counter-column col-lg-6 col-md-6 col-sm-12">
									<div class="inner">
										<div class="content">
											<div class="count-outer count-box">
												<span class="count-text" data-speed="2000" data-stop="450">0</span>+
											</div>
											<h4 class="counter-title">Owned Vehicles</h4>
										</div>
									</div>
								</div>
								
							</div>
						</div>

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