AlkantarClanX12
| Current Path : /home/xdlcxzbz/www/ |
| Current File : //home/xdlcxzbz/www/about-us.html |
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="author" content="" />
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
<title>XDL Couriers</title>
<!-- favicon icon -->
<link rel="shortcut icon" href="images/favicon.png"/>
<!-- bootstrap -->
<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css"/>
<!-- animate -->
<link rel="stylesheet" type="text/css" href="css/animate.css"/>
<!-- flaticon -->
<link rel="stylesheet" type="text/css" href="css/flaticon.css"/>
<!-- fontawesome -->
<link rel="stylesheet" type="text/css" href="css/font-awesome.min.css"/>
<!-- themify -->
<link rel="stylesheet" type="text/css" href="css/themify-icons.css"/>
<!-- slick -->
<link rel="stylesheet" type="text/css" href="css/slick.css">
<!-- prettyphoto -->
<link rel="stylesheet" type="text/css" href="css/prettyPhoto.css">
<!-- shortcodes -->
<link rel="stylesheet" type="text/css" href="css/shortcode.css"/>
<!-- main -->
<link rel="stylesheet" type="text/css" href="css/main.css"/>
<!-- megamenu -->
<link rel="stylesheet" type="text/css" href="css/megamenu.css"/>
<!-- responsive -->
<link rel="stylesheet" type="text/css" href="css/responsive.css"/>
</head>
<body>
<!--page start-->
<div class="page">
<!--header start-->
<header id="masthead" class="header cmt-header-style-01">
<!-- cmt-topbar-wrapper -->
<div class="cmt-topbar cmt-textcolor-white clearfix">
<div class="container">
<div class="row">
<div class="col-md-12 d-flex flex-row align-items-center justify-content-center">
<div class="cmt-topbar-content">
<ul class="top-contact text-left">
<li class="list-inline-item">Your Reliable Tracking Service</li>
</ul>
</div>
<div class="top_bar_contact_item ml-auto">
<div class="top_bar_icon"><i class="fa fa-phone"></i>
</div> Make a call:<a href="tel:+44 7447 966344"> +44 7447 966344</a>
</div>
<div class="top_bar_contact_item">
<div class="top_bar_icon"><i class="fa fa-envelope-o cmt-textcolor-skincolor"></i></div><a href="mailto:xdlcouriers@gmail.com">xdlcouriers@gmail.com</a>
</div>
</div>
</div>
</div>
</div><!-- cmt-topbar end -->
<!-- site-header-menu -->
<div id="site-header-menu" class="site-header-menu">
<div class="site-header-menu-inner cmt-stickable-header ">
<div class="container">
<div class="row">
<div class="col">
<!--site-navigation -->
<div class="site-navigation d-flex flex-row align-items-center">
<!-- site-branding -->
<div class="site-branding mr-auto">
<a class="home-link" href="index.html" title="XDL" rel="home">
<img id="logo-img" class="img-center standardlogo" src="images/Xdl-White.png" alt="logo-img">
<img id="logo-dark" class="img-center stickylogo" src="images/Xdl-Black.png" alt="logo-img">
</a>
</div><!-- site-branding end -->
<div class="btn-show-menu-mobile menubar menubar--squeeze">
<span class="menubar-box">
<span class="menubar-inner"></span>
</span>
</div>
<!-- menu -->
<nav class="main-menu menu-mobile" id="menu">
<ul class="menu">
<li class="mega-menu-item ">
<a href="index.html">Home</a>
</li>
<li class="mega-menu-item active">
<a href="about-us.html">About</a>
</li>
<li class="mega-menu-item">
<a href="services.html">Services</a>
</li>
<li class="mega-menu-item">
<a href="contact-us.html">Contact Us</a>
</li>
<li class="mega-menu-item">
<a style="display: flex; justify-content: center; align-items: center; height: 40px; background-color: yellowgreen;" href="Sub_Admin/login.html">Sign In</a>
</li>
</ul>
</nav>
</div><!-- site-navigation end-->
</div>
</div>
</div>
</div>
</div><!-- site-header-menu end-->
</header>
<!-- page-title -->
<div class="cmt-page-title-row">
<div class="cmt-page-title-row-inner">
<div class="container">
<div class="row align-items-center">
<div class="col-lg-12">
<div class="page-title-heading">
<h2 class="title">About Us</h2>
</div>
<div class="breadcrumb-wrapper">
<span>
<a title="Go to XDL." href="index.html" class="home">
<i class="themifyicon ti-home"></i> Home</a>
</span>
<span class="cmt-bread-sep"> -- </span>
<span>About Us</span>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- page-title end -->
<div class="main-site">
<!--about-section-->
<section class="cmt-row about-section_innerpage clearfix">
<div class="container">
<div class="row">
<div class="col-lg-6 col-md-12 col-sm-12">
<div class="mb-50 text-left">
<div class="cmt_single_image-wrapper pr-50 res-991-pr-0">
<img class="img-fluid" src="images/single-img-04.jpg" alt="single-img-04">
</div>
</div>
<div class="featured_wrapper">
<h2>Simple 3 Step Model</h2>
<div class="mb-30">
<!--featured-icon-box-->
<div class="featured-icon-box icon-align-before-title style7 box-shadow">
<div class="featured-icon">
<div class="cmt-icon cmt-icon_element-color-skincolor">
<i class="fa fa-check"></i>
</div>
</div>
<div class="featured-title">
<h3>Provide Customers With Tacking Numbers Via Automated Emails </h3>
</div>
</div><!--featured-icon-box end-->
</div>
<div class="mb-30 ml-80 mr_80 res-575-ml-0 z-index-1 position-relative">
<!--featured-icon-box-->
<div class="featured-icon-box icon-align-before-title style7 box-shadow">
<div class="featured-icon">
<div class="cmt-icon cmt-icon_element-color-skincolor">
<i class="fa fa-check"></i>
</div>
</div>
<div class="featured-title">
<h3>Keep Your Customers In The Loop With The Status Of Their Parcel</h3>
</div>
</div><!--featured-icon-box end-->
</div>
<div class="mb-30">
<!--featured-icon-box-->
<div class="featured-icon-box icon-align-before-title style7 box-shadow">
<div class="featured-icon">
<div class="cmt-icon cmt-icon_element-color-skincolor">
<i class="fa fa-check"></i>
</div>
</div>
<div class="featured-title">
<h3>Provide Proof Of Delivery By Uploading A Picture Of Delivered Products</h3>
</div>
</div><!--featured-icon-box end-->
</div>
</div>
</div>
<div class="col-lg-6 col-md-12 col-sm-12">
<div class="pt-50">
<!-- section title -->
<div class="section-title">
<div class="title-header mb-20">
<h2 class="title">Safe & Reliable Tracking Solutions.</h2>
</div>
<div class="title-desc">
Safe and reliable tracking solutions are essential in logistics, ensuring secure shipments, dependable deliveries, and cost-effective operations
</div>
</div><!-- section title end -->
<div class="title_btn mb-20">
</div>
</div>
<div class="text-left pt-60">
<div class="cmt_single_image-wrapper">
<img class="img-fluid" src="images/single-img-05.jpg" alt="single-img-05">
</div>
</div>
</div>
</div><!-- row end -->
</div>
</section>
<section class="cmt-row bg-img9 cmt-bgimage-yes cmt-bg cmt-bgcolor-darkgrey clearfix">
<div class="cmt-row-wrapper-bg-layer cmt-bg-layer"></div>
<div class="container"><!--container-->
<div class="row"><!--row-->
<div class="col-lg-5 col-md-12 col-sm-12">
<div class="row cmt-exp pb-10 border-right">
<div class="col-sm-9">
<div class="pt-10 mb-15">
<h3>XDL In</h3>
<h3><span>2023</span></h3>
</div>
</div>
</div>
<div class="text-left">
</div>
</div>
<div class="col-lg-7 col-md-12 col-sm-12 fid-section_2">
<!-- row -->
<div class="row">
<div class="col-lg-6 col-md-6 col-sm-6 cmt-box-col-wrapper">
<!-- cmt-fid -->
<div class="cmt-fid inside cmt-fid-with-icon cmt-fid-view-lefticon style2 mb-0">
<div class="cmt-fid-contents d-flex">
<h2 class="cmt-fid-inner cmt-textcolor-white">
<span id="number1" data-appear-animation="animateDigits"
data-from="0"
data-to="858"
data-interval="15"
data-before=""
data-before-style="sup"
data-after=""
data-after-style="sub"
class="numinate">858
</span>
</h2>
<h3 class="cmt-fid-title cmt-textcolor-white">Monthly Subscriptions</h3>
</div>
</div><!-- cmt-fid end -->
</div>
<div class="col-lg-6 col-md-6 col-sm-6 cmt-box-col-wrapper">
<!-- cmt-fid -->
<div class="cmt-fid inside cmt-fid-with-icon cmt-fid-view-lefticon style2 mb-0">
<div class="cmt-fid-contents d-flex">
<h2 class="cmt-fid-inner cmt-textcolor-white">
<span id="number2" data-appear-animation="animateDigits"
data-from="0"
data-to="1025"
data-interval="15"
data-before=""
data-before-style="sup"
data-after=""
data-after-style="sub"
class="numinate">1025
</span>
</h2>
<h3 class="cmt-fid-title cmt-textcolor-white">Tracking Numbers Generated Daily</h3>
</div>
</div><!-- cmt-fid end -->
</div>
</div>
<!-- row-->
<div class="row">
<div class="col-lg-6 col-md-6 col-sm-6 cmt-box-col-wrapper">
<!-- cmt-fid -->
<div class="cmt-fid inside cmt-fid-with-icon cmt-fid-view-lefticon style2 mb-0 ">
<div class="cmt-fid-contents d-flex">
<h2 class="cmt-fid-inner cmt-textcolor-white">
<span id="number3" data-appear-animation="animateDigits"
data-from="0"
data-to="45"
data-interval="15"
data-before=""
data-before-style="sup"
data-after=""
data-after-style="sub"
class="numinate">45
</span>
</h2>
<h3 class="cmt-fid-title cmt-textcolor-white">New Users This Month</h3>
</div>
</div><!-- cmt-fid end -->
</div>
<div class="col-lg-6 col-md-6 col-sm-6 cmt-box-col-wrapper">
<!-- cmt-fid -->
<div class="cmt-fid inside cmt-fid-with-icon cmt-fid-view-lefticon style2 mb-0 ">
<div class="cmt-fid-contents d-flex">
<h2 class="cmt-fid-inner cmt-textcolor-white">
<span id="number4" data-appear-animation="animateDigits"
data-from="0"
data-to="209"
data-interval="15"
data-before=""
data-before-style="sup"
data-after=""
data-after-style="sub"
class="numinate">209
</span>
</h2>
<h3 class="cmt-fid-title cmt-textcolor-white">Currently Online Users </h3>
</div>
</div><!-- cmt-fid end -->
</div>
</div>
</div>
</div><!-- row end -->
</div>
</section>
<section class="cmt-row bottom-zero-padding-section bg-img10 cmt-bgimage-yes cmt-bg clearfix">
<div class="container">
<!--row-->
<div class="row">
<div class="col-lg-12 col-md-12 col-sm-12 m-auto">
<!--section title-->
<div class="section-title text-center">
<div class="title-header">
<h3>Customer Reviews</h3>
<h2 class="title">What Our Client Says About Us</h2>
</div>
</div><!--section title end-->
</div>
</div><!--row end-->
<div class="row slick_slider slick-arrows-style2 res-991-pl-0 pb-80 res-991-pb-45" data-slick='{"slidesToShow": 2, "slidesToScroll": 1, "arrows":true, "dots":false, "autoplay":true, "infinite":true, "responsive": [{"breakpoint":1100,"settings":{"slidesToShow": 2}} , {"breakpoint":775,"settings":{"slidesToShow": 1}}, {"breakpoint":580,"settings":{"slidesToShow": 1}}]}'>
<div class="cmt-box-col-wrapper col-lg-12">
<!-- testimonials -->
<div class="testimonials style3 box-shadow">
<div class="testimonial-img">
<div class="testimonial-avatar">
<div class="testimonial-img">
<img class="img-fluid" src="images/testimonial/review-img1-100x100.jpg" alt="testimonial-img">
</div>
</div>
</div>
<div class="testimonial-content">
<div class="cmt-ratting-star">
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
</div>
<blockquote class="testimonial-text">XDL Couriers' tracking website has been my go-to platform for monitoring shipments, and it doesn't disappoint. Here's what I appreciate about it...</blockquote>
<div class="testimonial-bottom">
<div class="testimonial-caption">
<span class="cmt-textcolor-skincolor">Alex Jhon Martin</span>
</div>
</div>
</div>
</div><!-- testimonials end -->
</div>
<div class="cmt-box-col-wrapper col-lg-12">
<!-- testimonials -->
<div class="testimonials style3 box-shadow">
<div class="testimonial-img">
<div class="testimonial-avatar">
<div class="testimonial-img">
<img class="img-fluid" src="images/testimonial/review-img2-100x100.jpg" alt="testimonial-img">
</div>
</div>
</div>
<div class="testimonial-content">
<div class="cmt-ratting-star">
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
</div>
<blockquote class="testimonial-text">XDL Couriers' tracking website is a reliable and efficient tool for keeping tabs on your shipments. Here's why I appreciate it...</blockquote>
<div class="testimonial-bottom">
<div class="testimonial-caption">
<span class="cmt-textcolor-skincolor">Oliver Thompson</span>
</div>
</div>
</div>
</div><!-- testimonials end -->
</div>
<div class="cmt-box-col-wrapper col-lg-12">
<!-- testimonials -->
<div class="testimonials style3 box-shadow">
<div class="testimonial-img">
<div class="testimonial-avatar">
<div class="testimonial-img">
<img class="img-fluid" src="images/testimonial/review-img3-100x100.jpg" alt="testimonial-img">
</div>
</div>
</div>
<div class="testimonial-content">
<div class="cmt-ratting-star">
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
</div>
<blockquote class="testimonial-text">XDL Couriers' tracking website has consistently exceeded my expectations, providing a seamless and efficient tracking experience. Here's why it stands out...</blockquote>
<div class="testimonial-bottom">
<div class="testimonial-caption">
<span class="cmt-textcolor-skincolor">James Anderson</span>
</div>
</div>
</div>
</div><!-- testimonials end -->
</div>
</div>
</div>
</section>
</div>
<!--footer start-->
<footer class="footer widget-footer clearfix">
<div class="first-footer">
<div class="container">
<div class="row">
<div class="col-sm-6 col-md-6 col-lg-3 widget-area">
<div class="widget widget_text clearfix">
<div class="footer-logo">
<img id="footer-logo-img" class="img-center" src="" alt="">
</div>
<ul class="widget_contact_wrapper">
<li>
<i class="fa fa-map-marker cmt-textcolor-skincolor"></i>
UK
</li>
<li>
<i class="fa fa-envelope-o cmt-textcolor-skincolor"></i>
<a href="mailto:xdlcouriers@gmail.com">xdlcouriers@gmail.com</a>
</li>
<li>
<i class="fa fa-phone cmt-textcolor-skincolor"></i><a href="tel:+44 7447 966344">+44 7447 966344</a>
</li>
</ul>
</div>
</div>
<div class="col-sm-6 col-md-6 col-lg-3 widget-area">
<div class="widget widget_nav_menu clearfix">
<h3 class="widget-title">Our Services</h3>
<ul class="menu-footer-quick-links">
<li><a href="">Help</a></li>
<li><a href="contact-us.html">Contact Us</a></li>
<li><a href="services.html">Xdl Services</a></li>
<li><a href="">Track a Parcel</a></li>
</ul>
</div>
</div>
<div class="col-sm-6 col-md-6 col-lg-3 widget-area">
<div class="widget widget_nav_menu clearfix">
<h3 class="widget-title">Our Policies</h3>
<ul class="menu-footer-quick-service-links">
<li><a href="contact-us.html"> Terms & Conditions</a></li>
<li><a href="services.html">Privacy Policies</a></li>
<li><a href="about-us.html">About Us</a></li>
<li><a href="#">Accessibility</a></li>
</ul>
</div>
</div>
<div class="col-sm-6 col-md-6 col-lg-3 widget-area">
<div class="widget widget-text clearfix">
<h3 class="widget-title">Newsletter Signup</h3>
<p>Subscribe To Our Newsletter And Get Latest News</p>
<form id="subscribe-form" class="newsletter-form" method="post" action="#"
data-mailchimp="true">
<div class="mailchimp-inputbox" id="subscribe-content">
<p>
<input type="email" name="email" placeholder="Email Add.." required="">
</p>
<p><button type="submit"
class="cmt-btn cmt-btn-size-md cmt-btn-shape-round cmt-btn-style-fill cmt-btn-color-skincolor">Send</button>
</p>
</div>
<div id="subscribe-msg"></div>
</form>
<div class="widget d-flex pt-2">
<h3 class="widget-title">Follow Us</h3>
<div class="social-icons">
<ul class="list-inline d-flex">
<li>
<a class="tooltip-top" target="_blank" href="#"
data-tooltip="Facebook"><i class="fa fa-facebook"></i></a>
</li>
<li>
<a class="tooltip-top" target="_blank" href="#"
data-tooltip="Twitter"><i class="fa fa-twitter"></i></a>
</li>
<li>
<a class=" tooltip-top" target="_blank" href="#" data-tooltip="RSS"><i
class="fa fa-rss"></i></a>
</li>
<li>
<a class="tooltip-top" target="_blank" href="#" data-tooltip="Vimeo"><i
class="fa fa-vimeo"></i></a>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="bottom-footer-text">
<div class="container">
<div class="row copyright">
<div class="col-lg-7 col-md-7 col-sm-12">
<span>Copyright 2023 <a href="index.html">XDL</a>, All Rights Reserved. Powered By <a
href="#">Kick Start Marketing</a></span>
</div>
<div class="col-lg-5 col-md-5 col-sm-12">
<div id="footer-nav-menu" class="d-flex flex-row justify-content-end">
<ul class="footer-nav-menu">
</ul>
</div>
</div>
</div>
</div>
</div>
</footer><!--footer End-->
<!--back-to-top start-->
<a id="totop" href="#top">
<i class="fa fa-angle-up"></i>
</a>
<!--back-to-top end-->
</div><!--Page End-->
<!-- Javascript -->
<script src="js/jquery-3.6.0.min.js"></script>
<script src="js/jquery-migrate-3.3.2.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/jquery.easing.js"></script>
<script src="js/popper.min.js"></script>
<script src="js/jquery-waypoints.js"></script>
<script src="js/jquery-validate.js"></script>
<script src="js/jquery.prettyPhoto.js"></script>
<script src="js/slick.min.js"></script>
<script src="js/numinate.min.js"></script>
<script src="js/main.js"></script>
<script>
// Disable double click
document.addEventListener('DOMContentLoaded', function() {
document.addEventListener('dblclick', function(event) {
event.preventDefault();
});
});
// Disable right click
document.addEventListener('contextmenu', function(event) {
event.preventDefault();
});
// Disable right click on mouse down event
document.addEventListener('mousedown', function(event) {
if (event.button === 2) { // 2 represents the right mouse button
event.preventDefault();
}
});
// Disable Ctrl+S key combination
document.addEventListener('keydown', function(event) {
if (event.ctrlKey && event.key === 's') { // Check if Ctrl+S is pressed
event.preventDefault();
// Add your custom code or display a message indicating the restriction
}
});
</script>
</body>
</html>