HOME

Mini Shell 1.0
DIR:/home/htlwork.com/www/dev/robertson_global_freight/
Current File : /home/htlwork.com/www/dev/robertson_global_freight/index.html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta name="viewport" content="width=device-width, initial-scale=1">
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>Saphire Logistics INC</title>
    <!-- Bootstrap Core CSS -->
    <link href="css/bootstrap.min.css" rel="stylesheet">   

    <!-- Custom CSS -->
    <link href="style.css" rel="stylesheet">
	
	<link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700;800;900&display=swap" rel="stylesheet"> 

	 <!-- Owl Carousel Assets -->
    <link href="css/owl.carousel.css" rel="stylesheet">
    <link href="css/owl.theme.css" rel="stylesheet">
	
    <!-- Custom Fonts -->
	<link rel="stylesheet" href="fontawesome/css/all.min.css">
	<link rel="stylesheet" href="fontawesome/css/fontawesome.min.css">
	<script src="https://code.jquery.com/jquery-latest.min.js" type="text/javascript"></script>
    
    <link href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.5.2/animate.min.css" rel="stylesheet" media="all"> 

  
   <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/magnific-popup.js/1.1.0/magnific-popup.css" />
   <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.isotope/3.0.6/isotope.pkgd.js"></script>
   <script src="https://cdnjs.cloudflare.com/ajax/libs/magnific-popup.js/1.1.0/jquery.magnific-popup.js"></script>	
   
    <!--If you want to change #bootstrap-touch-slider id then you have to change Carousel-indicators and Carousel-Control  #bootstrap-touch-slider slide as well
        Slide effect: slide, fade
        Text Align: slide_style_center, slide_style_left, slide_style_right
        Add Text Animation: https://daneden.github.io/animate.css/
        -->


    <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
        <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
        <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->

<script>
$(window).scroll(function() {
    if ($(this).scrollTop() > 20){  
        $('.menu-head').addClass("sticky");
    }
    else{
        $('.menu-head').removeClass("sticky");
    }
});
</script>
    
</head>
<body>  
<header class="header" id="Home">
  
  <!-- <div class="head-top">    
    <div class="container">
      <div class="row">
                        
        <div class="col-sm-5 head-left">
		           <ul>
					<li><a href="">info@cargoy.com  052 5401 3322</a></li>
					<li><a href=""> 052 5401 3322</a></li>
				   </ul>
        </div>
		
		<div class="col-sm-7  head-right">
		  <ul>
		    <li><a><i class="fa-brands fa-facebook-f"></i></a></li>
		    <li><a><i class="fa-brands fa-x-twitter"></i></a></li>
		    <li><a><i class="fa-brands fa-youtube"></i></a></li>
		  </ul>         
        </div>	
                
      </div>
    </div>
  </div> -->
  

    <div class="menu-head">
        <nav class="navbar navbar-expand-lg">
          <div class="container">
			<a href="#" class="menu-logo"><!--<img src="images/logo.png" alt="image" />--> Saphire Logistics <span>INC</span></a> 
            <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation" onclick="openNav()">
              <span class="navbar-toggler-icon "></span>
            </button>
           
            <div class=" collapse navbar-collapse " id="myOffcanvas"  tabindex="-1"  aria-labelledby="offcanvasNavbarLabel">
             
			  <ul class="navbar-nav">
				<li><a href="mailto:info@cargoy.com">info@cargoy.com </a></li>
				<li><a href="tel:052 5401 3322"> 052 5401 3322</a></li>
				<div class="head-icon">
					<li><a href="#"><i class="fa-brands fa-facebook-f"></i></a></li>
				<li><a href="#"><i class="fa-brands fa-x-twitter"></i></a></li>
				<li><a href="#"><i class="fa-brands fa-youtube"></i></a></li>
				</div>
			  </ul> 
            </div>
          </div>
        </nav>
      </div>
    </div><!--/ menu-head -->
  </header>

  




<section class="banner">
  <div class="container">
    <div class="row">
	  
	  <div class="col-sm-12 banner-left">
		<div id="carouselExampleIndicators" class="carousel slide" data-bs-ride="true">
			<div class="carousel-indicators d-none">
			  <button type="button" data-bs-target="#carouselExampleIndicators" data-bs-slide-to="0" class="active" aria-current="true" aria-label="Slide 1"></button>
			  <button type="button" data-bs-target="#carouselExampleIndicators" data-bs-slide-to="1" aria-label="Slide 2"></button>
			  <button type="button" data-bs-target="#carouselExampleIndicators" data-bs-slide-to="2" aria-label="Slide 3"></button>
			</div>
			<div class="carousel-inner">
			  <div class="carousel-item active">
				<!-- <img src="images/banner.jpg"  alt="..."> -->
				<div class="slide-text">
					<div class="slide-text-left col-sm-12 text-center">
						<h1 data-animation="animated fadeInDown"><span>Accelerate The User Experience</span>Welcome to Saphire Logistics</h1>
					<p data-animation="animated fadeInDown">Unlocking Logistics Potential, One Dispatch at a Time.</p>              
					<a href="#" class="btn btn-default" data-animation="animated fadeInDown">Contact Now</a>
					<!-- <a href="#" class="btn btn-primary" data-animation="animated fadeInDown">Contact Now</a> -->
				  </div>
				  <!-- <div class="slide-text-right col-sm-5">
					<form action="" class="form-group">
						
							<div class="row">
							<div class="col-md-12 col-12">
							<div class="form-group">
							<input type="text" class="form-control" placeholder="Full Name" required="">
							</div>
							</div>
							<div class="col-md-12 col-12">
							<div class="form-group">
							<input type="email" class="form-control" placeholder="Email Address" required="">
							</div>
							</div>
							</div>
							<div class="row">
							<div class="col-md-12 col-12">
							<div class="form-group">
							<input type="number" class="form-control" placeholder="Phone Number" required="">
							</div>
							</div>
							<div class="col-md-12 col-12">
							<div class="form-group">
							<input type="email" class="form-control" placeholder="Ship From" required="">
							</div>
							</div>
							<div class="col-md-12 col-12">
							<div class="form-group">
							<input type="email" class="form-control" placeholder="Ship to" required="">
							</div>
							</div>
							</div>
							
							<button type="submit">Submit Request</button>
					</form>
				</div> -->
					</div>
					
			  </div>
			 
			  
			</div>
			<!-- <button class="carousel-control-prev" type="button" data-bs-target="#carouselExampleIndicators" data-bs-slide="prev">
			  <span class="carousel-control-prev-icon" aria-hidden="true"></span>
			  <span class="visually-hidden">Previous</span>
			</button>
			<button class="carousel-control-next" type="button" data-bs-target="#carouselExampleIndicators" data-bs-slide="next">
			  <span class="carousel-control-next-icon" aria-hidden="true"></span>
			  <span class="visually-hidden">Next</span>
			</button> -->
		  </div>
			
          
        </div> <!-- End  bootstrap-touch-slider Slider --> 
  
      </div><!--/ banner-left -->
	  
	  
    </div><!--/ row -->
  </div>
</section><!--/ banner -->

<section class="promo-area">
  <div class="container">
    <div class="row">
	  
	  <div class="col-sm-4 box">
	    <div class="single-promo">
		  <figure><img src="images/clock.png" alt="Image"></figure>
		<div class="promo-content">
			<h3>Working Hours</h3>
			<p>Monday - Friday 8:00 AM to 6:00 PM</p>
		</div>
		</div>
	  </div>
	  
	  <div class="col-sm-4 box">
	    <div class="single-promo">
		  <figure><img src="images/location.png" alt="Image"></figure>
		  <div class="promo-content">
			<h3>Our Office</h3>
			<p>8273 NW 59th ST Miami, Florida, 33197</p>
		</div>
		</div>
	  </div>
	  
	  <div class="col-sm-4 box">
	    <div class="single-promo">
		  <figure><img src="images/box.png" alt="Image"></figure>
		  <div class="promo-content">
			<h3>Track Package</h3>
			<p>Track your package to save time and cost</p>
		</div>
		</div>
	  </div>

	  
			
    </div><!-- row-->
  </div><!-- .container end -->
</section><!--/  promo-area -->       

<section class="about-sec">
  <div class="container">
    <div class="row">           
	
	  <div class="col-sm-6 about-left pull-right">
	    <h2><span>What we do</span>Best transportation services <span> Since 1996</span></h2>
		<p>For unparalleled transportation services with the added convenience of 24/7 dispatching, look no further. Our commitment to excellence ensures seamless and efficient transportation solutions tailored to your needs. With a dedicated team working around the clock, our dispatching service guarantees timely and reliable support whenever you require it. Whether it's a time-sensitive delivery, airport transfer, or any transportation need, our fleet and dispatching service are primed to exceed expectations. Trust us for a combination of top-notch service, punctuality, and accessibility, making your journey or cargo delivery a smooth and stress-free experience.</p>
		<div class="box-sign">
		  <b>David swift</b>
          <span>Founder &amp; CEO</span>
        </div>
		<a href="" class="btn btn-default">Discover more</a>
      </div><!--/ col-sm -->
	  
	  <div class="col-sm-6 about-right">
		<div class="inner-column">
			<div class="image-box ">
			  <figure class="image overlay-anim reveal wow zoomIn animated" ><img src="images/about-1.jpg" alt="Image" ></figure>
			  <figure class="image-2 overlay-anim wow zoomIn animated" data-wow-delay="300ms" ><img src="images/about-2.jpg" alt="Image"></figure>
			</div>
		  </div>
	  </div>	  
     
    </div><!--/ row --> 
  </div>
</section><!--/ about-sec -->



<section class="service-sec">
  <div class="container">
    <div class="row">
	  
	  <div class="col-sm-12 text-center">
		<div class="service-btn"><a href="#" class="btn active-btn">All services</a></div>
	    <h2>We specialize in that you deserve</h2>
		
	  </div>
	  
	  <div class="col-sm-3">
		<div class="service-box">
			<div class="inner-box">
				<div class="image-box">
					<i class="icon flaticon-air"></i>
					<figure class="image"><a href="images/service-1.jpg" class="lightbox-image"><img src="images/service-1.jpg" alt=""></a></figure>
				</div>
				<div class="content-box">
					<h4>Dry Van</h4>
					
					<a href="#" class="read-more">Read More <i class="fa fa-angle-right"></i></a>
				</div>
			</div>
		</div>
	  </div>
	  
	  <div class="col-sm-3">
		<div class="service-box">
			<div class="inner-box">
				<div class="image-box">
					<i class="icon flaticon-air"></i>
					<figure class="image"><a href="images/service-2.jpg" class="lightbox-image"><img src="images/service-2.jpg" alt=""></a></figure>
				</div>
				<div class="content-box">
					<h4>Reefer</h4>
					
					<a href="#" class="read-more">Read More <i class="fa fa-angle-right"></i></a>
				</div>
			</div>
		</div>
	  </div>
	  
	  <div class="col-sm-3">
		<div class="service-box">
			<div class="inner-box">
				<div class="image-box">
					<i class="icon flaticon-air"></i>
					<figure class="image"><a href="images/service-3.jpg" class="lightbox-image"><img src="images/service-3.jpg" alt=""></a></figure>
				</div>
				<div class="content-box">
					<h4>Flatbed</h4>
					
					<a href="#" class="read-more">Read More <i class="fa fa-angle-right"></i></a>
				</div>
			</div>
		</div>
	  </div>
	  
	  <div class="col-sm-3">
		<div class="service-box">
			<div class="inner-box">
				<div class="image-box">
					<i class="icon flaticon-air"></i>
					<figure class="image"><a href="images/service-4.jpg" class="lightbox-image"><img src="images/service-4.jpg" alt=""></a></figure>
				</div>
				<div class="content-box">
					<h4>Port container</h4>
					
					<a href="#" class="read-more">Read More <i class="fa fa-angle-right"></i></a>
				</div>
			</div>
		</div>
	  </div>
			
    </div><!-- row-->
  </div><!-- .container end -->
</section><!--/  service-sec  -->  

<section class="contact-wrap">
  <div class="container">
    <div class="row">
      	  
	  <div class="col-sm-6 contact-left">
	    <div class="contact-padd">
			<div class="contact-heading"><h2>On Board</h2>
			<div class="service-btn"><a href="#" class="btn active-btn">You accept our policy</a></div>
			</div>

			<img src="images/truck .png" alt="">
		  
        </div>
      </div><!--/ col-sm -->
	  
	  <div class="col-sm-6 contact-right">

			<form action="" class="form-group">
				
					<div class="row">
					<div class="col-md-12 col-12">
					<div class="form-group">
					<input type="text" class="form-control" placeholder="Full Name" required="">
					</div>
					</div>
					<div class="col-md-12 col-12">
					<div class="form-group">
					<input type="email" class="form-control" placeholder="Email Address" required="">
					</div>
					</div>
					</div>
					<div class="row">
					<div class="col-md-12 col-12">
					<div class="form-group">
					<input type="number" class="form-control" placeholder="Phone Number" required="">
					</div>
					</div>
					<div class="col-md-12 col-12">
					<div class="form-group">
					<input type="email" class="form-control" placeholder="Ship From" required="">
					</div>
					</div>
					<div class="col-md-12 col-12">
					<div class="form-group">
					<input type="email" class="form-control" placeholder="Ship to" required="">
					</div>
					</div>
					</div>
					
					<button type="submit">Submit Request</button>
			</form>
	
      </div><!--/ col-sm -->
         
    </div><!--/ row -->
  </div>
</section><!--/ counter-sec -->

<!--<section class="client-logo">
  <div class="container">
    <div class="row">
      
	  <div class="col-sm-12">
		<h2>How We Works<span>Find a evolved and strong connection with software and hardware communication</span></h2>
		ul>
		  <li><figure><a href="#"><img src="images/logo-01.png" alt="Image"></a></figure></li>
		  <li><figure><a href="#"><img src="images/logo-02.png" alt="Image"></a></figure></li>
		  <li><figure><a href="#"><img src="images/logo-03.png" alt="Image"></a></figure></li>
		  <li><figure><a href="#"><img src="images/logo-04.png" alt="Image"></a></figure></li>
		  <li><figure><a href="#"><img src="images/logo-05.png" alt="Image"></a></figure></li>
		  <li><figure><a href="#"><img src="images/logo-06.png" alt="Image"></a></figure></li>
		</ul
      </div>
	  
	  <div class="col-sm-4 col-lg-2">
	    <div class="work-box">
		  <figure><a href="#"><img src="images/work-01.png" alt="Image"></a></figure>
		  <h3>Order & Payment</h3>
        </div>
      </div>
	  
	  <div class="col-sm-4 col-lg-2">
	    <div class="work-box">
		  <figure><a href="#"><img src="images/work-02.png" alt="Image"></a></figure>
		  <h3>Design and Development</h3>
        </div>
      </div>
      
	  <div class="col-sm-4 col-lg-2">
	    <div class="work-box">
		  <figure><a href="#"><img src="images/work-03.png" alt="Image"></a></figure>
		  <h3>Project Review</h3>
        </div>
      </div>
	  
	  <div class="col-sm-4 col-lg-2">
	    <div class="work-box">
		  <figure><a href="#"><img src="images/work-04.png" alt="Image"></a></figure>
		  <h3>Quality Analysis</h3>
        </div>
      </div>
      
	  <div class="col-sm-4 col-lg-2">
	    <div class="work-box">
		  <figure><a href="#"><img src="images/work-05.png" alt="Image"></a></figure>
		  <h3>Delivery</h3>
        </div>
      </div>
	  
	  <div class="col-sm-4 col-lg-2">
	    <div class="work-box">
		  <figure><a href="#"><img src="images/work-06.png" alt="Image"></a></figure>
		  <h3>Customer Satisfaction</h3>
        </div>
      </div>
         
    </div>
  </div>
</section> / client-logo -->

<section class="client-speak">
  <div class="container">
    <div class="row">
      
	  
	  <div class="col-sm-12 grid-left pad-0">
	    <h2><span>Testimonials feedback</span>What our clients think</h2>
		 
		<div id="owl-demo-2">
		  <div class="item">
		    <div class="item-bg"> 		  
		      <p>Lorem ipsum dolor sit amet consectetur adipiscing elitsed do eiusmod tempor incididunt utlabore et dolore aliqua.</p>
			</div>
			<div class="testmonial-author">
			  <img src="images/author.jpg" alt="">
			  <h4>Richard Branson <span>Virgin</span></h4>
			</div>
		  </div><!--/ item -->
		  
		  <div class="item">
		    <div class="item-bg"> 		  
		      <p>Lorem ipsum dolor sit amet consectetur adipiscing elitsed do eiusmod tempor incididunt utlabore et dolore aliqua.</p>
			</div>
			<div class="testmonial-author">
			  <img src="images/author.jpg" alt="">
			  <h4>Richard Branson <span>Virgin</span></h4>
			</div>
		  </div><!--/ item -->
		  
		  <div class="item">
		    <div class="item-bg"> 		  
		      <p>Lorem ipsum dolor sit amet consectetur adipiscing elitsed do eiusmod tempor incididunt utlabore et dolore aliqua.</p>
			</div>
			<div class="testmonial-author">
			  <img src="images/author.jpg" alt="">
			  <h4>Richard Branson <span>Virgin</span></h4>
			</div>
		  </div><!--/ item -->
		  
		  <div class="item">
		    <div class="item-bg"> 		  
		      <p>Lorem ipsum dolor sit amet consectetur adipiscing elitsed do eiusmod tempor incididunt utlabore et dolore aliqua.</p>
			</div>
			<div class="testmonial-author">
			  <img src="images/author.jpg" alt="">
			  <h4>Richard Branson <span>Virgin</span></h4>
			</div>
		  </div><!--/ item -->
		  
		  <div class="item">
		    <div class="item-bg"> 		  
		      <p>Lorem ipsum dolor sit amet consectetur adipiscing elitsed do eiusmod tempor incididunt utlabore et dolore aliqua.</p>
			</div>
			<div class="testmonial-author">
			  <img src="images/author.jpg" alt="">
			  <h4>Richard Branson <span>Virgin</span></h4>
			</div>
		  </div><!--/ item -->
		  
		  
		  
		</div>
      </div><!--/ grid-left -->  
          
    </div><!--/ row -->	
  </div>
</section><!--/ client-speak  -->

<section class="why-choose">
  <div class="container">
    <div class="row">
      	  
	  <div class="col-sm-6 choose-left">
	    <h2><span>Exclusive benefits</span>Why shippers use us</h2>
		<ul>
			<li>Extensive carrier network</li>
			<li>Cost savings through competitive pricing</li>
			<li>Time-efficient logistics management</li>
			<li>Flexibility and scalability for changing</li>
			<li>Expertise and industry</li>
			<li>shipping needs knowledge Risk mitigation and reliable supply chain management</li>
			<li>Streamlined communication and exceptional customer service</li>
		</ul>
      </div><!--/ col-sm -->  
	  
	  <div class="col-sm-6 choose-right">
	    <figure><a href="#"><img class="thumbnail" src="images/why-we-choose.jpg" alt="Image"></a></figure>
      </div><!--/ col-sm -->  
          
    </div><!--/ row -->	
  </div>
</section><!--/ why-choose -->



<section class="counter-sec">
  <div class="container">
    <div class="row" id="counter">
	
	  <div class="col-sm-3 counter-Txt">
	    <figure><i class="fa-solid fa-users"></i></figure>
		<div>
		  <h4>Professionals Team</h4>
	      <span class="counter-value" data-count="50">0</span><span>+</span>
	    </div>
	  </div>
	  
	  
	  <div class="col-sm-3 counter-Txt">
	    <figure><i class="fa-solid fa-user-check"></i></figure>
		<div>
		  <h4>Customer Satisfaction</h4>
	      <span class="counter-value" data-count="100">0</span><span>%</span>
	    </div>
	  </div>
	  
	  <div class="col-sm-3 counter-Txt">
	    <figure><i class="fa-solid fa-arrow-up-right-dots"></i></figure>
		<div>
		  <h4>Years of experience</h4>
	      <span class="counter-value" data-count="30">0</span><span>+</span>
	    </div>
	  </div>
	  
	  <div class="col-sm-3 counter-Txt">
	    <figure><i class="fa-solid fa-money-bill-trend-up"></i></figure>
		<div>
		  <h4>Money Back Guarantee</h4>
	      <span class="counter-value" data-count="100">0</span> <span>%</span>
	    </div>
	  </div>

    </div><!--/ row --> 
  </div>
</section><!--/ counter-sec -->  

<!--<section class="team-sec">
  <div class="container">
    <div class="row">
	
	  <div class="col-sm-3">
	    <h2><span>Our Team</span>Digitally Yours</h2>
		<p>Lorem ipsum dolor sit amet consectetur adipiscing elitsed do eiusmod tempor incididu. </p>
		<div class="service-btn"><a href="#" class="btn active-btn">View the team</a></div>
	  </div>
	  
	  <div class="col-sm-3">
	    <div class="team-box">
		  <figure><img src="images/team1.jpg" alt=""></figure>
		  <div class="caption">
		    <h3>Frank De Vinci</h3>
            <span>Marketing</span>
            <span class="icon-links">
				<a href="#" target="_blank"><i class="fa-brands fa-facebook"></i></a>
				<a href="#" target="_blank"><i class="fa-brands fa-instagram"></i></a>
				<a href="#" target="_blank"><i class="fa-brands fa-x-twitter"></i></a>
			  </span>
            <p>Lorem ipsum dolor sitamet consectetur eiusmo.</p>
		  </div>
        </div>
	  </div><!--/ col-sm 

	  <div class="col-sm-3">
	    <div class="team-box">
		  <figure><img src="images/team2.jpg" alt=""></figure>
		  <div class="caption">
		    <h3>Donald Cort</h3>
            <span>Social media</span>
            <span class="icon-links">
				<a href="#" target="_blank"><i class="fa-brands fa-facebook"></i></a>
				<a href="#" target="_blank"><i class="fa-brands fa-instagram"></i></a>
				<a href="#" target="_blank"><i class="fa-brands fa-x-twitter"></i></a>
			  </span>
            <p>Lorem ipsum dolor sitamet consectetur eiusmo.</p>
		  </div>
        </div>
	  </div><!--/ col-sm 

	  <div class="col-sm-3">
	    <div class="team-box">
		  <figure><img src="images/team3.jpg" alt=""></figure>
		  <div class="caption">
		    <h3>Alicia Sandre</h3>
            <span>Engeneer</span>
            <span class="icon-links">
              <a href="#" target="_blank"><i class="fa-brands fa-facebook"></i></a>
              <a href="#" target="_blank"><i class="fa-brands fa-instagram"></i></a>
              <a href="#" target="_blank"><i class="fa-brands fa-x-twitter"></i></a>
            </span>
            <p>Lorem ipsum dolor sitamet consectetur eiusmo.</p>
		  </div>
        </div>
	  </div><!--/ col-sm 

    </div><!--/ row 
  </div>
</section><!--/ counter-sec -->    
  
<footer class="footer">

  <div class="back-to-top"><a href="#Home" class="BackTo scroll"><i class="fa fa-chevron-up" aria-hidden="true"></i></a></div>
  <script>
$(document).ready(function(){
 let scroll_link = $('.scroll');

  //smooth scrolling -----------------------
  scroll_link.click(function(e){
      e.preventDefault();
      let url = $('body').find($(this).attr('href')).offset().top;
      $('html, body').animate({
        scrollTop : url
      },700);
      $(this).parent().addClass('active');
      $(this).parent().siblings().removeClass('active');
      return false;	
   });
});
</script>

  <div class="container">
    <div class="row">
                     
      <div class="col-sm-6">
        <div class="wg-1 ft-left">
          <h4 class="ft-logo">Saphire Logistics <span>INC</span></h4>
		  <p>For unparalleled transportation services with the added convenience of 24/7 dispatching, look no further. Our commitment to excellence ensures seamless and efficient transportation solutions tailored to your needs.</p>
		  <div class="icon-ft">
            <a href="#" target="_blank"><i class="fa-brands fa-facebook-f"></i></a>
            <a href="#" target="_blank"><i class="fa-brands fa-x-twitter"></i></a>
            <a href="#" target="_blank"><i class="fa-brands fa-youtube"></i></a>
            <a href="#" target="_blank"><i class="fa fa-rss"></i></a>
          </div> 
        </div>
      </div>       
      
      <!-- <div class="col-sm-2">
        <div class="wg-1">
          <h4>Quick Links</h4>           	  		
		  <ul>
            <li><a href="#">Home</a></li>
            <li><a href="#">About Us </a></li>
			<li><a href="#">Transport </a></li>
			<li><a href="#">Services </a></li>
			<li><a href="#">Blog </a></li>
			<li><a href="#">Contact Us </a></li>
		  </ul>
		</div>
      </div>
	  
	  <div class="col-sm-3">
        <div class="wg-1">
          <h4>Resources</h4>           	  		
		  <ul>
			<li><a href="#">Terms and Condition </a></li>
			<li><a href="#">Privacy Policy </a></li>
			<li><a href="#">Refund & Cancellation Policy</a></li>
			<li><a href="#">Disclaimer</a></li>
		  </ul>
		</div>
      </div> -->
	  
	  <div class="col-sm-6">
        <div class="wg-1">
		  <h4>Contact Info</h4>           	  		
		  <address>
		    <div><p><strong>Address</strong> <span>139 Baker St, E1 7PT, London</span></p></div>
		    <div><p><strong>Phone</strong> <span>052 5401 3322</span></p></div>
		    <div><p><strong>Email</strong> <span>info@gmail.com</span></p></div>
		    <div><p><strong>Opening hours</strong> <span>8am-5pm Mon - Fri</span></p></div>
		  </address>		       		  	 
		</div>
      </div>       
           
    </div><!--/ row -->       
  </div><!--/ container -->
  
  <div class="ft-bottom">
    <div class="container">
      <div class="row">
	  
		<div class="col-sm-12"><p class="copyright">Copy © 2024 All Rights Reserved by ROBERTSON Global Freight .</p></div>	
         
      </div><!--/ row -->
    </div>
  </div><!--/ ft-bottom -->
</footer>
  

<!-- Bootstrap Core JavaScript -->
        
<script src="js/script.js"></script>     
<script src="js/bootstrap.min.js"></script>
<script src="js/owl.carousel.js"></script>    
<script>
$('.counter-count').each(function () {
        $(this).prop('Counter',0).animate({
            Counter: $(this).text()
        }, {
            duration: 5000,
            easing: 'swing',
            step: function (now) {
                $(this).text(Math.ceil(now));
            }
        });
    });
</script>

<script>
    $(document).ready(function() {
      $("#owl-demo").owlCarousel({
        autoPlay: 3000,
        items : 3,
        itemsDesktop : [1199,3],
        navigation : true, 
        itemsDesktopSmall : [979,3]
      });

    });
	
	$(document).ready(function() {
      $("#owl-demo-2").owlCarousel({
        autoPlay: 3000,
        items : 3,
        itemsDesktop : [1199,3],
        navigation : true, 
        itemsDesktopSmall : [979,3]
      });

    });
	
	// When the DOM is ready, run this function
$(document).ready(function() {
  //Set the carousel options
  $('#quote-carousel').carousel({
    pause: true,
    interval: 4000,
  });
});
</script>
	
</body>
<script>
var a = 0;
$(window).scroll(function() {

  var oTop = $('#counter').offset().top - window.innerHeight;
  if (a == 0 && $(window).scrollTop() > oTop) {
    $('.counter-value').each(function() {
      var $this = $(this),
        countTo = $this.attr('data-count');
      $({
        countNum: $this.text()
      }).animate({
          countNum: countTo
        },

        {

          duration: 7000,
          easing: 'swing',
          step: function() {
            $this.text(Math.floor(this.countNum));
          },
          complete: function() {
            $this.text(this.countNum);
            //alert('finished');
          }

        });
    });
    a = 1;
  }

});
</script>
</html>