;

<style>
    .flickity-page-dots .dot.is-selected {
        background-color: #2bc9de;
    }



    #welcome:before {
        position: absolute;
        content: " ";
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        display: block;
        z-index: 0;
        /* background-image: linear-gradient(#00000099, #0009); */
        background-color: #ffffff;
    }

</style>

<div id="home" class="container-fluid mt-10">

    <div class="row bg-cover" data-jarallax data-speed=".8" style="background: #090b0b !important;background-image: url(img/pattern-1.svg);min-height:500px">
        <div class="col-md-6 p-0">
            <img src="https://hexarides.com/storage/uploadwebfrontfiles/ZIWP3mR3ouZcweQA2L2ClhZjMjOL98rTXoka3GTb.jpg" alt="" class="w-100">
        </div>
        <div class="col-md-6 py-10 py-md-0  m-auto">
            <div class="text-center">
                        
                <h1 class="text-white">
                  <h3><span dir="ltr">We are&nbsp;the most trusted Transportation and delivery booking, scheduling and dispatching agency.&nbsp;</span></h3>

<h3>24/7 Customer Care. Enjoy your ride in few easy steps. Your satisfaction is 💯% guaranteed.&nbsp;&nbsp;</h3>

<h2>Download&nbsp;HeXA Rides&nbsp;app and book Today!</h2>   
                </h1>
            
                        
                <div class="row">
                    <div class="col-md-6 mb-5 text-md-right">
                        <a href="https://apps.apple.com/in/app/hexa-ride/id6469834687" target="_blank">
                            <img src="https://hexarides.com/storage/uploadwebfrontfiles/i14BWjhLnQmRNSBixfIUq0dFlvNUxjC5WDZmbkp7.svg" alt="" class="w-50 w-md-75 wow slideInLeft">
                        </a>
                    </div>
                    <div class="col-md-6 mb-5 text-md-left">
                        <a href="https://play.google.com/store/apps/details?id=com.hexaride.user" target="_blank">
                            <img src="https://hexarides.com/storage/uploadwebfrontfiles/cng3OM9Dptnrrjc2JOhy7Qsx2RYSU6L4FIVAtVSW.svg" alt="" class="w-50 w-md-75 wow slideInRight">
                        </a>
                    </div>
                </div>
            </div>
        </div>
    </div>

</div>

    

<section class="py-10 bg-light">
    <div class="container">
        <div class="row">

            <div class="col-md-4 m-auto">
                <div class=" dan-card-30 card lift p-5 mb-md-0 ">
                    <div class=" card-img-top position-relative mx-auto " style=" max-width: 120px; ">
                        <img class=" img-fluid " src="https://hexarides.com/storage/uploadwebfrontfiles/OvjB7LRSsefhf49ndnSniRZ5Vmuo3RQqSZi3xHqZ.png" alt=" ... ">
                    </div>
                    <div class=" card-body text-center ">
                        <h6 class=" mb-4 text-dark ">
                            <h3><big><strong>Tap a button, get a ride!</strong></big></h3>
                        </h6>
                        <p class=" mb-0 text-gray-500 ">
                            <p>Set your location or choose Ride As Directed to drive around with out destination,&nbsp;choose type of&nbsp;vehicle&nbsp;that fits your needs,&nbsp;&nbsp;You&#39;ll be connected with the driver&nbsp;with&nbsp;vehicle details, check the price offered, book or&nbsp;&nbsp;bid up/down, wait confirmation from driver and lock it and book. Track your car arrival realtime on the map.</p>
                        </p>
                    </div>
                </div>
            </div>

            <div class="col-md-4 m-auto">
                <div class=" dan-card-30 card lift p-5 mb-md-0 ">
                    <div class=" card-img-top position-relative mx-auto " style=" max-width: 120px; ">
                        <img class=" img-fluid " src="https://hexarides.com/storage/uploadwebfrontfiles/kzwfC6EJqXgAAwUvDpnywsf7ciuGVhO5SsmE7jIL.png" alt=" ... ">
                    </div>
                    <div class=" card-body text-center ">
                        <h6 class=" mb-4 text-dark ">
                            <h3><strong>Always on, always available! 24/7</strong></h3>

<p>&nbsp;</p>

<p>&nbsp;</p>

<p>&gt;</p>

<p>&gt;</p>
                        </h6>
                        <p class=" mb-0 text-gray-500 ">
                            <p>No phone calls to make, no hold on the phone waiting, no pick-ups to schedule with call center. 24/7 availability, request a ride any time of the day, any day of the year.</p>

<p>Everything is automated but if&nbsp;you still need assistance on the phone we are also available to answer your concerns.</p>
                        </p>
                    </div>
                </div>
            </div>

            <div class="col-md-4 m-auto">
                <div class=" dan-card-30 card lift p-5 mb-md-0 ">
                    <div class=" card-img-top position-relative mx-auto " style=" max-width: 120px; ">
                        <img class=" img-fluid " src="https://hexarides.com/storage/uploadwebfrontfiles/X7gUN6g6411UCLR99u0T4IvOKxGutyKqOTp9PxKB.png " alt=" ... ">
                    </div>
                    <div class=" card-body text-center ">
                        <h6 class=" mb-4 text-dark ">
                            <h3><big><strong>You rate, we listen!</strong></big></h3>
                        </h6>
                        <p class=" mb-0 text-gray-500 ">
                            <p>Rate us and provide a feedback about your trip. Your input helps us make every ride a 5-star experience.</p>

<p>&quot;Your review should be&nbsp;clear, constructive and consistent. Reviews are most helpful if they don&#39;t just criticise, but also make constructive suggestions for how concerns may be resolved.&quot;&nbsp; The Royal Society&nbsp;</p>                        
                        </p>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>

<div class="container dan-slider-2 py-8">
    <div class="row position-relative align-items-center">
        <div class="col-md-5 position-static order-2 order-md-2">
            <!-- Slider -->
            <div class="position-static flickity-buttons-lg" id="sliderArrivals" data-flickity='{"pageDots": true}'>

                <!-- Item -->
                <div class="col-12">
                    <!-- Card -->
                    <div class="card">
                            <p>We got you covered with best cars and professional&nbsp;chauffeurs for your Weddings, Honeymoon, Home comings, Bachelor, Bachelorette party, Prom, Quinceanera, Anniversary, birthday, vacations or Any other events and get together.</p>

<p>EDC is another big event in the valley, it takes 3 hours to and other 3 hours to return, you can party to and from EDC in a Private Limousine or Party Bus that is loaded with Stripper Poles, Wet Bars, Lighted Wall Panels &amp; Privacy Partitions.</p>
                    </div>
                </div>

                <!-- Item -->
                <div class="col-12">
                    <!-- Card -->
                    <div class="card">
                        
                            <p>Reliable and professional service,&nbsp;peace of mind guaranteed. Our chauffeurs are skilled in hospitality and logistics, as a customer you have one contact person from booking through the day of service and it is the driver.</p>

<p>We are exceptionally punctual and you do not have to worry for your appointment or events.&nbsp;</p>

<p>Book with us today and make your work commute,&nbsp;business meeting or trip,&nbsp;fun&nbsp;and hustle free.</p>
                    </div>
                </div>

                <!-- Item -->
                <div class="col-12">
                    <!-- Card -->
                    <div class="card">
                            <p>All of our drivers are carefully screened. Drivers have excellent safety records and annual safety training.</p>

<p>Only professional chauffeurs, skilled in offering hospitality are hired by our affiliated limosine companies.</p>

<p>You can ask your driver to make stops or change plans as you desire.</p>

<p>You&rsquo;ll have a dedicated driver for the entire length of service, even for multiple days.</p>
                    </div>
                </div>

            </div>
        </div>

        <div class="col-md-7 order-1 order-md-1">
            <!-- Slider -->
            <div data-flickity='{"fade": true, "asNavFor": "#sliderArrivals", "draggable": false}'>

                <!-- Item -->
                <div class="w-100">
                    <img src="https://hexarides.com/storage/uploadwebfrontfiles/nSFIVlv3vX60XGxBkkxoyIf2jZjmro0ka9u8IdY0.jpg" alt="..." class="w-100">
                </div>

                <!-- Item -->
                <div class="w-100">
                    <img src="https://hexarides.com/storage/uploadwebfrontfiles/stL1gsKoId6N9FiyOgXt0Zff8bRIziJz3yQSv1QL.jpg" alt="..." class="w-100">
                </div>

                <!-- Item -->
                <div class="w-100">
                    <img src="https://hexarides.com/storage/uploadwebfrontfiles/d6FrVjyePfKUfx9YXD3vrj1wKcq8Be9f5LdYEGi8.jpg" alt="..." class="w-100">
                </div>
            </div>
        </div>

    </div>
</div>


<section class="slice slice-lg bg-gradient-primary bg-cover py-10" style="background: var(--logo-gradient);background-image: url('https://hexarides.com/storage/uploadwebfrontfiles/J47s4D1AxvdoB7YWbARxCpEexbT1puAR8NVHRUgr.jpg')">
  <div class="container">
    <div class="mb-5 text-center">
      <h3 class="text-white mt-4"><p><strong>Download the Driver App</strong></p></h3>
      <div class="fluid-paragraph mt-3">
        <!-- <p class="lead lh-180 text-white">Start building fast, beautiful and modern looking websites in no time using our theme.</p> -->
      </div>
    </div>
    <div class="row row-grid align-items-center">
      <div class="col-lg-4">
        <div class="d-flex align-items-start mb-5">
          <div class="pr-4">
            <div class="icon icon-shape bg-white text-primary box-shadow-3 rounded-circle" style="background: #090b0b !important;">
              1
            </div>
          </div>
          <div class="icon-text">
            <h5 class="h5 text-white">
              <p><strong>Real-Time ETA Prediction</strong></p>
            </h5>
            <p class="mb-0 text-white"><br><br></p>
          </div>
        </div>
        <div class="d-flex align-items-start">
          <div class="pr-4">
            <div class="icon icon-shape bg-white text-primary box-shadow-3 rounded-circle" style="background: #090b0b !important;">
              2
            </div>
          </div>
          <div class="icon-text">
            <h5 class="text-white">
              <p><strong>Customer Referral</strong></p>
            </h5>
            <p class="mb-0 text-white"><br><br></p>
          </div>
        </div>
      </div>
      <div class="col-lg-4">
        <div class="position-relative" style="z-index: 10;">
          <img alt="Image placeholder" src="https://hexarides.com/storage/uploadwebfrontfiles/Xoo13HqsH91YjOjz8NoDitKrxAsqrM36lmgvfWtW.png" class="img-center img-fluid">
        </div>
      </div>
      <div class="col-lg-4">
        <div class="d-flex align-items-start mb-5">
          <div class="pr-4">
            <div class="icon icon-shape bg-white text-primary box-shadow-3 rounded-circle" style="background: #090b0b !important;">
              3
            </div>
          </div>
          <div class="icon-text">
            <h5 class="text-white">
              <p><strong>In-App Chat</strong></p>
            </h5>
            <p class="mb-0 text-white"><br><br></p>
          </div>
        </div>
        <div class="d-flex align-items-start">
          <div class="pr-4">
            <div class="icon icon-shape bg-white text-primary box-shadow-3 rounded-circle" style="background: #090b0b !important;">
              4
            </div>
          </div>
          <div class="icon-text">
            <h5 class="text-white">
              <p><strong>Emergency SOS Button</strong></p>
            </h5>
            <p class="mb-0 text-white"><br><br></p>
          </div>
        </div>
      </div>
    </div>
    <div class="col-md-6 m-auto">
      <div class="row">
        <div class="col-md-6 mb-5 text-md-right">
          <a href="https://apps.apple.com/in/app/hexa-ride-driver/id6469835720" target="_blank">
            <img src="https://hexarides.com/storage/uploadwebfrontfiles/i14BWjhLnQmRNSBixfIUq0dFlvNUxjC5WDZmbkp7.svg" alt="" class="w-50 w-md-50 wow slideInLeft">
          </a>
        </div>
        <div class="col-md-6 mb-5 text-md-left">
          <a href="https://play.google.com/store/apps/details?id=com.hexaride.driver" target="_blank">
            <img src="https://hexarides.com/storage/uploadwebfrontfiles/cng3OM9Dptnrrjc2JOhy7Qsx2RYSU6L4FIVAtVSW.svg" alt="" class="w-50 w-md-50 wow slideInRight">
          </a>
        </div>
      </div>
    </div>
  </div>
</section>





<footer style="background: #090b0b !important;">
  <div class="pt-10 px-5 px-md-10">
    <div class="container-fluid text-white">
      <div class="row pt-md doot">
        <div class="col-lg-4 mb-5 mb-lg-0 p-0">
          <a href="#">
            <img src="https://hexarides.com/storage/uploadwebfrontfiles/O6b0OJaIflHbnvZtnsjEyfybE0ZLf9LOaC7bpjAZ.png" alt="Footer logo" style="height: 70px;">
          </a>
          <p class="pt-2">
            <p>HeXA Rides is a booking, scheduling and dispatch platform for different sets of services that are needed to your daily needs, life style and philosophy. You can choose and order any type of car for daily commute and we have also included delivery platform to our system,&nbsp; the system is tailore made to fit to&nbsp;the&nbsp;Logistics and trucking industry. In both sectors our system will let you bid up/down for price. After agreeing with your service provider you can order the service with the press of a button.</p>   
            <!--Blue is a rideshare platform facilitating peer to peer ridesharing by means of connecting passengers who are in need of rides from drivers with available cars to get from point A to point B with the press of a button.-->
          </p>
        </div>
        <div class="col-lg-2 col-sm-4 ml-lg-auto mb-5 mb-lg-0">

          <h6 class="heading ml-n5 mb-3">Quick links</h6>
          <ul class="list-unstyled">
            <li><a href="http://hexarides.com" class="text-white opacity-80">Home</a></li>
            <li><a href="http://hexarides.com/serviceareas" class="text-white opacity-80">Service Locations</a></li>
            <li><a href="http://hexarides.com/compliance" class="text-white opacity-80">Compliance </a></li>
            <li><a href="http://hexarides.com/contactus" class="text-white opacity-80">Contact Us</a></li>
            <li><a href="http://hexarides.com/privacy" class="text-white opacity-80">Privacy Policy</a></li>
            <li><a href="http://hexarides.com/terms" class="text-white opacity-80">Terms & Conditions</a></li>
          </ul>
        </div>
        <div class="col-lg-2 col-sm-4 mb-5 mb-lg-0">
          <h6 class="heading ml-n5 mb-3">Rider</h6>
          <ul class="list-unstyled">
            <li><a href="http://hexarides.com/howuser" class="text-white opacity-80">How it works</a></li>
            <li><a href="http://hexarides.com/insurance" class="text-white opacity-80">Insurance</a></li>
            <li><a href="http://hexarides.com/usersafety" class="text-white opacity-80">Safety</a></li>
          </ul>
          <div class="row">
            <div class="col-md-12 mb-1">
              <a href="https://apps.apple.com/in/app/hexa-ride/id6469834687" target="_blank">
                <img src="https://hexarides.com/storage/uploadwebfrontfiles/i14BWjhLnQmRNSBixfIUq0dFlvNUxjC5WDZmbkp7.svg" alt="" class="w-50 w-md-75 wow slideInLeft animated" style="visibility: visible;">
              </a>
            </div>
            <div class="col-md-12 mb-1">
              <a href="https://play.google.com/store/apps/details?id=com.hexaride.user" target="_blank">
                <img src="https://hexarides.com/storage/uploadwebfrontfiles/cng3OM9Dptnrrjc2JOhy7Qsx2RYSU6L4FIVAtVSW.svg" alt="" class="w-50 w-md-75 wow slideInRight animated" style="visibility: visible;">
              </a>
            </div>
          </div>
        </div>
        <div class="col-lg-2 col-md-4 mb-5 mb-lg-0">
          <h6 class="heading ml-n5 mb-3">Driver</h6>
          <ul class="list-unstyled text-small">
            <li><a href="http://hexarides.com/howdriving" class="text-white opacity-80">How it works</a></li>
            <li><a href="http://hexarides.com/driverrequirements" class="text-white opacity-80">Driver Requirements</a></li>
            <!-- <li><a href="http://hexarides.com/dmv" class="text-white opacity-80">DMV check</a></li> -->
            <li><a href="http://hexarides.com/safety" class="text-white opacity-80">Safety</a></li>
          </ul>
          <div class="row">
            <div class="col-md-12 mb-1">
              <a href="https://apps.apple.com/in/app/hexa-ride-driver/id6469835720" target="_blank">
                <img src="https://hexarides.com/storage/uploadwebfrontfiles/i14BWjhLnQmRNSBixfIUq0dFlvNUxjC5WDZmbkp7.svg" alt="" class="w-50 w-md-75 wow slideInLeft animated" style="visibility: visible;">
              </a>
            </div>
            <div class="col-md-12 mb-1">
              <a href="https://play.google.com/store/apps/details?id=com.hexaride.driver" target="_blank">
                <img src="https://hexarides.com/storage/uploadwebfrontfiles/cng3OM9Dptnrrjc2JOhy7Qsx2RYSU6L4FIVAtVSW.svg" alt="" class="w-50 w-md-75 wow slideInLeft animated" style="visibility: visible;">
              </a>
            </div>
          </div>
        </div>
      </div>
      <div class="row align-items-center justify-content-md-between py-4 mt-4 delimiter-top border-top">
        <div class="col-md-6">
          <div class="copyright font-size-xs text-center text-md-left">
            <p>&copy; 2023 HeXA Rides All rights reserved. <a href="http://www.hexa-apps.com" target="blank">Powered By HeXA Apps LLC </a></p>
            <!--© 2021 blue, LLC All rights reserved.
            <a href="#" target="blank" class="text-dark">
              Powered By Blue
            </a>-->
          </div>
        </div>
        <div class="col-md-6">
          <ul class="nav justify-content-center justify-content-md-end mt-3 mt-md-0">
            <li class="nav-item">
              <a class="nav-link" href="http://hexarides.com/footerinstalink" target="_blank">
                <i class="fab fa-instagram text-white"></i>
              </a>
            </li>
            <li class="nav-item">
              <a class="nav-link" href="http://hexarides.com/footerfblink " target="_blank">
                <i class="fab fa-facebook text-white"></i>
              </a>
            </li>
          </ul>
        </div>
      </div>
    </div>
  </div>
</footer>



<!-- JAVASCRIPT -->
<!-- Libs JS -->
<!-- JAVASCRIPT -->
<!-- Libs JS -->
    <script src="http://hexarides.com/assetsweb/libs/jquery/dist/jquery.min.js"></script>
    <script src="http://hexarides.com/assetsweb/libs/%40fancyapps/fancybox/dist/jquery.fancybox.min.js"></script>
    <script src="http://hexarides.com/assetsweb/libs/bootstrap/dist/js/bootstrap.bundle.min.js"></script>
    <script src="http://hexarides.com/assetsweb/libs/flickity/dist/flickity.pkgd.min.js"></script>
    <script src="http://hexarides.com/assetsweb/libs/highlightjs/highlight.pack.min.js"></script>
    <script src="http://hexarides.com/assetsweb/libs/jarallax/dist/jarallax.min.js"></script>
    <script src="http://hexarides.com/assetsweb/libs/list.js/dist/list.min.js"></script>
    <script src="http://hexarides.com/assetsweb/libs/simplebar/dist/simplebar.min.js"></script>
    <script src="http://hexarides.com/assetsweb/libs/smooth-scroll/dist/smooth-scroll.min.js"></script>
    <script src="http://hexarides.com/assetsweb/libs/flickity-fade/flickity-fade.js"></script>
    <script src="http://hexarides.com/assetsweb/libs/swiper/swiper.min.js"></script>
<!-- Theme JS -->    
    <script src="http://hexarides.com/assetsweb/js/theme.min.js"></script>
    <script src="http://hexarides.com/assetsweb/js/script.js"></script>


</body>

</html><!doctype html>
<html lang="en">

<head>
  <!-- Required meta tags -->
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
  <!-- Favicons -->
  <link rel="icon" href="https://hexarides.com/storage/uploadwebfrontfiles/WxUc2CNj9s8dhHAdvZSJFaIWDmvX0I3aSzjZ43ff.png">
  <!-- Libs CSS -->
    <!-- Libs CSS -->
  <link rel="stylesheet" href="http://hexarides.com/assetsweb/libs/%40fancyapps/fancybox/dist/jquery.fancybox.min.css">
<link rel="stylesheet" href="http://hexarides.com/assetsweb/libs/%40fortawesome/fontawesome-free/css/all.min.css">
<link rel="stylesheet" href="http://hexarides.com/assetsweb/libs/flickity/dist/flickity.min.css">
<link rel="stylesheet" href="http://hexarides.com/assetsweb/libs/highlightjs/styles/vs2015.css">
<link rel="stylesheet" href="http://hexarides.com/assetsweb/libs/simplebar/dist/simplebar.min.css">
<link rel="stylesheet" href="http://hexarides.com/assetsweb/libs/flickity-fade/flickity-fade.css">
<link rel="stylesheet" href="http://hexarides.com/assetsweb/libs/swiper/swiper.min.css">
<link rel="stylesheet" href="http://hexarides.com/assetsweb/libs/wow/wow.css">
<link rel="stylesheet" href="http://hexarides.com/assetsweb/libs/wow/wow.js">
<link rel="stylesheet" href="http://hexarides.com/assetsweb/fonts/feather/feather.css">

<!-- Theme CSS -->
<link rel="stylesheet" href="http://hexarides.com/assetsweb/css/theme.min.css">
<link rel="stylesheet" href="http://hexarides.com/assetsweb/css/style.css">

  
  <title>HexaRides</title>
<style>
  .driver a.nav-link {
  font-size: 14px;  
  margin-top: 3px;
  font-weight: 100;
  color: #ffffff !important;
  display: none;
}
  .navbar-light .navbar-nav .nav-link:focus,
  .navbar-light .navbar-nav .nav-link:hover,
  .nav-link.active {
  background: linear-gradient(90deg, #af05a0 15%, #af05a0 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

</style>  
<body data-spy="scroll" data-target=".navbar" data-offset="71">

  <!-- NAVBAR -->
  <nav class="navbar navbar-expand-xl navbar-light fixed-top py-2 border-bottom" style="background-color:#ffd700;">
    <div class="container-fluid">

      <!-- Brand -->
      <a class="navbar-brand order-1 order-md-1" href="http://hexarides.com">
                
        <img src="https://hexarides.com/storage/uploadwebfrontfiles/JbnVkQc4RfBimimqOkSUAiqkpXToRy8si3T9kSJ6.png" alt="Logo" style="max-width: 100px;">
        
              </a>

      <!--<a class="navbar-brand order-3 order-md-2">
        <marquee>
          Coming Soon Fall 2021. Now Accepting Driver Applications
        </marquee>
      </a>-->

      <!-- Toggler -->
      <button class="navbar-toggler order-2" type="button" data-toggle="collapse" data-target="#navbarLandingCollapse" aria-controls="navbarLandingCollapse" aria-expanded="false" aria-label="Toggle navigation">
        <span class="navbar-toggler-icon"></span>
      </button>

      <!-- Collapse -->
      <div class="collapse navbar-collapse order-md-3" id="navbarLandingCollapse">

        <ul class="navbar-nav nav-divided ml-auto">
          <li class="nav-item dn-1">
            <a class="nav-link active"  href="http://hexarides.com">Rider</a>
          </li>
          <li class="nav-item dn-2">
            <a class="nav-link" style="color:#090b0b !important;" href="http://hexarides.com">Home</a>
          </li>
          <li class="nav-item dropdown">
  
            <a class="nav-link driver" style="color:#090b0b !important;" data-toggle="dropdown" href="#">Driver</a>

            <div class="dropdown-menu">
              <div class="card card-lg">
                <div class="card-body">
                  <ul class="list-styled font-size-sm">
                    <li class="list-styled-item">
                      <a class="list-styled-link" href="http://hexarides.com/driverpage">
                        Apply to Drive
                      </a>
                    </li>
                    <li class="list-styled-item">
                      <a class="list-styled-link" href="http://hexarides.com/howdriving">
                        How it works
                      </a>
                    </li>
                    <li class="list-styled-item">
                      <a class="list-styled-link" href="http://hexarides.com/driverrequirements">
                        Driver Requirements
                      </a>
                    </li>
                    <li class="list-styled-item">
                      <a class="list-styled-link" href="http://hexarides.com/safety">
                        Safety
                      </a>
                    </li>
                  </ul>
                </div>
              </div>
            </div>
          </li>

          <li class="nav-item dropdown">
            <a class="nav-link user" style="color:#090b0b !important;" data-toggle="dropdown" href="#">User</a>
            <div class="dropdown-menu">
              <div class="card card-lg">
                <div class="card-body">
                  <ul class="list-styled font-size-sm">
                    <li class="list-styled-item">
                      <a class="list-styled-link" href="http://hexarides.com/howuser">
                        How it works
                      </a>
                    </li>
                    <li class="list-styled-item">
                      <a class="list-styled-link" href="http://hexarides.com/insurance">
                      Insurance
                      </a>
                    </li>
                    <li class="list-styled-item">
                      <a class="list-styled-link" href="http://hexarides.com/usersafety">
                        Safety
                      </a>
                    </li>
                  </ul>
                </div>
              </div>
            </div>
          </li>
          <li class="nav-item">
            <a class="nav-link areas"  style="color:#090b0b !important;" href="http://hexarides.com/serviceareas">Service&nbsp;Areas</a>
          </li>
          <li class="nav-item">
            <a class="nav-link faq"  style="color:#090b0b !important;" href="http://hexarides.com/faqs">FAQ</a>
          </li>
          <!-- <li class="nav-item dropdown">

            <a class="nav-link" style="color:#090b0b !important;" data-toggle="dropdown" href="#">Sign&nbsp;up</a>

            <div class="dropdown-menu">
              <div class="card card-lg">
                <div class="card-body">
                  <ul class="list-styled font-size-sm">

                    <li class="list-styled-item">
                      <a class="list-styled-link" href="http://hexarides.com/driverpage">
                        Apply to Drive
                      </a>
                    </li>
                    <li class="list-styled-item">
                      <a class="list-styled-link" href="http://hexarides.com">
                        Sign up to ride
                      </a>
                    </li>
                  </ul>
                </div>
              </div>
            </div>
          </li> -->
        </ul>
      </div>

    </div>
  </nav>