;

<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;
    }

    .nav-link.home {
    background: var(--logo-gradient);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
  }

  .nav-link.home::before {
    content: "";
    position: absolute;
    left: .75rem;
    right: .75rem;
    bottom: .25rem;
    border-top: 2px solid #3dd845;
  }

  

</style>

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

    <div class="row bg-cover" data-jarallax data-speed=".8" style="background: #000000 !important;background-image: url(img/pattern-1.svg)">
        <div class="col-md-6 p-0">
            <img src="http://runpickquick.shop/storage/uploadwebfrontfiles/ufGkaso4994f5Yo97aYTNQz8KTGdLLpkXVsxB5Wv.png" 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">
                  <h2><strong>It&rsquo;s time to change your ride experience!<br />
Download the RunPickQuick&nbsp;app Today</strong></h2>   
                </h1>
            
                        
                <div class="row">
                    <div class="col-md-6 mb-5 text-md-right">
                        <a href="https://apps.apple.com/us/app/runpickquick/id6738142874" target="_blank">
                            <img src="http://runpickquick.shop/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://www.runpickquick.shop" target="_blank">
                            <img src="http://runpickquick.shop/storage/uploadwebfrontfiles/cng3OM9Dptnrrjc2JOhy7Qsx2RYSU6L4FIVAtVSW.svg" alt="" class="w-50 w-md-75 wow slideInRight">
                        </a>
                    </div>
                </div>
            </div>
        </div>
    </div>

</div>

<!-- 
<section class="py-15 mt-10" id="welcome" data-jarallax data-speed=".8" style="background-image: url(img/1.jpg);">
    <div class="container">
        <div class="row">
            <div class="col-12 col-md-7 text-white ml-auto">
                <h2>
                    It’s time to change your ride experience!
                    Download the app for free
                </h2>
                <div class="row">
                    <div class="col-md-6">
                        <div class="row">
                            <div class="col-md-6 mb-5 text-md-right">
                                <img src="img/app-store.svg" alt="" class="w-50 w-md-100 wow slideInLeft">
                            </div>
                            <div class="col-md-6 mb-5 text-md-left">
                                <img src="img/play-store.svg" alt="" class="w-50 w-md-100 wow slideInRight">
                            </div>
                        </div>
                    </div>
                </div>
                <h1>
                    No Mask.No ride
                </h1>
            </div>
        </div>
    </div>
</section> -->
    

<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="http://runpickquick.shop/storage/uploadwebfrontfiles/tc0hC6m3wb9tUrZ0WTn3QVrR2ikIIekKHQvcTsV7.svg" alt=" ... ">
                    </div>
                    <div class=" card-body text-center ">
                        <h6 class=" mb-4 text-dark ">
                            <h2><strong>Tap a button, Errand Ran</strong></h2>
                        </h6>
                        <p class=" mb-0 text-gray-500 ">
                            <p>Choose your ride and set your location. You&#39;ll see your driver&#39;s picture and vehicle details, and can track their arrival 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="http://runpickquick.shop/storage/uploadwebfrontfiles/nMGcH7Cdd8HlaeBXqAbO9eCDiiX5lyKnsay6YxGf.svg" alt=" ... ">
                    </div>
                    <div class=" card-body text-center ">
                        <h6 class=" mb-4 text-dark ">
                            <h2><strong>Always on, always available</strong></h2>
                        </h6>
                        <p class=" mb-0 text-gray-500 ">
                            <p>No phone calls to make, no pick-ups to schedule. With 24/7 availability, request a ride any time of day, any day of the year</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="http://runpickquick.shop/storage/uploadwebfrontfiles/Q1KRguEcisJ1kzQ9QkvWo1Gbp29SUIqbKS8YHP2R.svg " alt=" ... ">
                    </div>
                    <div class=" card-body text-center ">
                        <h6 class=" mb-4 text-dark ">
                            <h2><strong>You rate, we listen</strong></h2>
                        </h6>
                        <p class=" mb-0 text-gray-500 ">
                            <p>Rate your driver and provide anonymous feedback about your trip. Your input helps us make every ride a 5-star experience.</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">
                        <h2>
                            <h2>&nbsp;</h2>

<h2>Run Pick Quick:</h2>

<p>&nbsp;</p>

<p>Your Trusted Errand Service and Delivery Solution<br />
Looking for a reliable errand service or a driver on demand? Look no further than Run Pick Quick! We specialize in providing fast, efficient, and professional delivery near me, ensuring your errands are handled with the utmost care and integrity.<br />
<br />
&nbsp;</p>
                        </h2>
                    </div>
                </div>

                <!-- Item -->
                <div class="col-12">
                    <!-- Card -->
                    <div class="card">
                        <h2>
                            <h2>Why Choose Run Pick Quick?</h2>

<p><br />
Trusted Professionals: Our drivers are vetted, trained, and committed to delivering quality service with a smile.<br />
On-Demand Service: Place an order anytime and track your driver in real time for complete peace of mind.<br />
Affordable Rates: We offer competitive pricing to ensure top-tier service without breaking the bank.<br />
Wide Range of Services: From small-item deliveries to multi-stop errands, our personalized approach is designed to fit your needs.<br />
At Run Pick Quick, we prioritize trust, integrity, and professionalism in every delivery. Whether you&#39;re a busy professional, a family in need of a helping hand, or a business seeking reliable support, we&#39;re here to save you time and effort.</p>
                        </h2>
                    </div>
                </div>

                <!-- Item -->
                <div class="col-12">
                    <!-- Card -->
                    <div class="card">
                        <h2>
                            <h2>&nbsp;</h2>

<h2>Experience the ultimate convenience today! Download the app or call us to see how we can become your go-to errand service.</h2>
                        </h2>
                    </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="http://runpickquick.shop/storage/uploadwebfrontfiles/SHIsxC8TBP6GLc7VCGfZLMW3sSIhnl3TrisJJC0f.png" alt="..." class="w-100">
                </div>

                <!-- Item -->
                <div class="w-100">
                    <img src="http://runpickquick.shop/storage/uploadwebfrontfiles/6ONOuxBnaUO7YHhKgL2W23SNpezkMCYWn3UCVuQc.jpg" alt="..." class="w-100">
                </div>

                <!-- Item -->
                <div class="w-100">
                    <img src="http://runpickquick.shop/storage/uploadwebfrontfiles/C1SWBNAeHBWth8o1xcHkK33XxuOXUZdz2ACl547N.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('http://runpickquick.shop/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: #ffffff !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: #ffffff !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="http://runpickquick.shop/storage/uploadwebfrontfiles/JIaEaUVL7Q5BpRHwxL3KbclM44BcYmsyIXvDdL7i.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: #ffffff !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: #ffffff !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/us/app/runpickquick-driver/id6738149689" target="_blank">
            <img src="http://runpickquick.shop/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://www.runpickquick.shop" target="_blank">
            <img src="http://runpickquick.shop/storage/uploadwebfrontfiles/cng3OM9Dptnrrjc2JOhy7Qsx2RYSU6L4FIVAtVSW.svg" alt="" class="w-50 w-md-50 wow slideInRight">
          </a>
        </div>
      </div>
    </div>
  </div>
  <div class="col-12 pt-3">
    <h2 class="text-white">Delivery Inquery </h2>
    <p class="text-white">Note: $2 per mile & $3 delivery fee</p>

    <form class="row Contact-form" action="https://www.runpickquick.shop/contactussendmail" method="POST">
        <input type="hidden" name="_token" value="yFkfxa68ui45DwCxcyRX42kmpWmu8PgGndyRE04z">        <div class="form-group col-md-6">
            <label class="sr-only" for="first_name">First Name</label>
            <input class="form-control form-control-sm" id="first_name" name="first_name" type="text" placeholder="First Name" required>
        </div>

        <div class="form-group col-md-6">
            <label class="sr-only" for="last_name">Last Name</label>
            <input class="form-control form-control-sm" id="last_name" name="last_name" type="text" placeholder="Last Name" required>
        </div>



        <div class="form-group col-md-6">
            <label class="sr-only" for="mobile">Phone Number</label>
            <input class="form-control form-control-sm" id="mobile" name="mobile" type="text" placeholder="Phone Number" required>
        </div>

        <div class="form-group col-md-6">
            <label class="sr-only" for="pick_location">Pickup Location</label>
            <input class="form-control form-control-sm" id="pick_location" name="pick_location" type="text" placeholder="Pickup Location" required>
        </div>

        <div class="form-group col-md-6">
            <label class="sr-only" for="drop_location">Dropoff Location</label>
            <input class="form-control form-control-sm" id="drop_location" name="drop_location" type="text" placeholder="Dropoff Location" required>
        </div>

        <div class="form-group col-md-12 mb-3">
            <label class="sr-only" for="message">Delivery Instructions</label>
            <textarea class="form-control form-control-sm" id="message" name="message" rows="5" placeholder="Delivery Instructions" required></textarea>
        </div>

        <div class="col-12 text-center">
            <button class="btn btn-dark" type="submit">Send Message</button>
        </div>
    </form>
</div>
  
</section>


<footer style="background: #000000 !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="http://runpickquick.shop/storage/uploadwebfrontfiles/KkPJQq0fFVh9hn2uRDIbMoaaAVIt6jFI3Wsc3odl.png" alt="Footer logo" style="height: 70px;">
          </a>
          <p class="pt-2">
            <p>Run Pick Quick:</p>

<p>Your Trusted Errand Service and Delivery Solution<br />
Looking for a reliable errand service or a driver on demand? Look no further than Run Pick Quick! We specialize in providing fast, efficient, and professional delivery near me, ensuring your errands are handled with the utmost care and integrity.<br />
Whether you need a package delivered, prescriptions picked up, groceries brought to your door, or a personal assistant to handle your day-to-day tasks, Run Pick Quick has you covered. Our team of professional drivers is dedicated to making your life easier by delivering convenience at every turn.</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="https://www.runpickquick.shop" class="text-white opacity-80">Home</a></li>
            <li><a href="https://www.runpickquick.shop/serviceareas" class="text-white opacity-80">Service Locations</a></li>
            <li><a href="https://www.runpickquick.shop/compliance" class="text-white opacity-80">Compliance </a></li>
            <li><a href="https://www.runpickquick.shop/contactus" class="text-white opacity-80">Contact Us</a></li>
            <li><a href="https://www.runpickquick.shop/privacy" class="text-white opacity-80">Privacy Policy</a></li>
            <li><a href="https://www.runpickquick.shop/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="#" class="text-white opacity-80">How it works</a></li>
            <li><a href="#" class="text-white opacity-80">Rider Requirements</a></li> -->
            <li><a href="https://www.runpickquick.shop/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/us/app/runpickquick/id6738142874" target="_blank">
                <img src="http://runpickquick.shop/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://www.runpickquick.shop" target="_blank">
                <img src="http://runpickquick.shop/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="https://www.runpickquick.shop/howdriving" class="text-white opacity-80">How it works</a></li>
            <li><a href="https://www.runpickquick.shop/driverrequirements" class="text-white opacity-80">Driver Requirements</a></li>
            <!-- <li><a href="https://www.runpickquick.shop/dmv" class="text-white opacity-80">DMV check</a></li> -->
            <li><a href="https://www.runpickquick.shop/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/us/app/runpickquick-driver/id6738149689" target="_blank">
                <img src="http://runpickquick.shop/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://www.runpickquick.shop" target="_blank">
                <img src="http://runpickquick.shop/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; 2021 &nbsp;runPickQuick, LLC All rights reserved. <a href="http://localhost/taxiwebnew/index.php#" target="blank"> Powered By</a>&nbsp;runPickQuick</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="https://www.runpickquick.shop/footerinstalink" target="_blank">
                <i class="fab fa-instagram text-white"></i>
              </a>
            </li>
            <li class="nav-item">
              <a class="nav-link" href="https://www.runpickquick.shop/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="https://www.runpickquick.shop/assetsweb/libs/jquery/dist/jquery.min.js"></script>
    <script src="https://www.runpickquick.shop/assetsweb/libs/%40fancyapps/fancybox/dist/jquery.fancybox.min.js"></script>
    <script src="https://www.runpickquick.shop/assetsweb/libs/bootstrap/dist/js/bootstrap.bundle.min.js"></script>
    <script src="https://www.runpickquick.shop/assetsweb/libs/flickity/dist/flickity.pkgd.min.js"></script>
    <script src="https://www.runpickquick.shop/assetsweb/libs/highlightjs/highlight.pack.min.js"></script>
    <script src="https://www.runpickquick.shop/assetsweb/libs/jarallax/dist/jarallax.min.js"></script>
    <script src="https://www.runpickquick.shop/assetsweb/libs/list.js/dist/list.min.js"></script>
    <script src="https://www.runpickquick.shop/assetsweb/libs/simplebar/dist/simplebar.min.js"></script>
    <script src="https://www.runpickquick.shop/assetsweb/libs/smooth-scroll/dist/smooth-scroll.min.js"></script>
    <script src="https://www.runpickquick.shop/assetsweb/libs/flickity-fade/flickity-fade.js"></script>
    <script src="https://www.runpickquick.shop/assetsweb/libs/swiper/swiper.min.js"></script>
<!-- Theme JS -->    
    <script src="https://www.runpickquick.shop/assetsweb/js/theme.min.js"></script>
    <script src="https://www.runpickquick.shop/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="http://runpickquick.shop/storage/uploadwebfrontfiles/8ye9Ul8HAJMJHeFFG7cQ5xJsrv26jm1bJr0Or07R.png">
  <!-- Libs CSS -->
    <!-- Libs CSS -->
  <link rel="stylesheet" href="https://www.runpickquick.shop/assetsweb/libs/%40fancyapps/fancybox/dist/jquery.fancybox.min.css">
<link rel="stylesheet" href="https://www.runpickquick.shop/assetsweb/libs/%40fortawesome/fontawesome-free/css/all.min.css">
<link rel="stylesheet" href="https://www.runpickquick.shop/assetsweb/libs/flickity/dist/flickity.min.css">
<link rel="stylesheet" href="https://www.runpickquick.shop/assetsweb/libs/highlightjs/styles/vs2015.css">
<link rel="stylesheet" href="https://www.runpickquick.shop/assetsweb/libs/simplebar/dist/simplebar.min.css">
<link rel="stylesheet" href="https://www.runpickquick.shop/assetsweb/libs/flickity-fade/flickity-fade.css">
<link rel="stylesheet" href="https://www.runpickquick.shop/assetsweb/libs/swiper/swiper.min.css">
<link rel="stylesheet" href="https://www.runpickquick.shop/assetsweb/libs/wow/wow.css">
<link rel="stylesheet" href="https://www.runpickquick.shop/assetsweb/libs/wow/wow.js">
<link rel="stylesheet" href="https://www.runpickquick.shop/assetsweb/fonts/feather/feather.css">

<!-- Theme CSS -->
<link rel="stylesheet" href="https://www.runpickquick.shop/assetsweb/css/theme.min.css">
<link rel="stylesheet" href="https://www.runpickquick.shop/assetsweb/css/style.css">

  
  <title>RunPickQuick</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, #ffffff 15%, #ffffff 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:#000000;">
    <div class="container-fluid">

      <!-- Brand -->
      <a class="navbar-brand order-1 order-md-1" href="https://www.runpickquick.shop">
                
        <img src="http://runpickquick.shop/storage/uploadwebfrontfiles/Gve1aGZ8CCh4QoKq6fccrNCF2MSpGg7v7BCBVLo7.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="https://www.runpickquick.shop">Rider</a>
          </li>
          <li class="nav-item dn-2">
            <a class="nav-link home" style="color:#ffffff !important;" href="https://www.runpickquick.shop">Home</a>
          </li>
          <li class="nav-item dropdown">
  
            <a class="nav-link driver" style="color:#ffffff !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 apply" href="https://www.runpickquick.shop/driverpage">
                        Apply to Drive
                      </a>
                    </li>
                    <li class="list-styled-item">
                      <a class="list-styled-link drive" href="https://www.runpickquick.shop/howdriving">
                        How it works
                      </a>
                    </li>
                    <li class="list-styled-item">
                      <a class="list-styled-link req" href="https://www.runpickquick.shop/driverrequirements">
                        Driver Requirements
                      </a>
                    </li>
                    <!-- <li class="list-styled-item">
                      <a class="list-styled-link" href="dmv.php">
                        DMV check
                      </a>
                    </li> -->
                    <li class="list-styled-item">
                      <a class="list-styled-link safe" href="https://www.runpickquick.shop/safety">
                        Safety
                      </a>
                    </li>
                  </ul>
                </div>
              </div>
            </div>
          </li>
          <li class="nav-item">
            <a class="nav-link areas"  style="color:#ffffff !important;" href="https://www.runpickquick.shop/serviceareas">Service&nbsp;Areas</a>
          </li>
          <!-- <li class="nav-item dropdown">

            <a class="nav-link" style="color:#ffffff !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="https://www.runpickquick.shop/driverpage">
                        Apply to Drive
                      </a>
                    </li>
                    <li class="list-styled-item">
                      <a class="list-styled-link" href="https://www.runpickquick.shop">
                        Sign up to ride
                      </a>
                    </li>
                  </ul>
                </div>
              </div>
            </div>
          </li> -->
        </ul>
      </div>

    </div>
  </nav>