JOIN NOW

UK Based Company

</div>
                         <div class="text-center input-icon position-relative mb-1 "><a class="btn text-uppercase btn-cyan fw-semibold fs-14 py-3 px-4 form-control" id="btn_send">send</a></div>
                       <div class="text-center input-icon position-relative mb-1 py-3 px-4 fs-14" id="btn-loader" style="display:none"><div role="status" class="btn spinner-border text-light">
  <span class="sr-only "></span>
</div></div>
                    </form>
                </div>
            </section>
        </div>
    </header>
    <section id="our-services">
        <div class="wrapper">
            <h3 class="text-uppercase text-center fw-bold fw" style="margin-bottom: 65px;">OUR SERVICES</h3>
            <div class="row row-cols-1 row-cols-md-2 row-cols-xl-4">
                <div class="col">
                    <div class="card border-0">
                        <div class="card-body card-shadow p-4">
                            <div class="text-center mb-4"><img src="client/img/icon-1.png" style="width: 158px;height: 128px;"></div>
                            <h5 class="text-center card-title fw-semibold mb-4">PRIVATE DRIVER</h5>
                            <p class="text-center card-text">Enjoy the best customer service from our professional drivers.</p>
                        </div>
                    </div>
                </div>
                <div class="col">
                    <div class="card border-0">
                        <div class="card-body card-shadow p-4">
                            <div class="text-center mb-4"><img src="client/img/icon-2.png" style="width: 158px;height: 128px;"></div>
                            <h5 class="text-center card-title fw-semibold mb-3">AIRPORT TRANSFER</h5>
                            <p class="text-center card-text">Comfortable transfer services from airport to any chosen address.</p>
                        </div>
                    </div>
                </div>
                <div class="col">
                    <div class="card border-0">
                        <div class="card-body card-shadow p-4">
                            <div class="text-center mb-4"><img src="client/img/icon-3.png" style="width: 158px;height: 128px;"></div>
                            <h5 class="text-center card-title fw-semibold mb-4">BAGGAGE TRANSFER</h5>
                            <p class="text-center card-text">If you need to collect your baggage, we are ready to help you.</p>
                        </div>
                    </div>
                </div>
                <div class="col">
                    <div class="card border-0">
                        <div class="card-body card-shadow p-4">
                            <div class="text-center mb-4"><img src="client/img/icon-4.png" style="width: 158px;height: 128px;"></div>
                            <h5 class="text-center card-title fw-semibold mb-4">BOOK ON HOURLY</h5>
                            <p class="text-center card-text">You can do shopping or pickup. The driver will wait for you.</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <section class="bg-dark" id="app">
        <div class="container">
            <div class="row gy-4 row-cols-1 row-cols-lg-2">
                <div class="col">
                    <h3 class="text-uppercase fw-bold text-white mb-4">DOWNLOAD THE APP</h3>
                    <div class="mb-4"><span class="text-uppercase text-white border-3 border-white pb-2 fw-medium fs-14 border border-top-0 border-end-0 border-start-0">DETAILS</span></div>
                    <p class="text-white mb-5" style="max-width: 421px;">Download our app and enjoy the best service from My Chalo App.</p>
                    <ul class="list-unstyled text-white bullet-list mb-5">
                        <li class="mb-3">Special offers</li>
                        <li class="mb-3">My Chalo loyalty program</li>
                        <li>More pricing plans</li>
                    </ul>
                    <div><a class="btn d-grid d-sm-inline-block p-0 me-sm-4 mb-3 mb-sm-0" role="button" href="#" target="_blank"><img class="img-fluid" src="client/img/apple.png"></a><a class="btn d-grid d-sm-inline-block p-0" role="button" href="#" target="_blank"><img class="img-fluid" src="client/img/google.png"></a></div>
                </div>
                <div class="col text-center text-lg-start" style="overflow: hidden;"><img class="img-fluid device" src="client/img/img-1.png"></div>
            </div>
        </div>
    </section>
    <section id="vehicles">
        <div class="container">
            <div class="row row-cols-1 row-cols-lg-3">
                <div class="col">
                    <div class="card border-0">
                        <div class="card-body card-shadow p-4">
                            <h5 class="text-uppercase text-center card-title fw-semibold mb-2">chalo go rickshaw</h5>
                            <p class="text-center text-primary card-text fw-medium">No A/C</p>
                            <div class="text-center mb-4"><img class="img-fluid" src="client/img/rikshaw.png"></div>
                        </div>
                    </div>
                </div>
                <div class="col">
                    <div class="card border-0">
                        <div class="card-body card-shadow p-4">
                            <h5 class="text-uppercase text-center text-dark card-title fw-semibold mb-2">chalo go+ suzuki mehran</h5>
                            <p class="text-center text-primary card-text fw-medium"><span style="color: rgb(75, 154, 183);">No A/C</span><br></p>
                            <div class="text-center mb-4"><img class="img-fluid" src="client/img/mehran.png"></div>
                        </div>
                    </div>
                </div>
                <div class="col">
                    <div class="card border-0">
                        <div class="card-body card-shadow p-4">
                            <h5 class="text-uppercase text-center card-title fw-semibold mb-2">chalo business</h5>
                            <p class="text-center text-primary card-text fw-medium"><span style="color: rgb(75, 154, 183);">A/C</span><br></p>
                            <div class="text-center mb-4"><img class="img-fluid" src="client/img/civic.png"></div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <section class="bg-dark" id="cities">
        <div class="container">
            <h3 class="text-uppercase fw-bold text-center text-white mb-4">cities we cover</h3>
            <h4 class="text-center text-white mx-auto fw-medium" style="max-width: 729px;">New Mirpur City, Mangla, Kotli, Chitterpari, Jhelum, and more Coming Soon</h4>
        </div>
    </section>

</div>
</body>
</html>