Starfleet: Optimizing every mile  <meta name="keywords" content="fleet management, fleet optimization, fleet tracking, fleet maintenance, fleet analyticsimization, fleet tracking, fleet maintenance, fleet analytics">  <meta name="description" content="Star Fleet delivers comprehensive fleet management solutions that streamline operations, reduce costs, and enhance fleet performance through real-time insights and intelligent automation. Our platform is designed for businesses serious about transforming their fleet operations.management solutions that streamline operations, reduce costs, and enhance fleet performance through real-time insights and intelligent automation. Our platform is designed for businesses serious about transforming their fleet operations.management solutions that streamline operations, reduce costs, and enhance fleet performance through real-time insights and intelligent automation. Our platform is designed for businesses serious about transforming their fleet operations.management solutions that streamline operations, reduce costs, and enhance fleet performance through real-time insights and intelligent automation. Our platform is designed for businesses serious about transforming their fleet operations.">   <link rel="stylesheet" href="assets/vendor/bootstrap/css/bootstrap.min.css">  <link rel="stylesheet" href="assets/vendor/glyyphter/css/xpovio.css">  <link rel="stylesheet" href="assets/vendor/font-awesome/css/all.css">  <link rel="stylesheet" href="assets/vendor/nice-select/css/nice-select.css">  <link rel="stylesheet" href="assets/vendor/magnific-popup/css/magnific-popup.css">  <link rel="stylesheet" href="assets/vendor/slick/css/slick.css">   <link rel="stylesheet" href="assets/css/main.min.css"> </head> <body class="home-three-light">  <div class="my-app ">  <div id="preloader"> <div id="loader"></div> </div>   <div class="mouseCursor cursor-outer"></div> <div class="mouseCursor cursor-inner"> <span>Drag</span> </div>   <header class="header"> <div class="primary-navbar tertiary--navbar"> <div class="container"> <div class="row"> <div class="col-12"> <nav class="navbar p-0"> <div class="navbar__logo"> <a href="index.html" aria-label="go to home"> <img src="assets/images/fleetmanager-logo.svg" alt="Image"> </a> </div> <div class="navbar__menu"> <ul > <li class="navbar__item nav-fade"> <a href="tel:406-555-0120"> <i class="fa-sharp fa-solid fa-phone-volume"></i> (406) 555-0120 </a> </li> <li class="navbar__item nav-fade"> <a href="mailto:info@xpovio.com"> <i class="fa-sharp fa-solid fa-envelope"></i> info@xpovio.com </a> </li> </ul> </div> <div class="navbar__options"> <button class="open-offcanvas-nav d-flex" aria-label="toggle mobile menu" title="open offcanvas menu"> <i class="fa-light fa-bars-staggered"></i> Menu </button> <div class="tertiary-cta d-none d-sm-flex"> <div class="navbar__mobile-options"> <a href="contact-us.html" class="btn btn--secondary">Let's Talk</a> </div> </div> </div> </nav> </div> </div> </div> </div> </header>   <div class="offcanvas-nav"> <div class="offcanvas-menu"> <nav class="offcanvas-menu__wrapper"> <div class="offcanvas-menu__header nav-fade"> <div class="logo"> <a href="index.html"> <img src="assets/images/fleetmanager-logo.svg" alt="" title=""> </a> </div> <a href="javascript:void(0)" aria-label="close offcanvas menu" class="close-offcanvas-menu"> <i class="fa-light fa-xmark-large"></i> </a> </div> <div class="offcanvas-menu__list"> <div class="navbar__menu"> <ul > <li class="navbar__item navbar__item--has-children nav-fade"> <a href="javascript:void(0)" aria-label="dropdown menu" class="navbar__dropdown-label">Home</a> <ul class="navbar__sub-menu"> <li> <a href="index.html">Creative Agency</a> </li> <li> <a href="index-light.html">Creative Agency Light</a> </li> <li> <a href="index-two.html">Digital Agency</a> </li> <li> <a href="index-two-light.html">Digital Agency Light</a> </li> <li> <a href="index-three.html">It Solution</a> </li> <li> <a href="index-three-light.html">It Solution Light</a> </li> <li> <a href="index-four.html">Personal Portfolio</a> </li> <li> <a href="index-four-light.html">Personal Portfolio Light</a> </li> <li> <a href="index-five.html">Interactive Portfolio</a> </li> <li> <a href="index-five-light.html">Interactive Portfolio Light</a> </li> </ul> </li> <li class="navbar__item nav-fade"> <a href="about-us.html">About Us</a> </li> <li class="navbar__item navbar__item--has-children nav-fade"> <a href="javascript:void(0)" aria-label="dropdown menu" class="navbar__dropdown-label">Services</a> <ul class="navbar__sub-menu"> <li> <a href="our-services.html">Our Services</a> </li> <li> <a href="service-single.html">Service Details</a> </li> </ul> </li> <li class="navbar__item navbar__item--has-children nav-fade"> <a href="javascript:void(0)" aria-label="dropdown menu" class="navbar__dropdown-label">Projects</a> <ul class="navbar__sub-menu"> <li> <a href="our-projects.html">Our Projects</a> </li> <li> <a href="project-single.html">Project Details</a> </li> </ul> </li> <li class="navbar__item navbar__item--has-children nav-fade"> <a href="javascript:void(0)" aria-label="dropdown menu" class="navbar__dropdown-label">Pages</a> <ul class="navbar__sub-menu"> <li> <a href="faq.html">FAQ</a> </li> <li> <a href="404.html">Error</a> </li> <li> <a href="our-story.html">Our Story</a> </li> <li> <a href="portfolio.html">Portfolio</a> </li> <li class="navbar__item navbar__item--has-children"> <a href="javascript:void(0)" aria-label="dropdown menu" class="navbar__dropdown-label navbar__dropdown-label-sub">Team</a> <ul class="navbar__sub-menu navbar__sub-menu__nested"> <li> <a href="our-teams.html">Our Teams</a> </li> <li> <a href="team-single.html">Team Details</a> </li> </ul> </li> <li> <a href="client-feedback.html">Testimonials</a> </li> <li> <a href="contact-us.html">Contact Us</a> </li> </ul> </li> <li class="navbar__item navbar__item--has-children nav-fade"> <a href="javascript:void(0)" aria-label="dropdown menu" class="navbar__dropdown-label">Blog</a> <ul class="navbar__sub-menu"> <li> <a href="blog.html">Blog</a> </li> <li> <a href="blog-single.html">Blog Details</a> </li> </ul> </li> </ul> </div> </div> <div class="offcanvas-menu__options nav-fade"> <div class="offcanvas__mobile-options d-flex"> <a href="contact-us.html" class="btn btn--secondary">Let's Talk</a> </div> </div> <div class="offcanvas-menu__social social nav-fade"> <a href="https://www.facebook.com/" target="_blank" aria-label="share us on facebook"> <i class="fa-brands fa-facebook-f"></i> </a> <a href="https://www.twitter.com/" target="_blank" aria-label="share us on twitter"> <i class="fa-brands fa-twitter"></i> </a> <a href="https://www.pinterest.com/" target="_blank" aria-label="share us on pinterest"> <i class="fa-brands fa-linkedin-in"></i> </a> <a href="https://www.instagram.com/" target="_blank" aria-label="share us on instagram"> <i class="fa-brands fa-instagram"></i> </a> </div> </nav> </div> </div>  <div id="smooth-wrapper"> <div id="smooth-content">  <main>  <section class="banner-three"> <div class="banner-three__slider banner-three-alt"> <div class="banner-three__slider-single" data-background="assets/images/banner/banner-three-bg.png"> <div class="container"> <div class="row justify-content-end"> <div class="col-12 col-lg-9 offset-lg-3 col-xl-7 offset-xl-4"> <div class="banner-three__content"> <h1 class="light-title"> Awesome IT Services for Your Business </h1> <div class="section__content-cta cta"> <div class="arrow-wrapper d-none d-md-block"> <span class="arrow"></span> </div> <a href="our-services.html" class="btn btn--secondary"> our services <i class="fa-sharp fa-solid fa-arrow-up-right"></i> </a> </div> </div> </div> </div> </div> </div> <div class="banner-three__slider-single" data-background="assets/images/banner/banner-three-bg.png"> <div class="container"> <div class="row justify-content-end"> <div class="col-12 col-lg-9 offset-lg-3 col-xl-7 offset-xl-4"> <div class="banner-three__content"> <h1 class="light-title"> Awesome IT Services for Your Business </h1> <div class="section__content-cta cta"> <div class="arrow-wrapper d-none d-md-block"> <span class="arrow"></span> </div> <a href="our-services.html" class="btn btn--secondary"> our services <i class="fa-sharp fa-solid fa-arrow-up-right"></i> </a> </div> </div> </div> </div> </div> </div> <div class="banner-three__slider-single" data-background="assets/images/banner/banner-three-bg.png"> <div class="container"> <div class="row justify-content-end"> <div class="col-12 col-lg-9 offset-lg-3 col-xl-7 offset-xl-4"> <div class="banner-three__content"> <h1 class="light-title"> Awesome IT Services for Your Business </h1> <div class="section__content-cta cta"> <div class="arrow-wrapper d-none d-md-block"> <span class="arrow"></span> </div> <a href="our-services.html" class="btn btn--secondary"> our services <i class="fa-sharp fa-solid fa-arrow-up-right"></i> </a> </div> </div> </div> </div> </div> </div> </div> <div class="social justify-content-center justify-content-lg-end"> <a href="https://www.facebook.com/" target="_blank"> <i class="fa-brands fa-facebook-f"></i> </a> <a href="https://www.twitter.com/" target="_blank"> <i class="fa-brands fa-twitter"></i> </a> <a href="https://www.pinterest.com/" target="_blank"> <i class="fa-brands fa-linkedin-in"></i> </a> <a href="https://www.instagram.com/" target="_blank"> <i class="fa-brands fa-instagram"></i> </a> </div> <img src="assets/images/banner/arrow.png" alt="Image" class="arrow-img"> <img src="assets/images/agency/dot-large.png" alt="Image" class="dot-img"> <div class="banner-three__slider-progress-wrapper"> <div class="container"> <div class="banner-three__slider-progress"> <div class="single-item"> <span>01</span> <p>TECHNOLOGY CONSULTANTS</p> <div data-slick-index="0" class="slider-progress"></div> </div> <div class="single-item"> <span>02</span> <p>SOFTWARE ENGINEERS</p> <div data-slick-index="1" class="slider-progress"></div> </div> <div class="single-item"> <span>03</span> <p>PRODUCT STRATEGY ADVISORS</p> <div data-slick-index="2" class="slider-progress"></div> </div> </div> </div> </div> <div class="banner-three__meta ban-three-g-meta"> <div class="cta"> <div class="single"> <h5 class="fw-7"> 12+ </h5> <p class="fw-5">years of experience</p> </div> <div class="single"> <h5 class="fw-7"> 25k </h5> <p class="fw-5">completed projects</p> </div> </div> <div class="banner-three__video"> <img src="assets/images/banner/video-bg.png" alt="Image"> <a class="video-frame video-btn" href="https://www.youtube.com/watch?v=RvreULjnzFo" target="_blank"> <i class="fa-sharp fa-solid fa-play"></i> </a> </div> </div> </section>   <section class="section service-f fade-wrapper light service-f-light"> <div class="container"> <div class="row"> <div class="col-12"> <div class="section__header--secondary g-ind"> <div class="row gaper align-items-center"> <div class="col-12 col-lg-8"> <div class="section__header text-center text-lg-start mb-0"> <span class="sub-title"> What we offer <i class="fa-solid fa-arrow-right"></i> </span> <h2 class="title title-anim">our main services</h2> </div> </div> <div class="col-12 col-lg-4"> <div class="text-center text-lg-end"> <a href="our-services.html" class="btn btn--primary text-capitalize">view all service</a> </div> </div> </div> </div> </div> </div> <div class="row"> <div class="col-12"> <div class="service-f-wrapper"> <div class="service-f-single fade-top"> <div class="single-item"> <span class="sub-title"> 01 <i class="fa-solid fa-arrow-right"></i> </span> <h4> Digitalization </h4> <div class="p-single"> <p>We build intelligent next-generation solutions at the intersection of new business opportunities and technological innovations.</p> </div> </div> <div class="p-single single-item p-sm"> <ul> <li> <i class="fa-solid fa-angle-right"></i> Legacy Modernization </li> <li> <i class="fa-solid fa-angle-right"></i> Solution Design </li> <li> <i class="fa-solid fa-angle-right"></i> Technology Enabling </li> <li> <i class="fa-solid fa-angle-right"></i> Mobile-First Systems </li> </ul> </div> <div class="single-item p-single p-sm"> <img src="assets/images/service/one.png" alt="Image"> </div> <button class="toggle-service-f"></button> </div> <div class="service-f-single fade-top"> <div class="single-item"> <span class="sub-title"> 02 <i class="fa-solid fa-arrow-right"></i> </span> <h4> Modernization </h4> <div class="p-single"> <p>We build intelligent next-generation solutions at the intersection of new business opportunities and technological innovations.</p> </div> </div> <div class="p-single single-item p-sm"> <ul> <li> <i class="fa-solid fa-angle-right"></i> Legacy Modernization </li> <li> <i class="fa-solid fa-angle-right"></i> Solution Design </li> <li> <i class="fa-solid fa-angle-right"></i> Technology Enabling </li> <li> <i class="fa-solid fa-angle-right"></i> Mobile-First Systems </li> </ul> </div> <div class="single-item p-single p-sm"> <img src="assets/images/service/one.png" alt="Image"> </div> <button class="toggle-service-f"></button> </div> <div class="service-f-single fade-top"> <div class="single-item"> <span class="sub-title"> 03 <i class="fa-solid fa-arrow-right"></i> </span> <h4> Accelerating Innovation </h4> <div class="p-single"> <p>We build intelligent next-generation solutions at the intersection of new business opportunities and technological innovations.</p> </div> </div> <div class="p-single single-item p-sm"> <ul> <li> <i class="fa-solid fa-angle-right"></i> Legacy Modernization </li> <li> <i class="fa-solid fa-angle-right"></i> Solution Design </li> <li> <i class="fa-solid fa-angle-right"></i> Technology Enabling </li> <li> <i class="fa-solid fa-angle-right"></i> Mobile-First Systems </li> </ul> </div> <div class="single-item p-single p-sm"> <img src="assets/images/service/one.png" alt="Image"> </div> <button class="toggle-service-f"></button> </div> <div class="service-f-single fade-top"> <div class="single-item"> <span class="sub-title"> 04 <i class="fa-solid fa-arrow-right"></i> </span> <h4> Business consulting </h4> <div class="p-single"> <p>We build intelligent next-generation solutions at the intersection of new business opportunities and technological innovations.</p> </div> </div> <div class="p-single single-item p-sm"> <ul> <li> <i class="fa-solid fa-angle-right"></i> Legacy Modernization </li> <li> <i class="fa-solid fa-angle-right"></i> Solution Design </li> <li> <i class="fa-solid fa-angle-right"></i> Technology Enabling </li> <li> <i class="fa-solid fa-angle-right"></i> Mobile-First Systems </li> </ul> </div> <div class="single-item p-single p-sm"> <img src="assets/images/service/one.png" alt="Image"> </div> <button class="toggle-service-f"></button> </div> </div> </div> </div> </div> <img src="assets/images/agency/dot-large.png" alt="Image" class="dot-img"> </section>   <section class="section agency agency-two"> <div class="container"> <div class="row gaper align-items-center"> <div class="col-12 col-lg-6"> <div class="agency__thumb"> <img src="assets/images/agency/thumb-three.png" alt="Image" class="fade-left"> </div> </div> <div class="col-12 col-lg-6"> <div class="agency__content section__content"> <span class="sub-title"> About Us <i class="fa-solid fa-arrow-right"></i> </span> <h2 class="title title-anim"> We are digital creative agency in London </h2> <div class="paragraph"> <p>Bring to the table win-win survival strategies to ensure proactive domination. At the end of the day, going forward, a new normal that has evolved from generation on the runway heading towards a streamlined cloud solution going forward porttitor dictum sapien.</p> </div> <div class="cta section__content-cta"> <div class="single"> <h5 class="fw-7"> 12+ </h5> <p class="fw-5">years of experience</p> </div> <div class="single"> <h5 class="fw-7"> 25k </h5> <p class="fw-5">completed projects</p> </div> <div class="single"> <h5 class="fw-7"> 120+ </h5> <p class="fw-5">Team members</p> </div> </div> <div class="section__content-cta cta-group"> <a href="index.html" class="clutch"> <img src="assets/images/agency/clutch.png" alt="Image"> </a> <a href="contact-us.html" class="btn btn--primary text-capitalize">Book A Call</a> </div> </div> </div> </div> </div> <img src="assets/images/star.png" alt="Image" class="star"> <img src="assets/images//agency/dot-large.png" alt="Image" class="dot-large"> </section>   <section class="section portfolio portfolio-three pb-0"> <div class="portfolio__text-slider"> <div class="portfolio__text-slider-single"> <h2 class="h1"> <a href="portfolio.html"> digital portfolio <i class="fa-sharp fa-solid fa-arrow-down-right"></i> </a> </h2> </div> <div class="portfolio__text-slider-single"> <h2 class="h1"> <a href="portfolio.html"> digital portfolio <i class="fa-sharp fa-solid fa-arrow-down-right"></i> </a> </h2> </div> <div class="portfolio__text-slider-single"> <h2 class="h1"> <a href="portfolio.html"> digital portfolio <i class="fa-sharp fa-solid fa-arrow-down-right"></i> </a> </h2> </div> <div class="portfolio__text-slider-single"> <h2 class="h1"> <a href="portfolio.html"> digital portfolio <i class="fa-sharp fa-solid fa-arrow-down-right"></i> </a> </h2> </div> <div class="portfolio__text-slider-single"> <h2 class="h1"> <a href="portfolio.html"> digital portfolio <i class="fa-sharp fa-solid fa-arrow-down-right"></i> </a> </h2> </div> <div class="portfolio__text-slider-single"> <h2 class="h1"> <a href="portfolio.html"> digital portfolio <i class="fa-sharp fa-solid fa-arrow-down-right"></i> </a> </h2> </div> <div class="portfolio__text-slider-single"> <h2 class="h1"> <a href="portfolio.html"> digital portfolio <i class="fa-sharp fa-solid fa-arrow-down-right"></i> </a> </h2> </div> </div> <div class="container"> <div class="row"> <div class="col-12"> <div class="portfolio-three__slider"> <div class="portfolio__single topy-tilt"> <a href="portfolio.html"> <img src="assets/images/portfolio/eight.png" alt="Image"> </a> <div class="portfolio__single-content"> <a href="portfolio.html"> <i class="fa-sharp fa-solid fa-arrow-up-right"></i> </a> <h4> <a href="portfolio.html">Digital Marketing</a> </h4> </div> </div> <div class="portfolio__single topy-tilt"> <a href="portfolio.html"> <img src="assets/images/portfolio/nine.png" alt="Image"> </a> <div class="portfolio__single-content"> <a href="portfolio.html"> <i class="fa-sharp fa-solid fa-arrow-up-right"></i> </a> <h4> <a href="portfolio.html">Digital Marketing</a> </h4> </div> </div> <div class="portfolio__single topy-tilt"> <a href="portfolio.html"> <img src="assets/images/portfolio/ten.png" alt="Image"> </a> <div class="portfolio__single-content"> <a href="portfolio.html"> <i class="fa-sharp fa-solid fa-arrow-up-right"></i> </a> <h4> <a href="portfolio.html">Digital Marketing</a> </h4> </div> </div> <div class="portfolio__single topy-tilt"> <a href="portfolio.html"> <img src="assets/images/portfolio/eight.png" alt="Image"> </a> <div class="portfolio__single-content"> <a href="portfolio.html"> <i class="fa-sharp fa-solid fa-arrow-up-right"></i> </a> <h4> <a href="portfolio.html">Digital Marketing</a> </h4> </div> </div> <div class="portfolio__single topy-tilt"> <a href="portfolio.html"> <img src="assets/images/portfolio/nine.png" alt="Image"> </a> <div class="portfolio__single-content"> <a href="portfolio.html"> <i class="fa-sharp fa-solid fa-arrow-up-right"></i> </a> <h4> <a href="portfolio.html">Digital Marketing</a> </h4> </div> </div> <div class="portfolio__single topy-tilt"> <a href="portfolio.html"> <img src="assets/images/portfolio/ten.png" alt="Image"> </a> <div class="portfolio__single-content"> <a href="portfolio.html"> <i class="fa-sharp fa-solid fa-arrow-up-right"></i> </a> <h4> <a href="portfolio.html">Digital Marketing</a> </h4> </div> </div> </div> </div> </div> </div> <div class="slide-group"> <a href="javascript:void(0)" aria-label="previous item" class="slide-btn prev-portfolio"> <i class="fa-light fa-angle-left"></i> </a> <a href="javascript:void(0)" aria-label="next item" class="slide-btn next-portfolio"> <i class="fa-light fa-angle-right"></i> </a> </div> </section>   <section class="section work-steps fade-wrapper work-steps-light light"> <div class="container"> <div class="row"> <div class="col-12"> <div class="section__header--secondary"> <div class="row gaper align-items-center"> <div class="col-12 col-lg-5 col-xxl-5"> <div class="section__header text-center text-lg-start mb-0"> <span class="sub-title"> working steps <i class="fa-solid fa-arrow-right"></i> </span> <h2 class="title title-anim">Our Work Process</h2> </div> </div> <div class="col-12 col-lg-7 col-xxl-5 offset-xxl-2"> <div class="text-center text-lg-start"> <p>Bring to the table win-win survival strategies to ensure proactive domination. At the end of the day, going forward, a new normal that has evolved from generation on the runway heading towards</p> </div> </div> </div> </div> </div> </div> <div class="row"> <div class="col-12 col-sm-6 col-xl-3"> <div class="work-steps__single fade-top"> <span> 25 <br> % </span> <h5>Discover & Strategy.</h5> <div class="work-thumb-hover d-none d-md-block" data-background="assets/images/work/thumb-one.png"></div> </div> </div> <div class="col-12 col-sm-6 col-xl-3"> <div class="work-steps__single work-two work-steps__single-active fade-top"> <span> 50 <br> % </span> <h5>Wireframes & User-flows</h5> <div class="work-thumb-hover d-none d-md-block" data-background="assets/images/work/thumb-one.png"></div> </div> </div> <div class="col-12 col-sm-6 col-xl-3"> <div class="work-steps__single work-three fade-top"> <span> 75 <br> % </span> <h5>Hi-Fidelity design</h5> <div class="work-thumb-hover d-none d-md-block" data-background="assets/images/work/thumb-one.png"></div> </div> </div> <div class="col-12 col-sm-6 col-xl-3"> <div class="work-steps__single work-four fade-top"> <span> 100 <br> % </span> <h5>Development Phase</h5> <div class="work-thumb-hover d-none d-md-block" data-background="assets/images/work/thumb-one.png"></div> </div> </div> </div> </div> <a class="video-frame video-btn d-none d-md-flex" href="https://www.youtube.com/watch?v=RvreULjnzFo" target="_blank"> <img src="assets/images/video-frame.png" alt="Image"> <i class="fa-sharp fa-solid fa-play"></i> </a> </section>   <section class="section testimonial testimonial-three position-relative"> <div class="testimonial__text-slider"> <div class="testimonial__text-slider-single"> <h2 class="h1"> <a href="client-feedback.html"> client's testimonial <i class="fa-sharp fa-solid fa-arrow-down-right"></i> </a> </h2> </div> <div class="testimonial__text-slider-single"> <h2 class="h1"> <a href="client-feedback.html"> client's testimonial <i class="fa-sharp fa-solid fa-arrow-down-right"></i> </a> </h2> </div> <div class="testimonial__text-slider-single"> <h2 class="h1"> <a href="client-feedback.html"> client's testimonial <i class="fa-sharp fa-solid fa-arrow-down-right"></i> </a> </h2> </div> <div class="testimonial__text-slider-single"> <h2 class="h1"> <a href="client-feedback.html"> client's testimonial <i class="fa-sharp fa-solid fa-arrow-down-right"></i> </a> </h2> </div> <div class="testimonial__text-slider-single"> <h2 class="h1"> <a href="client-feedback.html"> client's testimonial <i class="fa-sharp fa-solid fa-arrow-down-right"></i> </a> </h2> </div> <div class="testimonial__text-slider-single"> <h2 class="h1"> <a href="client-feedback.html"> client's testimonial <i class="fa-sharp fa-solid fa-arrow-down-right"></i> </a> </h2> </div> <div class="testimonial__text-slider-single"> <h2 class="h1"> <a href="client-feedback.html"> client's testimonial <i class="fa-sharp fa-solid fa-arrow-down-right"></i> </a> </h2> </div> </div> <div class="container position-relative"> <div class="row"> <div class="col-12 col-xxl-10"> <div class="testimonial-s__slider"> <div class="testimonial-s__slider-single"> <div class="row gaper align-items-center"> <div class="col-12 col-lg-4 col-xxl-4"> <div class="thumb"> <img src="assets/images/testimonial/s-thumb.png" alt="Image"> <svg xmlns="http://www.w3.org/2000/svg" width="44" height="322" viewBox="0 0 44 322" fill="none" class="d-none d-lg-block"> <path d="M43 -0.000976562V151.999L2 192.999H43V321.999" stroke="#414141" /> </svg> </div> </div> <div class="col-12 col-lg-7 offset-lg-1 col-xxl-7 offset-xxl-1"> <div class="testimonial-s__content"> <div class="quote"> <i class="fa-solid fa-quote-right"></i> </div> <div class="content"> <h4>posuere luctus orci. Donec vitae mattis quam, vitae tempor arcu. Aenean non odio porttitor, convallis erat sit amet, facilisis velit. Nulla ornare convallis malesuada. Phasellus molestie, ipsum ac fringilla.</h4> </div> <div class="content-cta"> <h5>Daniel Smith</h5> <p>Senior engineer</p> </div> </div> </div> </div> </div> <div class="testimonial-s__slider-single"> <div class="row gaper align-items-center"> <div class="col-12 col-lg-4 col-xxl-4"> <div class="thumb"> <img src="assets/images/testimonial/s-thumb-two.png" alt="Image"> <svg xmlns="http://www.w3.org/2000/svg" width="44" height="322" viewBox="0 0 44 322" fill="none" class="d-none d-lg-block"> <path d="M43 -0.000976562V151.999L2 192.999H43V321.999" stroke="#414141" /> </svg> </div> </div> <div class="col-12 col-lg-7 offset-lg-1 col-xxl-7 offset-xxl-1"> <div class="testimonial-s__content"> <div class="quote"> <i class="fa-solid fa-quote-right"></i> </div> <div class="content"> <h4>posuere luctus orci. Donec vitae mattis quam, vitae tempor arcu. Aenean non odio porttitor, convallis erat sit amet, facilisis velit. Nulla ornare convallis malesuada. Phasellus molestie, ipsum ac fringilla.</h4> </div> <div class="content-cta"> <h5>Daniel Smith</h5> <p>Senior engineer</p> </div> </div> </div> </div> </div> <div class="testimonial-s__slider-single"> <div class="row gaper align-items-center"> <div class="col-12 col-lg-4 col-xxl-4"> <div class="thumb"> <img src="assets/images/testimonial/s-thumb-three.png" alt="Image"> <svg xmlns="http://www.w3.org/2000/svg" width="44" height="322" viewBox="0 0 44 322" fill="none" class="d-none d-lg-block"> <path d="M43 -0.000976562V151.999L2 192.999H43V321.999" stroke="#414141" /> </svg> </div> </div> <div class="col-12 col-lg-7 offset-lg-1 col-xxl-7 offset-xxl-1"> <div class="testimonial-s__content"> <div class="quote"> <i class="fa-solid fa-quote-right"></i> </div> <div class="content"> <h4>posuere luctus orci. Donec vitae mattis quam, vitae tempor arcu. Aenean non odio porttitor, convallis erat sit amet, facilisis velit. Nulla ornare convallis malesuada. Phasellus molestie, ipsum ac fringilla.</h4> </div> <div class="content-cta"> <h5>Daniel Smith</h5> <p>Senior engineer</p> </div> </div> </div> </div> </div> </div> </div> </div> <div class="slide-group justify-content-start"> <a href="javascript:void(0)" aria-label="previous item" class="slide-btn prev-testimonial-three"> <i class="fa-light fa-angle-left"></i> </a> <a href="javascript:void(0)" aria-label="next item" class="slide-btn next-testimonial-three"> <i class="fa-light fa-angle-right"></i> </a> </div> </div> <div class="other-section"> <img class="other-section-image" src="assets/images/testimonial/s-thumb.png" alt="Next Slide Image"> </div> </section>   <div class="sponsor sponsor-three section pt-0"> <div class="container-fluid"> <div class="row justify-content-center"> <div class="col-12"> <div class="sponsor__slider "> <div class="sponsor__slider-item"> <img src="assets/images/sponsor/one.png" alt="Image"> </div> <div class="sponsor__slider-item"> <img src="assets/images/sponsor/two.png" alt="Image"> </div> <div class="sponsor__slider-item"> <img src="assets/images/sponsor/three.png" alt="Image"> </div> <div class="sponsor__slider-item"> <img src="assets/images/sponsor/four.png" alt="Image"> </div> <div class="sponsor__slider-item"> <img src="assets/images/sponsor/five.png" alt="Image"> </div> <div class="sponsor__slider-item"> <img src="assets/images/sponsor/six.png" alt="Image"> </div> <div class="sponsor__slider-item"> <img src="assets/images/sponsor/one.png" alt="Image"> </div> <div class="sponsor__slider-item"> <img src="assets/images/sponsor/two.png" alt="Image"> </div> <div class="sponsor__slider-item"> <img src="assets/images/sponsor/three.png" alt="Image"> </div> <div class="sponsor__slider-item"> <img src="assets/images/sponsor/four.png" alt="Image"> </div> <div class="sponsor__slider-item"> <img src="assets/images/sponsor/five.png" alt="Image"> </div> <div class="sponsor__slider-item"> <img src="assets/images/sponsor/six.png" alt="Image"> </div> </div> </div> </div> </div> </div>   <section class="section blog-three pb-0 light blog-three-light"> <div class="container"> <div class="row justify-content-center"> <div class="col-12 col-lg-8"> <div class="section__header text-center"> <span class="sub-title"> news & Blog <i class="fa-solid fa-arrow-right"></i> </span> <h2 class="title title-anim">what's new in blog</h2> </div> </div> </div> <div class="row"> <div class="col-12"> <div class="blog-three__wrapper"> <div class="row gaper"> <div class="col-12 col-lg-6"> <div class="blog-three__single"> <div class="blog__single-content"> <h4> <a href="blog-single.html"> How manage business in online, The passage experienced a surge </a> </h4> <div class="blog__single-meta"> <a href="blog.html" class="sub-title"> creative <i class="fa-solid fa-arrow-right"></i> </a> <p>MARCH 23, 2023</p> </div> </div> </div> <div class="blog-three__single"> <div class="blog__single-content"> <h4> <a href="blog-single.html"> Pellentesque dignissim malesuada varius et semper semper rutrum ad risus felis eros. </a> </h4> <div class="blog__single-meta"> <a href="blog.html" class="sub-title"> creative <i class="fa-solid fa-arrow-right"></i> </a> <p>MARCH 23, 2023</p> </div> </div> </div> <div class="blog-three__single"> <div class="blog__single-content"> <h4> <a href="blog-single.html"> non sit libero viverra mollis Non ligula tincidunt congue porta attention simply </a> </h4> <div class="blog__single-meta"> <a href="blog.html" class="sub-title"> creative <i class="fa-solid fa-arrow-right"></i> </a> <p>MARCH 23, 2023</p> </div> </div> </div> </div> <div class="col-12 col-lg-6"> <div class="blog-three__thumb g-blog-thumb"> <div class="blog-single-img"> <a href="blog-single.html"> <img src="assets/images/blog/eleven.png" alt="Image"> </a> </div> <div class="blog-single-img"> <a href="blog-single.html"> <img src="assets/images/blog/ten.png" alt="Image"> </a> </div> <div class="blog-single-img"> <a href="blog-single.html"> <img src="assets/images/blog/nine.png" alt="Image"> </a> </div> </div> </div> </div> </div> </div> </div> </div> </section>   <section class="cta-two section pb-0"> <div class="container"> <div class="row justify-content-center"> <div class="col-12 col-xxl-11"> <div class="cta-two-wrapper bg-img" data-background="assets/images/cta-two-bg.png"> <div class="row gaper align-items-center"> <div class="col-12 col-lg-8"> <div class="cta-two__content"> <span>Hello !</span> <h2 class="title-anim"> ready to work with us? </h2> <h5> <a href="tel:19-3265-003-420">call: +19 3265 003 420</a> </h5> </div> </div> <div class="col-12 col-lg-4"> <div class="text-start text-lg-end"> <a href="contact-us.html" class="btn btn--tertiary"> start a project <i class="fa-sharp fa-solid fa-arrow-up-right"></i> </a> </div> </div> </div> </div> </div> </div> </div> </section>   <section class="section next-page light"> <div class="container"> <div class="row justify-content-center"> <div class="col-12 col-lg-8"> <div class="section__header text-center"> <a href="about-us.html" class="sub-title mb-0"> Next Page <i class="fa-solid fa-arrow-right"></i> </a> </div> </div> </div> </div> <div class="next__text-slider"> <div class="next__text-slider-single"> <h2 class="h1"> <a href="about-us.html"> About Us <i class="fa-sharp fa-solid fa-arrow-down-right"></i> </a> </h2> </div> <div class="next__text-slider-single"> <h2 class="h1"> <a href="about-us.html"> About Us <i class="fa-sharp fa-solid fa-arrow-down-right"></i> </a> </h2> </div> <div class="next__text-slider-single"> <h2 class="h1"> <a href="about-us.html"> About Us <i class="fa-sharp fa-solid fa-arrow-down-right"></i> </a> </h2> </div> <div class="next__text-slider-single"> <h2 class="h1"> <a href="about-us.html"> About Us <i class="fa-sharp fa-solid fa-arrow-down-right"></i> </a> </h2> </div> <div class="next__text-slider-single"> <h2 class="h1"> <a href="about-us.html"> About Us <i class="fa-sharp fa-solid fa-arrow-down-right"></i> </a> </h2> </div> <div class="next__text-slider-single"> <h2 class="h1"> <a href="about-us.html"> About Us <i class="fa-sharp fa-solid fa-arrow-down-right"></i> </a> </h2> </div> <div class="next__text-slider-single"> <h2 class="h1"> <a href="about-us.html"> About Us <i class="fa-sharp fa-solid fa-arrow-down-right"></i> </a> </h2> </div> </div> </section>  </main>   <footer class="section footer-three pb-0"> <div class="container"> <div class="row gaper align-items-start"> <div class="col-12 col-lg-4"> <div class="footer-three__single"> <div class="footer-thumb"> <img src="assets/images/footer/footer-three-thumb.png" alt="Image"> <div class="footer-thumb__content"> <h5>head quarters, USA</h5> </div> </div> <div class="footer-three__group ps-0"> <ul> <li> <a href="https://www.google.com/maps/d/viewer?mid=1UZ57Drfs3SGrTgh6mrYjQktu6uY&hl=en_US&ll=18.672105000000013%2C105.68673800000003&z=17" target="_blank"> <i class="fa-sharp fa-solid fa-location-dot"></i> 901 N Pitt Str., Suite 170 Alexandria, USA </a> </li> <li> <a href="tel:406-555-0120"> <i class="fa-sharp fa-solid fa-phone-volume"></i> (406) 555-0120 </a> </li> <li> <a href="mailto:info@xpovio.com"> <i class="fa-sharp fa-solid fa-envelope"></i> info@xpovio.com </a> </li> </ul> <div class="cta"> <a href="https://www.google.com/maps/d/viewer?mid=1UZ57Drfs3SGrTgh6mrYjQktu6uY&hl=en_US&ll=18.672105000000013%2C105.68673800000003&z=17" target="_blank"> View Map <i class="fa-sharp fa-solid fa-paper-plane"></i> </a> </div> </div> </div> </div> <div class="col-12 col-lg-4"> <div class="group-wrapper"> <div class="footer-three__group"> <div class="intro"> <h5>Germany</h5> </div> <ul> <li> <a href="https://www.google.com/maps/d/viewer?mid=1UZ57Drfs3SGrTgh6mrYjQktu6uY&hl=en_US&ll=18.672105000000013%2C105.68673800000003&z=17" target="_blank"> <i class="fa-sharp fa-solid fa-location-dot"></i> Wolfhager Strasse 425 - 70 Germany </a> </li> <li> <a href="tel:406-555-0120"> <i class="fa-sharp fa-solid fa-phone-volume"></i> (406) 555-0120 </a> </li> <li> <a href="mailto:info@xpovio.com"> <i class="fa-sharp fa-solid fa-envelope"></i> info@xpovio.com </a> </li> </ul> <div class="cta"> <a href="https://www.google.com/maps/d/viewer?mid=1UZ57Drfs3SGrTgh6mrYjQktu6uY&hl=en_US&ll=18.672105000000013%2C105.68673800000003&z=17" target="_blank"> View Map <i class="fa-sharp fa-solid fa-paper-plane"></i> </a> </div> </div> <div class="footer-three__group section__content-cta"> <div class="intro"> <h5>India</h5> </div> <ul> <li> <a href="https://www.google.com/maps/d/viewer?mid=1UZ57Drfs3SGrTgh6mrYjQktu6uY&hl=en_US&ll=18.672105000000013%2C105.68673800000003&z=17" target="_blank"> <i class="fa-sharp fa-solid fa-location-dot"></i> Wolfhager Strasse 425 - 70 Germany </a> </li> <li> <a href="tel:406-555-0120"> <i class="fa-sharp fa-solid fa-phone-volume"></i> (406) 555-0120 </a> </li> <li> <a href="mailto:info@xpovio.com"> <i class="fa-sharp fa-solid fa-envelope"></i> info@xpovio.com </a> </li> </ul> <div class="cta"> <a href="https://www.google.com/maps/d/viewer?mid=1UZ57Drfs3SGrTgh6mrYjQktu6uY&hl=en_US&ll=18.672105000000013%2C105.68673800000003&z=17" target="_blank"> View Map <i class="fa-sharp fa-solid fa-paper-plane"></i> </a> </div> </div> </div> </div> <div class="col-12 col-lg-4"> <div class="group-wrapper"> <div class="footer-three__group"> <div class="intro"> <h5>Poland</h5> </div> <ul> <li> <a href="https://www.google.com/maps/d/viewer?mid=1UZ57Drfs3SGrTgh6mrYjQktu6uY&hl=en_US&ll=18.672105000000013%2C105.68673800000003&z=17" target="_blank"> <i class="fa-sharp fa-solid fa-location-dot"></i> Hans-Günther Meier, JCB-256, Poland </a> </li> <li> <a href="tel:406-555-0120"> <i class="fa-sharp fa-solid fa-phone-volume"></i> (406) 555-0120 </a> </li> <li> <a href="mailto:info@xpovio.com"> <i class="fa-sharp fa-solid fa-envelope"></i> info@xpovio.com </a> </li> </ul> <div class="cta"> <a href="https://www.google.com/maps/d/viewer?mid=1UZ57Drfs3SGrTgh6mrYjQktu6uY&hl=en_US&ll=18.672105000000013%2C105.68673800000003&z=17" target="_blank"> View Map <i class="fa-sharp fa-solid fa-paper-plane"></i> </a> </div> </div> <div class="footer-three__group section__content-cta"> <div class="intro"> <h5>Bangladesh</h5> </div> <ul> <li> <a href="https://www.google.com/maps/d/viewer?mid=1UZ57Drfs3SGrTgh6mrYjQktu6uY&hl=en_US&ll=18.672105000000013%2C105.68673800000003&z=17" target="_blank"> <i class="fa-sharp fa-solid fa-location-dot"></i> Hans-Günther Meier, JCB-256, Poland </a> </li> <li> <a href="tel:406-555-0120"> <i class="fa-sharp fa-solid fa-phone-volume"></i> (406) 555-0120 </a> </li> <li> <a href="mailto:info@xpovio.com"> <i class="fa-sharp fa-solid fa-envelope"></i> info@xpovio.com </a> </li> </ul> <div class="cta"> <a href="https://www.google.com/maps/d/viewer?mid=1UZ57Drfs3SGrTgh6mrYjQktu6uY&hl=en_US&ll=18.672105000000013%2C105.68673800000003&z=17" target="_blank"> View Map <i class="fa-sharp fa-solid fa-paper-plane"></i> </a> </div> </div> </div> </div> </div> </div> <div class="footer-three__copyright"> <div class="container"> <div class="row"> <div class="col-12"> <div class="footer__copyright"> <div class="row align-items-center gaper"> <div class="col-12 col-lg-8"> <div class="footer__copyright-text text-center text-lg-start"> <p> Copyright © <span id="copyYear"></span> Xpovio by <a href="https://themeforest.net/user/gramentheme/" target="_blank">GramenTheme</a> . All Rights Reserved </p> </div> </div> <div class="col-12 col-lg-4"> <div class="text-center text-lg-end"> <a href="index.html" class="logo"> <img src="assets/images/fleetmanager-logo.svg" alt="Image"> </a> </div> </div> </div> </div> </div> </div> </div> </div> </footer>  </div> </div>  <button class="progress-wrap" aria-label="scroll indicator" title="go to top"> <span></span> <svg class="progress-circle svg-content" width="100%" height="100%" viewBox="-1 -1 102 102"> <path d="M50,1 a49,49 0 0,1 0,98 a49,49 0 0,1 0,-98" /> </svg> </button>   <div class="vid-m"> <div class="vid-c"> <a href="javascript:void(0)" aria-label="close video popup" class="close-v"> <i class="fa-light fa-xmark-large"></i> </a> <video autoplay="autoplay" loop muted controls> <source src="assets/images/popup-video.mp4" type="video/mp4"> </video> <h5>Hello</h5> </div> </div> </div>   <script src="assets/vendor/jquery/jquery-3.7.0.min.js"></script>  <script src="assets/vendor/bootstrap/js/bootstrap.bundle.min.js"></script>  <script src="assets/vendor/nice-select/js/jquery.nice-select.min.js"></script>  <script src="assets/vendor/magnific-popup/js/jquery.magnific-popup.min.js"></script>  <script src="assets/vendor/slick/js/slick.min.js"></script>  <script src="assets/vendor/images-loaded/imagesloaded.pkgd.min.js"></script>  <script src="assets/vendor/isotope/isotope.pkgd.min.js"></script>  <script src="assets/vendor/gsap/chroma.min.js"></script>  <script src="assets/vendor/gsap/SplitText.min.js"></script>  <script src="assets/vendor/gsap/ScrollSmoother.min.js"></script>  <script src="assets/vendor/gsap/ScrollToPlugin.min.js"></script>  <script src="assets/vendor/gsap/ScrollTrigger.min.js"></script>  <script src="assets/vendor/gsap/gsap.min.js"></script>  <script src="assets/vendor/vanilla-tilt/tilt.jquery.js"></script>   <script src="assets/js/plugins.js"></script>  <script src="assets/js/main.js"></script> </body> </html>