	<?php include'header.php';?>
			<main class="main">
				<!-- promo start-->
				<section class="promo">
					<div class="promo-slider">
						<div class="promo-slider__item promo-slider__item--style-2">
							<picture>
								<source srcset="img/icon/trb.png" media="(min-width: 992px)"/><img class="img--bg" src="img/icon/trb.png" alt="img"/>
							</picture>
							<div class="container">
								<div class="row">
									<div class="col-xl-6">
										<div class="align-container">
											<!--<div class="align-container__item">-->
												<div class="promo-slider__wrapper-1">
													<h2 class="promo-slider__title"><span></span><span>Shipping And Tracking </span></h2>
												</div>
												<div class="promo-slider__wrapper-2">
													<h4 class="promo-slider__subtitle">Get 25% Off with DLV25</h4>
												</div>
												<div class="promo-slider__wrapper-3"><a class="button promo-slider__button button--primary" href="#">Book Now</a></div>
											</div>
										<!--</div>-->
									</div>
									
										<div class="col-xl-6">
										<div class="align-container">
											<div class="align-container__item">
											
										
							    	<h2 class="heading__title"><span class="spcol" style="color:#fff;">Track your order</span><br> </h2>
							    	<h6 style="color:#fff;">Documents, Packages, and Everything Else
Courier Anything, Anywhere!</h6>
								<form class="form" id="myform">
									<div class="row">
										<div class="col-md-12">
											<input class="form__field" type="text" name="name" placeholder="Enter Your Order Id">
										</div>
										
										<div class="col-12 text-center">
										  <a class="  button button--primary" href="#" style="width:100%;">Get OTP & Track</a>
										</div>
									</div>
								</form>
							
											</div>
										</div>
									</div>
									
									
								</div>
							</div>
						</div>
<!--						<div class="promo-slider__item promo-slider__item--style-2">-->
<!--							<picture>-->
<!--								<source srcset="img/kakasimg/home/3.jpg" media="(min-width: 992px)"/><img class="img--bg" src="img/kakasimg/home/3.jpg" alt="img"/> -->
<!--							</picture>-->
<!--							<div class="container">-->
<!--								<div class="row">-->
<!--									<div class="col-xl-6 offset-xl-6">-->
<!--										<div class="align-container">-->
<!--											<div class="align-container__item">-->
<!--												<div class="promo-slider__wrapper-1">-->
<!--													<h2 class="promo-slider__title"><span></span><br/> <span>Documents, Packages, & Everything Else-->
<!--Courier Anything, Anywhere!</span></h2>-->
<!--												</div>-->
<!--												<div class="promo-slider__wrapper-2">-->
<!--													<p class="promo-slider__subtitle">Get 25% Off with DLV25</p>-->
<!--												</div>-->
<!--												<div class="promo-slider__wrapper-3"><a class="button promo-slider__button button--primary" href="#">Discover</a></div>-->
<!--											</div>-->
<!--										</div>-->
<!--									</div>-->
<!--								</div>-->
<!--							</div>-->
<!--						</div>-->
<!--						<div class="promo-slider__item promo-slider__item--style-2">-->
<!--							<picture>-->
<!--								<source srcset="img/kakasimg/home/2.jpg" media="(min-width: 992px)"/><img class="img--bg" src="img/kakasimg/home/2.jpg" alt="img"/>-->
<!--							</picture>-->
<!--							<div class="container">-->
<!--								<div class="row">-->
<!--									<div class="col-xl-6">-->
<!--										<div class="align-container">-->
<!--											<div class="align-container__item">-->
<!--												<div class="promo-slider__wrapper-1">-->
<!--													<h2 class="promo-slider__title"><span></span><br/><span>Documents, Packages, & Everything Else-->
<!--Courier Anything, Anywhere!</span></h2>-->
<!--												</div>-->
<!--												<div class="promo-slider__wrapper-2">-->
<!--													<p class="promo-slider__subtitle">Get 25% Off with DLV25</p>-->
<!--												</div>-->
<!--												<div class="promo-slider__wrapper-3"><a class="button promo-slider__button button--primary" href="#">Discover</a></div>-->
<!--											</div>-->
<!--										</div>-->
<!--									</div>-->
<!--								</div>-->
<!--							</div>-->
<!--						</div>-->
					</div>
					<div class="container">
						<div class="row">
							<div class="col-12">
								<!-- slider nav start-->
								<div class="promo-slider__nav"></div>
								<!-- slider nav end-->
							</div>
						</div>
					</div>
				</section>
				<!-- promo end-->
				<!-- section start-->
				<section class="section about-front no-padding-bottom" id="about"><img class="about-front__bg t50 r0" src="img/kakasimg/home/ghy.png" alt="img"/>
					<div class="container"> 
						<div class="row flex-column-reverse flex-lg-row">
							<div class="col-lg-6 col-xl-5">
							    <div class="abimg"> 
							        <img src="img/icon/shipment tracking.webp" class="img-fluid">
							    </div>
							</div>
							<div class="col-lg-6 col-xl-6 offset-xl-1">
								<div class="heading heading--primary heading--style-2"><span class="heading__pre-title">About Us</span>
									<h2 class="heading__title"><span>Welcome to <span class="spcol"> Shipping And Tracking</span></span><br/> <span>Book your Order today</span></h2>
								</div>
								<p><strong>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</p>
								<!--<h4 style="color:#24552c;">We look forward to hosting you soon!</h4>-->
							<a class="button button--primary top-50" href="#">Read More</a>  
							</div>
						</div>
					</div>
				</section>
				<!-- section end-->
				<!-- section start-->
				<section class="section padding-bottom-70">
					<div class="container">
						<div class="row align-items-end bottom-70">
							<div class="col-xl-12 text-center">
								<div class="heading heading--primary heading--style-2">
								    <!--<span class="heading__pre-title">Our Amenities</span>-->
									<h2 class="heading__title"><span>
                                         Manage your <span class="spcol">shipments</span></span> </h2>
									<!--<p>At Kaka's That's It Villa, we ensure every guest feels at home with the best amenities for a delightful stay!                 </p> -->
								</div>
							</div>
							
						
						</div>
						<div class="row offset-30"> 
							<div class="col-sm-6 col-md-3 col-xl-3"><a class="animal-item text-center  color--primary" href="#">
								<div class="animal-item__icon color--primary">
									<img src="img/icon/Purple_Courier_Icon_-_Large.webp" class="img-fluid">
								</div>
								<p class="animal-item__title">Schedule Pickup</p></a></div>
							<div class="col-sm-6 col-md-3 col-xl-3"><a class="animal-item text-center  color--primary" href="#">
								<div class="animal-item__icon">
										<img src="img/icon/Purple_Delivery_Icon_-_Large.webp" class="img-fluid">
								</div>
								<p class="animal-item__title">Redirect your package</p></a></div>
							<div class="col-sm-6 col-md-3 col-xl-3"><a class="animal-item text-center  color--primary" href="#">
								<div class="animal-item__icon">
									<img src="img/icon/Purple_Locations_Icon_-_Large.webp" class="img-fluid">
								</div>
								<p class="animal-item__title">Find locations</p></a></div>
							<div class="col-sm-6 col-md-3 col-xl-3"><a class="animal-item text-center  color--primary" href="#">
								<div class="animal-item__icon">
										<img src="img/icon/Purple_Dollar_Icon_-_Large.webp" class="img-fluid">
								</div>
								<p class="animal-item__title">Fuel Surcharge</p></a></div>
							
						</div>
					</div>
				</section>
				<!-- section end-->
					<section class="secpad" style="background-color:#232725; background-image:url(img/footer-bg.png);">
					<div class="container">
						<div class="row" style="border:1px solid #175530;">
							<div class="col-lg-6 p-5 " style="background-color:#fff;">
							    	<h2 class="heading__title"><span class="spcol">Plan Your Shipping and Delivery</span><br/> </h2>
								<form class="form" id="myform" >
									<div class="row">
										<div class="col-md-12">
											<input class="form__field" type="text" name="name" placeholder="Your Name">
										</div>
										<div class="col-md-12">
											<input class="form__field" type="email" name="email" placeholder="Your Email">
										</div>
										<div class="col-md-12">
											<input class="form__field" type="tel" name="phone" placeholder="Your Phone">
										</div>
										<div class="col-md-12">
											<input class="form__field" type="text" name="subject" placeholder="Subject">
										</div>
										<div class="col-12">
											<textarea  cols="5" rows="8" class="form__field form__message" name="message" placeholder="Text"></textarea>
										</div>
										<div class="col-12 text-center">
										  <a class="  button button--primary" href="#" style="width:100%;">Order Now</a>
										</div>
									</div>
								</form>
							</div>
					
				
				<div class="col-lg-6 p-0">
				    	<div class="div-h">
				    	    <img src="img/icon/grtyui.png" class="img-fluid div-h">
				    	</div>
						</div>
							</div>
				</div>
				</section> 
				
				<section class="section gallery no-padding-bottom">
					<div class="container">
						<div class="row bottom-50 align-items-end">
							<div class="col-lg-12 col-xl-12">
								<div class="heading heading--style-2 heading--cyan">
								    <!--<span class="heading__pre-title">Our gallery</span>-->
									<h2 class="heading__title no-margin-bottom"><span class="spcol">When you and your customers need it most</span></h2>
								</div>
							</div>
					
						</div>
					</div>
					<div class="row">
					
								<div class="category_2 col-sm-6 col-lg-4 col-xl-3 gallery-masonry__item gallery-masonry__item--cyan">
								    
								    <a class="gallery-masonry__img gallery-masonry__item--height-1" href="img/icon/20180722_MK_15539_190760893.webp" data-fancybox="gallery">
								    <img class="img--bg" src="img/icon/20180722_MK_15539_190760893.webp" alt="img">
							<div class="gallery-masonry__description"><span></span><span>Simplify your Import Logistics</span></div>
							</a></div>
							
							
								<div class="category_2 col-sm-6 col-lg-4 col-xl-3 gallery-masonry__item gallery-masonry__item--cyan">
								    
								    <a class="gallery-masonry__img gallery-masonry__item--height-1" href="img/icon/trax.png" data-fancybox="gallery">
								    <img class="img--bg" src="img/icon/trax.png" alt="img">
							<div class="gallery-masonry__description"><span></span><span>Real-Time Tracking, Real Value</span></div>
							</a></div>
								<div class="category_2 col-sm-6 col-lg-4 col-xl-3 gallery-masonry__item gallery-masonry__item--cyan"><a class="gallery-masonry__img gallery-masonry__item--height-1" href="img/icon/makefg.png" data-fancybox="gallery"><img class="img--bg" src="img/icon/makefg.png" alt="img">
							<div class="gallery-masonry__description"><span></span><span>Make delivery more rewarding</span></div>
							</a></div>
								<div class="category_4 col-sm-6 col-lg-4 col-xl-3 gallery-masonry__item gallery-masonry__item--cyan"><a class="gallery-masonry__img gallery-masonry__item--height-1" href="img/icon/fy21_shutterstock_179.webp" data-fancybox="gallery"><img class="img--bg" src="img/icon/fy21_shutterstock_179.webp" alt="img">
							<div class="gallery-masonry__description"><span></span><span>New! Introducing TDS facility</span></div>
							</a></div>
					</div>
				
				</section>
		
			
				<!-- front events end-->
				<!-- section start-->
				<section class="section"><img class="section__bg t50 r0 animatelogo" src="img/kakasimg/home/ghy.png" alt="bg"/>
					<div class="testimonials testimonials--style-1">
						<div class="container">
							<div class="row">
								<div class="col-lg-3 d-none d-lg-block">
									<div class="testimonials__img"><img class="img--bg" src="img/man.jpg" alt="img"/></div>
								</div>
								<div class="col-lg-9">
									<div class="row align-items-center">
										<div class="col-md-7">
											<div class="heading heading--primary"><span class="heading__pre-title">Testimonials</span>
												<h2 class="heading__title"><span>What People<br/> Says</span> <span class="spcol">About Us</span></h2>
											</div>
										</div>
										<div class="col-md-5">
											<div class="testimonials--style-1__dots text-md-right"></div>
										</div>
									</div>
									<div class="row">
										<div class="col-12">
											<div class="testimonials-slider testimonials-slider--style-1">
												<div class="testimonials-slider__item">
													<div class="testimonials-slider__text">
														<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s,</p>
													</div>
													<div class="testimonials-slider__details"><span class="testimonials-slider__name">John Maclein</span></div>
												</div>
												<div class="testimonials-slider__item">
													<div class="testimonials-slider__text">
														<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s,</p>
														<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s,</p>
													</div>
													<div class="testimonials-slider__details"><span class="testimonials-slider__name">John Maclein</span></div>
												</div>
												<div class="testimonials-slider__item">
													<div class="testimonials-slider__text">
														<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s,</p>
														<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s,</p>
														<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s,</p>
													</div>
													<div class="testimonials-slider__details"><span class="testimonials-slider__name">John Maclein</span></div>
												</div>
											</div>
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>
				</section>
				<!-- section end-->
				<!-- section start-->
			
			</main>
		<?php include'footer.php';?>