Tryag File Manager

/var/www/html/tpid-padi/resources/views/sections/experience.blade.php

<div class="swiper ourExperience swiper-experience">
    <div class="swiper-wrapper">
        <div class="swiper-slide">
            <div class="experience experience_one d-none d-lg-block">
                <div class="container">
                    <h2>OUR <strong>EXPERIENCE</strong></h2>
                    <div class="experience_items">
                        <div class="experience_items_top">
                            <div class="card top_blue">
                                <h4>E-Commerce & Pre Order</h4>
                                <ul>
                                    <li>Nearest outlet</li>
                                    <li>Shopping cart, checkout</li>
                                    <li>Online payments</li>
                                    <li>Delivery & store pickup</li>
                                    <li>Order tracking</li>
                                    <li>Wishlist</li>
                                    <li>Rating & Review</li>
                                </ul>
                            </div>
                            <div class="card top_white">
                                <h4>Advanced Promotion</h4>
                                <ul>
                                    <li>Promo code</li>
                                    <li>Flash deals & Vouchers</li>
                                    <li>Subscriptions</li>
                                    <li>Product Bundling</li>
                                    <li>Tier discount</li>
                                    <li>Quest & Achievement</li>
                                    <li>Welcome voucher</li>
                                </ul>
                            </div>
                        </div>
                        <img class="experience_items_image" src="{{ asset('images/icon_experience.png') }}"
                            alt="">
                        <div class="experience_items_bottom">
                            <div class="card bottom_white">
                                <h4>Membership</h4>
                                <ul>
                                    <li>Membership level</li>
                                    <li>Condition & benefit</li>
                                    <li>Point cashback</li>
                                    <li>Point as payment method</li>
                                </ul>
                            </div>
                            <div class="card bottom_blue">
                                <h4>Integrated System</h4>
                                <ul>
                                    <li>Payment gateway:<br>
                                        Midtrans ,<br>
                                        Xendit , iPay88, OVO, Doku ,<br>
                                        Shopeepay , etc</li>
                                    <li>Delivery: Grab,<br>
                                        Gojek , Lalamove ,<br>
                                        Wehelpyou , Shipper, etc</li>
                                    <li>Client's internal system</li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="container container_experience d-lg-none">
                <h2>OUR <strong>EXPERIENCE</strong></h2>
                <div id="experience_mobile" class="carousel slide d-lg-none" data-bs-ride="carousel">
                    <div class="carousel-inner">
                        <div class="carousel-item active" data-bs-interval="5000">
                            <div class="row">
                                <div class="card_">
                                    <h4>E-Commerce & Pre Order</h4>
                                    <ul>
                                        <li>Nearest outlet</li>
                                        <li>Shopping cart, checkout</li>
                                        <li>Online payments</li>
                                        <li>Delivery & store pickup</li>
                                        <li>Order tracking</li>
                                        <li>Wishlist</li>
                                        <li>Rating & Review</li>
                                    </ul>
                                </div>
                                <div class="card_ mt-3">
                                    <h4>Advanced Promotion</h4>
                                    <ul>
                                        <li>Promo code</li>
                                        <li>Flash deals & Vouchers</li>
                                        <li>Subscriptions</li>
                                        <li>Product Bundling</li>
                                        <li>Tier discount</li>
                                        <li>Quest & Achievement</li>
                                        <li>Welcome voucher</li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                        <div class="carousel-item" data-bs-interval="2000">
                            <div class="row">
                                <div class="card_">
                                    <h4>Membership</h4>
                                    <ul>
                                        <li>Membership level</li>
                                        <li>Condition & benefit</li>
                                        <li>Point cashback</li>
                                        <li>Point as payment method</li>
                                    </ul>
                                </div>
                                <div class="card_ mt-3">
                                    <h4>Integrated System</h4>
                                    <ul>
                                        <li>Payment gateway:<br>
                                            Midtrans ,<br>
                                            Xendit , iPay88, OVO, Doku ,<br>
                                            Shopeepay , etc</li>
                                        <li>Delivery: Grab,<br>
                                            Gojek , Lalamove ,<br>
                                            Wehelpyou , Shipper, etc</li>
                                        <li>Client's internal system</li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                        <div class="carousel-item" data-bs-interval="2000">
                            <div class="row">
                                <div class="card_">
                                    <h4>Outlet Order App</h4>
                                    <ul>
                                        <li>Receive & process order</li>
                                        <li>Call driver to deliver order</li>
                                        <li>Print receipt & kitchen order</li>
                                        <li>Control item availability</li>
                                        <li>Control outlet operating hours</li>
                                        <li>Daily report</li>
                                    </ul>
                                </div>
                                <div class="card_ mt-3">
                                    <h4>Advanced Fraud System</h4>
                                    <ul>
                                        <li>Device & account login</li>
                                        <li>Promo code redemption</li>
                                        <li>Voucher redemption</li>
                                        <li>Transaction & point</li>
                                        <li>Auto suspend & admin notif</li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                        <div class="carousel-item">
                            <div class="row">
                                <div class="card_">
                                    <h4>Automatic Disbursement</h4>
                                    <ul>
                                        <li>Sistem otomatis <br> menghitung skema bagi <br> hasil dengan banyak pihak
                                            <br>
                                            dan otomatis
                                            mentransfer <br> bagiannya masing-masing</li>
                                        <li>Via Midtrans IRIS</li>
                                        <li> Via API BCA</li>
                                    </ul>
                                </div>
                                <div class="card_ mt-3">
                                    <h4>Booking & Reservation</h4>
                                    <ul>
                                        <li>Pilih place, date & time</li>
                                        <li>Notifikasi pemesanan</li>
                                        <li>Terintegrasi dengan sistem antrian</li>
                                        <li>Booking reminder</li>
                                        <li>Booking cancellation</li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div> 
        </div>
        <div class="swiper-slide d-none d-lg-flex">
            <div class="experience experience_two">
                <div class="container">
                    <h2>OUR <strong>EXPERIENCE</strong></h2>
                    <div class="experience_items">
                        <div class="experience_items_top">
                            <div class="card top_white_two">
                                <h4>Outlet Order App</h4>
                                <ul>
                                    <li>Receive & process order</li>
                                    <li>Call driver to deliver order</li>
                                    <li>Print receipt & kitchen order</li>
                                    <li>Control item availability</li>
                                    <li>Control outlet operating hours</li>
                                    <li>Daily report</li>
                                </ul>
                            </div>
                            <div class="card top_yellow ">
                                <h4>Advanced Fraud System</h4>
                                <ul>
                                    <li>Device & account login</li>
                                    <li>Promo code redemption</li>
                                    <li>Voucher redemption</li>
                                    <li>Transaction & point</li>
                                    <li>Auto suspend & admin notif</li>
                                </ul>
                            </div>
                        </div>
                        <img class="experience_items_image_two" src="{{ asset('images/icon_experience2.png') }}"
                            alt="">
                        <div class="experience_items_bottom">
                            <div class="card bottom_yellow">
                                <h4>Automatic Disbursement</h4>
                                <ul>
                                    <li>Sistem otomatis <br> menghitung skema bagi <br> hasil dengan banyak pihak <br>
                                        dan otomatis
                                        mentransfer <br> bagiannya masing-masing</li>
                                    <li>Via Midtrans IRIS</li>
                                    <li> Via API BCA</li>
                                </ul>
                            </div>
                            <div class="card bottom_white_two">
                                <h4>Booking & Reservation</h4>
                                <ul>
                                    <li>Pilih place, date & time</li>
                                    <li>Notifikasi pemesanan</li>
                                    <li>Terintegrasi dengan sistem antrian</li>
                                    <li>Booking reminder</li>
                                    <li>Booking cancellation</li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>