350 lines
18 KiB
PHP
350 lines
18 KiB
PHP
<!DOCTYPE html>
|
||
<html lang="en">
|
||
|
||
<head>
|
||
<!-- Meta Tags -->
|
||
<meta charset="utf-8">
|
||
<meta content="width=device-width, initial-scale=1, shrink-to-fit=no" name="viewport">
|
||
<!-- Author -->
|
||
<meta name="author" content="Float Mobility">
|
||
<!-- Description -->
|
||
|
||
<title> Ride Sharing, Hailing & Budgeting App by Float</title>
|
||
<meta name="description" content="Travel smarter with Float's ride sharing, hailing and budgeting app. Avaliable on IOS and Android.">
|
||
|
||
<meta property="og:type" content="business.business">
|
||
<meta property="og:title" content="Float Mobility">
|
||
<meta property="og:url" content="https://float.sg">
|
||
<meta property="og:image" content="https://www.float.sg/assets/img/logo-light.png">
|
||
<meta property="business:contact_data:street_address" content="1070 Cresta Way Unit 2">
|
||
<meta property="business:contact_data:locality" content="San Rafael">
|
||
<meta property="business:contact_data:region" content="CA">
|
||
<meta property="business:contact_data:postal_code" content="94903">
|
||
<meta property="business:contact_data:country_name" content="United States">
|
||
<meta name="google-signin-client_id" content="343605975098-i4p86p4la6lpff0rmsq3mg36vi9do9rb.apps.googleusercontent.com">
|
||
|
||
|
||
<!-- Favicon -->
|
||
<link href="/float-ev/common/img/favicon.ico" rel="icon">
|
||
<!-- Bundle -->
|
||
<link rel="stylesheet" href="/float-ev/common/css/bundle.min.css">
|
||
<!-- Revolution Slider CSS Files -->
|
||
<link rel="stylesheet" href="/float-ev/common/css/revolution-settings.min.css">
|
||
<!-- Plugin Css -->
|
||
<link href="/float-ev/common/css/LineIcons.min.css" rel="stylesheet">
|
||
<link href="/float-ev/common/css/jquery.fancybox.min.css" rel="stylesheet">
|
||
<link href="/float-ev/common/css/owl.carousel.min.css" rel="stylesheet">
|
||
<link href="/float-ev/common/css/wow.css" rel="stylesheet">
|
||
<link rel="stylesheet" href="/float-ev/common/css/cubeportfolio.min.css">
|
||
<link href="/float-ev/css/line-awesome.min.css" rel="stylesheet">
|
||
<!-- Style Sheet -->
|
||
<link href="/float-ev/css/style.css" rel="stylesheet">
|
||
<link href="/float-ev/css/custom.css" rel="stylesheet">
|
||
</head>
|
||
|
||
<body data-spy="scroll" data-target=".navbar" data-offset="90">
|
||
|
||
<!-- Start Loader -->
|
||
<div class="loader" id="loader-fade">
|
||
<div class="dot-container">
|
||
<div class="dot dot-1"></div>
|
||
<div class="dot dot-2"></div>
|
||
<div class="dot dot-3"></div>
|
||
</div>
|
||
<svg xmlns="http://www.w3.org/2000/svg" version="1.1">
|
||
<defs>
|
||
<filter id="goo">
|
||
<feGaussianBlur in="SourceGraphic" stdDeviation="10" result="blur" />
|
||
<feColorMatrix in="blur" mode="matrix" values="1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 21 -7" />
|
||
</filter>
|
||
</defs>
|
||
</svg>
|
||
</div>
|
||
<!-- End Loader -->
|
||
|
||
<!-- Start Header -->
|
||
<header>
|
||
<!--Navigation-->
|
||
<nav class="navbar navbar-top-default navbar-expand-lg navbar-simple nav-line">
|
||
<ul class="mb-0 top-info">
|
||
<!-- li class="c-links d-none d-lg-block"><a href="#">+1 631 123 4567 </a></!-->
|
||
</ul>
|
||
<div class="container">
|
||
<a href="/" title="Float EV" class="logo">
|
||
<!--Logo Default-->
|
||
<img src="/float-ev/images/float-travel-app-logo.svg" alt="logo" class="logo-dark">
|
||
</a>
|
||
<!--Nav Links-->
|
||
<div class="collapse navbar-collapse" id="megaone">
|
||
<div class="navbar-nav ml-auto">
|
||
<a class="nav-link active scroll" href="#home-banner">Home</a>
|
||
<a class="nav-link scroll" href="#services-sec">About</a>
|
||
<a class="nav-link scroll" href="#portfolio-area">Work</a>
|
||
<a class="nav-link" href="https://blog.float.sg/">Blog</a>
|
||
<a class="nav-link scroll" href="#contact">Contact Us</a>
|
||
</div>
|
||
</div>
|
||
<!--Side Menu Button-->
|
||
<a href="javascript:void(0)" class="sidemenu_btn" id="sidemenu_toggle">
|
||
<span></span>
|
||
<span></span>
|
||
<span></span>
|
||
</a>
|
||
</div>
|
||
<!--Social Icons-->
|
||
<div class="nav-social text-white d-flex justify-content-center">
|
||
<ul class="social-icons-simple">
|
||
<li><a class="facebook-text-hvr" href="https://www.facebook.com/tryfloat/"><i class="fab fa-facebook-f"></i> </a> </li>
|
||
<li><a class="twitter-text-hvr" href="https://twitter.com/tryfloat"><i class="fab fa-twitter"></i> </a> </li>
|
||
<li><a class="linkedin-text-hvr" href="https://www.linkedin.com/company/float-mobility/mycompany/"><i class="fab fa-linkedin-in"></i> </a> </li>
|
||
<li><a class="instagram-text-hvr" href="https://www.instagram.com/accounts/login/"><i class="fab fa-instagram"></i> </a> </li>
|
||
</ul>
|
||
</div>
|
||
</nav>
|
||
<!--Side Nav-->
|
||
<div class="side-menu hidden">
|
||
<div class="inner-wrapper">
|
||
<span class="btn-close" id="btn_sideNavClose"><i></i><i></i></span>
|
||
<nav class="side-nav w-100">
|
||
<ul class="navbar-nav">
|
||
<li class="nav-item">
|
||
<a class="nav-link scroll" href="#home-banner">Home</a>
|
||
</li>
|
||
<li class="nav-item">
|
||
<a class="nav-link scroll" href="#services-sec">About</a>
|
||
</li>
|
||
<li class="nav-item">
|
||
<a class="nav-link scroll" href="#portfolio-area">Work</a>
|
||
</li>
|
||
<li class="nav-item">
|
||
<a class="nav-link " href="https://blog.float.sg/">Blog</a>
|
||
</li>
|
||
<li class="nav-item">
|
||
<a class="nav-link scroll" href="#contact">Contact Us</a>
|
||
</li>
|
||
</ul>
|
||
</nav>
|
||
|
||
<div class="side-footer text-white w-100">
|
||
<ul class="social-icons-simple">
|
||
<li><a class="facebook-text-hvr" href="https://www.facebook.com/tryfloat/"><i class="fab fa-facebook-f"></i> </a> </li>
|
||
<li><a class="twitter-text-hvr" href="https://twitter.com/tryfloat"><i class="fab fa-twitter"></i> </a> </li>
|
||
<li><a class="linkedin-text-hvr" href="https://www.linkedin.com/company/float-mobility/mycompany/"><i class="fab fa-linkedin-in"></i> </a> </li>
|
||
<li><a class="instagram-text-hvr" href="https://www.instagram.com/accounts/login/"><i class="fab fa-instagram"></i> </a> </li>
|
||
</ul>
|
||
<p class="text-white">© 2021 by <span class="d-inline d-lg-block"><a href="https://www.float.sg/"> Float Mobility</a></span></p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<a id="close_side_menu" href="javascript:void(0);"></a>
|
||
<!-- End side menu -->
|
||
</header>
|
||
<!-- End Header -->
|
||
|
||
<!-- Start Banner -->
|
||
<section class="banner-area" id="home-banner">
|
||
<div class="container">
|
||
<div class="row center-content">
|
||
<div class="col-12 col-md-10 col-lg-6 offset-md-1 offset-lg-6">
|
||
<div class="float-box">
|
||
<div class="box-content">
|
||
<h1 class="wow fadeInUp" data-wow-delay="1.2s">Electric Fleet Conversion</h1>
|
||
<h1 class="wow fadeInUp" data-wow-delay="1.6s">Platform</h1><br>
|
||
<a href="#services-sec" class="scroll button wow fadeInUp" data-wow-delay="2s"><i class="las la-angle-right"></i>Learn More</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
<!-- End Banner -->
|
||
|
||
<!-- Start Services -->
|
||
<section class="services-sec" id="services-sec">
|
||
<div class="container">
|
||
<div class="row">
|
||
<div class="col-12 col-lg-5">
|
||
<div class="heading-area">
|
||
<h4 class="heading wow slideInLeft">Float’s dashboard</h4>
|
||
<p class="text">makes it easy to locate information <span> quickly and analyze data</span></p>
|
||
</div>
|
||
</div>
|
||
<div class="col-12 col-lg-7">
|
||
<div class="image-holder wow slideInRight">
|
||
<img src="/float-ev/images/our-service-img.jpg" alt="service-img">
|
||
</div>
|
||
</div>
|
||
<div class="col-12 padding-top-half">
|
||
<ul class="services-boxes">
|
||
<!-- Service-1 -->
|
||
<li class="service-card left wow slideInLeft">
|
||
<div class="icon-holder"><i class="lni lni-bulb"></i></div>
|
||
<p class="text">We guide a company through the EV conversion process, starting with insights on current performance of their existing fleet.</p>
|
||
</li>
|
||
<!-- Service-2 -->
|
||
<li class="service-card right d-block text-center wow slideInRight">
|
||
<div class="icon-holder"><i class="lni lni-briefcase"></i></div>
|
||
<p class="text">We assess what works, provide information on which vehicles to convert first, and continue to improve on fleet performance throughout the step by step conversion to EVs.</p>
|
||
</li>
|
||
<!-- Service-3 -->
|
||
<li class="service-card left icon-right text-center text-lg-right wow slideInLeft">
|
||
<p class="text order-2 order-lg-1">Take over the entire fleet in an asset lite approach, leveraging our network of suppliers. The customer pays us for a fleet-as-a-service.</p>
|
||
<div class="icon-holder order-1 order-lg-2"><i class="lni lni-heart"></i></div>
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
<!-- End Services -->
|
||
|
||
<!-- Start Portfolio -->
|
||
<section class="portfolio" id="portfolio-area">
|
||
|
||
|
||
<div class="container">
|
||
<div class="row">
|
||
<div class="col-12 col-lg-3">
|
||
<div class="heading-area">
|
||
<h4 class="heading wow slideInLeft">Float <span> EV</span></h4>
|
||
</div>
|
||
</div>
|
||
<div class="col-12 col-lg-9">
|
||
<div class="image-holder wow slideInRight">
|
||
<img src="/float-ev/images/reviews.jpg" alt="service-img">
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="row">
|
||
<div class="col-lg-12 col-md-12 col-sm-12">
|
||
<div class="reviews-carousel owl-carousel owl-theme">
|
||
<!-- Item-1 -->
|
||
<div class="item">
|
||
<div class="row no-gutters">
|
||
<div class="col-lg-3 col-md-12 col-sm-12 name wow fadeInLeft" data-wow-delay="400ms">
|
||
<div class="client-img-holder rounded-circle center-block">
|
||
<img src="/float-ev/images/float-travel-app-logo-1.svg" alt="client1">
|
||
</div>
|
||
<!-- h5>Alex David Williams</!-->
|
||
<!-- p>Berlin Town</!-->
|
||
</div>
|
||
<div class="col-lg-9 col-md-12 col-sm-12 wow fadeInLeft" data-wow-delay="400ms">
|
||
<div class="icon-holder"><i class="fas fa-quote-left"></i></div>
|
||
<p class="text">Float saves their customers money from day one by analyzing their current fleet data on cost, and emissions. and then makes recommendations on prioritization of vehicle replacements and infrastructure investments. </p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<!-- Item-2 -->
|
||
<div class="item">
|
||
<div class="row no-gutters">
|
||
<div class="col-lg-3 col-md-12 col-sm-12 name">
|
||
<div class="client-img-holder rounded-circle center-block">
|
||
<img src="/float-ev/images/float-travel-app-logo-1.svg" alt="client1">
|
||
</div>
|
||
<!-- h5>Alex David Williams</!-->
|
||
<!-- p>Berlin Town</!-->
|
||
</div>
|
||
<!--div class="col-lg-9 col-md-12 col-sm-12">
|
||
<div class="icon-holder"><i class="fas fa-quote-left"></i></div>
|
||
<p class="text">Float's recommendation engine enables tracking of vehicle usage, ownership & service costs, fuel costs, emissions.Its Telematics IoT enabled OBD device & dashcam to connect directly to the vehicle to pull data. </p>
|
||
</div-->
|
||
</div>
|
||
</div>
|
||
<!-- Item-3 -->
|
||
<div class="item">
|
||
<div class="row no-gutters">
|
||
<div class="col-lg-3 col-md-12 col-sm-12 name">
|
||
<div class="client-img-holder rounded-circle center-block">
|
||
<img src="/float-ev/images/float-travel-app-logo-1.svg" alt="client1">
|
||
</div>
|
||
<!-- h5>Alex David Williams</!-->
|
||
<!-- p>Berlin Town</!-->
|
||
</div>
|
||
<div class="col-lg-9 col-md-12 col-sm-12">
|
||
<div class="icon-holder"><i class="fas fa-quote-left"></i></div>
|
||
<p class="text">Float's recommendation engine enables tracking of vehicle usage, ownership & service costs, fuel costs, emissions.Its Telematics IoT enabled OBD device & dashcam to connect directly to the vehicle to pull data. </p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
<!-- End Reviews -->
|
||
|
||
<!-- Start Counter -->
|
||
<section class="counters" id="counter">
|
||
<div class="row">
|
||
|
||
<div class="col-6 col-lg-6">
|
||
<img src="/float-ev/images/fleet-tree.jpg" alt="service-img">
|
||
|
||
</div>
|
||
<div class="col-6 col-lg-6">
|
||
<!--img src="/float-ev/images/fleet-tree.jpg" alt="service-img"-->
|
||
<h1 class="wow fadeInUp" data-wow-delay="0.2s">Our platform analyzes current fleet behavior and display areas for improvement on our custom customer dashboard.</h1><br>
|
||
<h1 class="wow fadeInUp" data-wow-delay="0.2s">We provide immediate and longer term changes to improve fleet performance.</h1><br>
|
||
<h1 class="wow fadeInUp" data-wow-delay="0.2s">We integrate company data into Float recommendation engine to provide insights.</h1><br>
|
||
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
</section>
|
||
<!-- End Counter -->
|
||
|
||
<!-- Start Contact -->
|
||
<section class="portfolio" id="contact">
|
||
<div class="container expand-container">
|
||
<div class="row align-items-center">
|
||
<div class="col-12 col-md-12 col-lg-5 wow slideInLeft" data-wow-delay=".5s">
|
||
<div class="heading-area">
|
||
<h4 class="heading">Questions? <span class="d-block"> Get in Touch</span></h4>
|
||
</div>
|
||
<div class="contact-details">
|
||
<ul>
|
||
<li><i aria-hidden="true" class="las la-paper-plane"></i><?= PRODUCT_SUPPORT_EMAIL ?></li>
|
||
<!--li><i aria-hidden="true" class="las la-phone"></i><span>+1 911 Phone ????</span></li-->
|
||
<!--li><i aria-hidden="true" class="las la-map-marker"></i>Address or shown and in review</li-->
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
<div class="col-12 col-md-12 col-lg-7 wow slideInRight" data-wow-delay=".5s">
|
||
<form class="row contact-form row-padding" id="contact-form-data">
|
||
<div class="col-12 col-lg-10" id="result"></div>
|
||
<div class="col-12 col-lg-10">
|
||
<input type="text" name="userName" placeholder="Name" class="form-control">
|
||
<input type="text" name="userPhone" placeholder="Contact No" class="form-control">
|
||
<input type="email" name="userEmail" placeholder="Email" class="form-control">
|
||
<textarea class="form-control" name="userMessage" rows="6" placeholder="Type Your Message Here"></textarea>
|
||
<a href="javascript:void(0);" class="btn btn-medium btn-rounded btn-trans rounded-pill w-100 contact_btn main-font">Submit Information</a>
|
||
</div>
|
||
</form>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
<!-- End Contact -->
|
||
|
||
<!-- Start Scroll Top -->
|
||
<div class="go-top"><i class="fas fa-angle-up"></i><i class="fas fa-angle-up"></i></div>
|
||
<!-- End Scroll Top -->
|
||
|
||
<!-- JavaScript -->
|
||
<script src="/float-ev/common/js/bundle.min.js"></script>
|
||
<!-- Plugin Js -->
|
||
<script src="/float-ev/common/js/morphext.min.js"></script>
|
||
<script src="/float-ev/common/js/jquery.appear.js"></script>
|
||
<script src="/float-ev/common/js/jquery.fancybox.min.js"></script>
|
||
<script src="/float-ev/common/js/owl.carousel.min.js"></script>
|
||
<script src="/float-ev/common/js/wow.min.js"></script>
|
||
<script src="/float-ev/common/js/jquery.cubeportfolio.min.js"></script>
|
||
|
||
<!-- CUSTOM JS -->
|
||
<script src="/float-ev/common/js/contact_us.js"></script>
|
||
<script src="/float-ev/js/script.js"></script>
|
||
|
||
</body>
|
||
|
||
</html>
|