@extends('quanlynhatro.landing_layout')
@section('title')
    <title>Xài ITRO là có khách thuê</title>
@endsection
@section('meta')
    <meta property="og:url" content="{{ url()->current() }}"/>
    <meta property="og:type" content="website"/>
    <meta property="og:title" content="Quản lý nhà trọ - xài itro là có khách thuê"/>
    <meta property="og:description"
          content="iTro.vn - Tìm là thấy, ở là thích"/>
    <meta property="og:image"
          content="https://quanlynhatro.com/frontend3//quanlynhatro//quanlynhatro/assets/img/logo.png"/>
@endsection

@section('content')
    <!-- header -->
    @include('frontend3.header_landing')
    <!-- END header -->
    <!--=======================================================================-->
    <!-- app -->
    <section class="block-app block-app--top">
        <div class="block-app__background">
            <div class="hero-background">
                <div class="hero-background__shapes">
                    <div class="hero-background__shape hero-background__shape--fill1"
                         style="left: -35.3333px; top: 1096.67px;">
                        <div class="hero-background__shape__transform">
                            <svg width="1001" height="585"
                                 style="transform: scale(1.33333) translate(-500.5px, -500.5px);">
                                <g x="0" y="0">
                                    <polygon class="fill1" fill="#ec8056" points="0,585 1001,270 452,0"></polygon>
                                </g>
                            </svg>
                        </div>
                    </div>
                    <div class="hero-background__shape hero-background__shape--stroke"
                         style="left: -35.3333px; top: 1125px;">
                        <div class="hero-background__shape__transform">
                            <svg width="1080" height="608" style="transform: scale(1.33333) translate(-539px, -539px);">
                                <g x="1" y="1">
                                    <polygon class="stroke" points="0,606 1078,291 486,0"></polygon>
                                </g>
                            </svg>
                        </div>
                    </div>
                    <div class="hero-background__shape hero-background__shape--fill3"
                         style="left: 1960.67px; top: 986.667px;">
                        <div class="hero-background__shape__transform">
                            <svg width="683" height="438"
                                 style="transform: scale(1.33333) translate(-341.5px, -341.5px);">
                                <g x="0" y="0">
                                    <polygon class="fill3" fill="#FDE7A9" points="0,0 324,438 683,117"></polygon>
                                </g>
                            </svg>
                        </div>
                    </div>
                    <div class="hero-background__shape hero-background__shape--stroke"
                         style="left: 1914px; top: 971.333px;">
                        <div class="hero-background__shape__transform">
                            <svg width="685" height="441"
                                 style="transform: scale(1.33333) translate(-341.5px, -341.5px);">
                                <g x="1" y="1">
                                    <polygon class="stroke" points="0,0 323,439 683,117"></polygon>
                                </g>
                            </svg>
                        </div>
                    </div>
                    <div class="hero-background__shape hero-background__shape--stroke"
                         style="left: 1258px; top: 179.333px;">
                        <div class="hero-background__shape__transform">
                            <svg width="1017" height="683"
                                 style="transform: scale(1.33333) translate(-507.5px, -507.5px);">
                                <g x="1" y="1">
                                    <polygon class="stroke" points="0,681 1015,202 432,0"></polygon>
                                </g>
                            </svg>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="block-app__wrap">
            <div class="row justify-content-center align-items-center m-0">
                <div class="col-12 col-lg-5 order-2 order-lg-1">
                    <div class="block-app__sc">
                        <div class="app-sc-wrap">
                            <div class="app-sc-tablet element-animated" data-animation="fadeInRight--sm"
                                 animation-delay="0">
                                <img src="/quanlynhatro/assets/img/sc/landlord-ipad.svg" alt="Tablet">
                            </div>
                            <div class="app-sc-mobile element-animated" data-animation="fadeInLeft--sm"
                                 animation-delay="0">
                                <img src="/quanlynhatro/assets/img/sc/landlord-iphone.svg" alt="Phone">
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-12 col-lg-6 col-xl-5 order-1 order-lg-2">
                    <div class="block-app__cnt">
                        <h1 class="block-app__tle text-uppercase element-animated" data-animation="a-ldTitle"
                            animation-delay=".1s">
                            Xài ITRO là có khách thuê
                        </h1>
                        <div class="block-app__stl element-animated" data-animation="a-ldSubtitle"
                             animation-delay=".2s">
                            <p>Tham gia vào hệ thống tìm kiếm khách thuê nhà kiểu mới với cách tiếp cận đột phá nhằm hỗ
                                trợ bạn tiếp cận đúng 100% khách thuê có nhu cầu tìm nhà quanh khu vực của bạn.</p>
                            <p>Hãy cài đặt ngay và đảm bảo bạn đã đưa lên ITRO danh sách nhà mà bạn cho thuê. Việc còn
                                lại hãy để chúng tôi tìm khách thuê và kết nối bạn với khách thuê nhé!</p>
                        </div>
                        <div class="block-app__dwl">

                            <div class="dwl-btn-wrp element-animated" data-animation="fadeInUp--sm" animation-delay=".2s">
                                <div class="single-download-btn">
                                    <a target="_blank"
                                       href="https://itunes.apple.com/us/app/itro-qu%E1%BA%A3n-l%C3%BD-tr%E1%BB%8D-th%C3%B4ng-minh/id1352848785?ls=1&mt=8"><img
                                                src="/quanlynhatro/assets/img/download-app-store.png" height="72"
                                                alt="App Store"></a>
                                </div>
                                <div class="single-download-btn">
                                    <a target="_blank"
                                       href="https://play.google.com/store/apps/details?id=com.blue.hoantran.itro_host"><img
                                                src="/quanlynhatro/assets/img/download-google-play.png" height="72"
                                                alt="CH Play"></a>
                                </div>
                            </div>
                            <div class="dwl-qrc-wrp element-animated" data-animation="fadeInUp--sm" animation-delay=".25s">
                                <div class="qr-txt">Quét mã QR bên dưới để tải app</div>
                                <div class="qr-img">
                                    <img src="/quanlynhatro/assets/img/qrcode.svg" alt="Alternate Text" />
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!-- END app -->
    <!--=======================================================================-->
    <!-- benefits -->
    <section class="block-ld block-benefits block-ld--bg-gray01" id="BlockHostBenefits">
        <div class="container">
            <div class="block-benefits__wrap">
                <div class="block-ld__header text-center">
                    <h2 class="block-ld__title text-uppercase element-animated" data-animation="a-ldTitle"
                        animation-delay="0">
                        Lợi ích khi sử dụng itro để tìm khách thuê
                    </h2>
                    <p class="block-ld__subtitle element-animated" data-animation="a-ldSubtitle" animation-delay=".2s">
                        Chúng tôi mang đến những khác biệt dành cho bạn trong quá trình tiếp cận đến khách thuê nhà
                    </p>
                </div>
                <div class="block-ld__main">
                    <div class="row">
                        <div class="col-12 col-lg-4 mb-3 mb-lg-0">
                            <div class="element-animated" style="height: 100%" data-animation="fadeInUp--sm"
                                 animation-delay=".1s">
                                <div class="c-card c-card-bnf c-card--bd c-card--sd">
                                    <div class="c-card-bnf__wrp">
                                        <div class="c-card-bnf__icn">
                                            <img src="/quanlynhatro/assets/img/icon/loi-ich-1.svg" alt="">
                                        </div>
                                        <div class="c-card-bnf__cnt">
                                            <h3 class="c-card-bnf__tle">Tìm đúng khách, tránh spam làm phiền</h3>
                                            <p class="c-card-bnf__dcr">Chúng tôi sẽ chỉ gửi thông báo cho bạn khi khách
                                                tìm nhà gửi thông tin tìm kiếm quanh khu vực mà bạn có nhà.</p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-12 col-lg-4 mb-3 mb-lg-0">
                            <div class="element-animated" style="height: 100%" data-animation="fadeInUp--sm"
                                 animation-delay="0">
                                <div class="c-card c-card-bnf c-card-bnf--fet c-card--bd c-card--sd">
                                    <div class="c-card-bnf__wrp">
                                        <div class="c-card-bnf__icn">
                                            <img src="/quanlynhatro/assets/img/icon/loi-ich-2.svg" alt="">
                                        </div>
                                        <div class="c-card-bnf__cnt">
                                            <h3 class="c-card-bnf__tle">Được trao đổi trực tiếp với khách thuê </h3>
                                            <p class="c-card-bnf__dcr">Bạn có thể nhắn tin trao đổi trực tiếp với khách
                                                thuê ngay trên ứng dụng với các công cụ hỗ trợ giúp bạn có thể giới
                                                thiệu phòng tốt hơn.</p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-12 col-lg-4 mb-3 mb-lg-0">
                            <div class="element-animated" style="height: 100%" data-animation="fadeInUp--sm"
                                 animation-delay=".15s">
                                <div class="c-card c-card-bnf c-card--bd c-card--sd">
                                    <div class="c-card-bnf__wrp">
                                        <div class="c-card-bnf__icn">
                                            <img src="/quanlynhatro/assets/img/icon/loi-ich-3.svg" alt="">
                                        </div>
                                        <div class="c-card-bnf__cnt">
                                            <h3 class="c-card-bnf__tle">Tiết kiệm chi phí chạy quảng cáo hay môi
                                                giới </h3>
                                            <p class="c-card-bnf__dcr">Bạn tiếp cận đúng đối tượng có nhu cầu thuê nên
                                                tiết kiệm được chi phí chạy quảng cáo. Và bạn có thể tự nhắn tin với
                                                khách thay vì nhờ môi giới.</p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!-- END benefits -->
    <!--=======================================================================-->
    <!-- steps -->
    <section class="block-ld block-steps" id="BlockHostSteps">
        <div class="container">
            <div class="block-steps__wrap">
                <div class="block-ld__header text-center">
                    <h2 class="block-ld__title text-uppercase element-animated" data-animation="a-ldTitle"
                        animation-delay="0">
                        4 bước tìm khách thuê trên ITRO
                    </h2>
                    <p class="block-ld__subtitle element-animated" data-animation="a-ldSubtitle" animation-delay=".2s">
                        Bạn sẽ tiếp cận đến 100% đối tượng có nhu cầu tìm nhà thật sự. Hãy đảm bảo các nhà của bạn có
                        trên hệ thống để mỗi khi có khách tìm kiếm nhà quanh khu vực của bạn thì bạn sẽ nhận được thông
                        báo
                    </p>
                </div>
                <div class="block-ld__main">
                    <div class="row justify-content-center align-items-center">
                        <div class="col-12 col-lg-6 mt-2 mt-lg-0 order-2 order-lg-1">

                            <div class="block-steps__sc element-animated" data-animation="fadeInRight--sm"
                                 animation-delay="0">
                                <div id="TabContent__FindCustomer" class="tab-content">
                                    <div id="TabPane__FindCustomer-1" class="tab-pane fade show active">
                                        <img src="/quanlynhatro/assets/img/sc-app-listing.png" alt="App Listing">
                                    </div>
                                    <div id="TabPane__FindCustomer-2" class="tab-pane fade">
                                        <img src="/quanlynhatro/assets/img/landlord-step2.svg" alt="App Listing">
                                    </div>
                                    <div id="TabPane__FindCustomer-3" class="tab-pane fade">
                                        <img src="/quanlynhatro/assets/img/landlord-step3.svg" alt="App Listing">
                                    </div>
                                    <div id="TabPane__FindCustomer-4" class="tab-pane fade">
                                        <img src="/quanlynhatro/assets/img/landlord-step4.svg" alt="App Listing">
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-12 col-lg-6 order-1 order-lg-2">
                            <div class="block-steps__steps">
                                <div class="c-process c-process--screen">
                                    <div class="c-process__wrap nav" role="tablist">
                                        <a href="#TabPane__FindCustomer-1" data-toggle="tab" role="tab"
                                           class="c-process__step active element-animated" data-animation="fadeInUp--sm"
                                           animation-delay="0">
                                            <div class="single-step">
                                                <div class="single-step__wrp">
                                                    <div class="single-step__lvl">Bước 1</div>
                                                    <h4 class="single-step__tle">Tạo danh sách nhà trên ITRO</h4>
                                                    <div class="single-step__dcr">
                                                        <p>Bạn cần tạo danh sách nhà mà bạn có với đủ thông tin để khi
                                                            có khách thuê quanh khu vực nhà bạn thì bạn sẽ nhận được
                                                            thông báo</p>
                                                    </div>
                                                </div>
                                            </div>
                                        </a>
                                        <a href="#TabPane__FindCustomer-2" data-toggle="tab" role="tab"
                                           class="c-process__step element-animated" data-animation="fadeInUp--sm"
                                           animation-delay="0">
                                            <div class="single-step">
                                                <div class="single-step__wrp">
                                                    <div class="single-step__lvl">Bước 2</div>
                                                    <h4 class="single-step__tle">Nhận thông báo có khách đang tìm
                                                        nhà</h4>
                                                    <div class="single-step__dcr">
                                                        <p>Khi có khách tìm nhà quanh khu vực của bạn thì bạn sẽ nhận
                                                            được thông báo qua app, bạn có thể chọn nhắn tin hoặc bỏ
                                                            qua</p>
                                                    </div>
                                                </div>
                                            </div>
                                        </a>
                                        <a href="#TabPane__FindCustomer-3" data-toggle="tab" role="tab"
                                           class="c-process__step element-animated" data-animation="fadeInUp--sm"
                                           animation-delay="0">
                                            <div class="single-step">
                                                <div class="single-step__wrp">
                                                    <div class="single-step__lvl">Bước 3</div>
                                                    <h4 class="single-step__tle">Trao đổi và mời khách thuê nhà</h4>
                                                    <div class="single-step__dcr">
                                                        <p>Nhắn tin trao đổi với khách thuê, gửi các hình ảnh và vị trí
                                                            của nhà cho khách thuê để khách nắm được thông tin</p>
                                                    </div>
                                                </div>
                                            </div>
                                        </a>
                                        <a href="#TabPane__FindCustomer-4" data-toggle="tab" role="tab"
                                           class="c-process__step element-animated" data-animation="fadeInUp--sm"
                                           animation-delay="0">
                                            <div class="single-step">
                                                <div class="single-step__wrp">
                                                    <div class="single-step__lvl">Bước 4</div>
                                                    <h4 class="single-step__tle">Xác nhận cho thuê</h4>
                                                    <div class="single-step__dcr">
                                                        <p>Sau khi thành công mời khách đến thuê và lập hợp động cho
                                                            khách thì xác nhận là giao dịch đã thành công trên hệ
                                                            thống</p>
                                                    </div>
                                                </div>
                                            </div>
                                        </a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!-- END steps -->
    <!--=======================================================================-->
    <!-- pricing -->
    <section class="block-ld block-pricing block-pricing--tenant block-ld--bg-gray01" id="BlockHostPricing">
        <div class="container-fluid">
            <div class="block-pricing__wrap">
                <div class="container">
                    <div class="block-ld__header text-center">
                        <h2 class="block-ld__title text-uppercase element-animated" data-animation="a-ldTitle"
                            animation-delay="0">
                            Chúng tôi có rất nhiều mức giá phù hợp với nhu cầu của bạn
                        </h2>
                        <p class="block-ld__subtitle element-animated" data-animation="a-ldSubtitle"
                           animation-delay=".2s">
                            Chỉ mất 30 giây để đăng ký, bạn có thể tận hưởng dịch vụ tìm khách thuê kiểu mới, lần đầu
                            tiên xuất hiện tại Việt Nam
                        </p>
                    </div>
                </div>
                <div class="row justify-content-center">
                    <div class="col-12 col-lg-10 col-xl-9">
                        <div class="block-ld__main">
                            <div class="l-pricing-cards l-pricing-cards--tenant">
                                <div class="row justify-content-center">
                                    @php $packages = App\Models_v2\Package::all(); @endphp
                                    @foreach($packages as $package)
                                        @if($package->is_highlight)
                                            <div class="col-11 col-md-7 col-xl col-pricing-lg mb-3 mb-md-0 order-1 order-md-1 order-xl-{{ $loop->index + 1 }}">
                                                <div class="card-wrap element-animated" data-animation="fadeInUp--sm"
                                                     animation-delay="0">
                                                    <div class="c-card c-card-prc c-card-prc--ft">
                                                        <div class="c-card-prc__wrap">
                                                            <div class="card-pos-top">
                                                                <div class="c-card-prc__header text-center">
                                                                    <div class="c-card-prc__badge"></div>
                                                                    <h3 class="c-card-prc__title">{{ $package->name }}</h3>
                                                                    <div class="c-card-prc__pricing">
                                                                        <div class="d-flex align-items-center justify-content-center">
                                                                            @if($package->price == 0)
                                                                                <div class="pricing-col-left">

                                                                                    <div class="pricing-main">Miễn phí
                                                                                    </div>

                                                                                </div>
                                                                            @else
                                                                                <div class="pricing-col-left">
                                                                                    <div class="pricing-main">{{ $package->price / 1000 }}</div>
                                                                                </div>
                                                                                <div class="pricing-col-right ml-1 ml-lg-2">
                                                                                    <div class="pricing-crc">.000đ</div>
                                                                                    @if(!empty($package->unit))
                                                                                    <div class="pricing-time">/{{ $package->unit }}
                                                                                    </div>
                                                                                        @endif
                                                                                </div>
                                                                            @endif
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                                <div class="c-card-prc__main">
                                                                    <ul class="c-card-prc__list">
                                                                        <li class="prc-item-ft">
                                                                            <div class="item-ft-icon"><i
                                                                                        class="mdi"></i></div>
                                                                            <div class="item-ft-text">
                                                                                @if($package->number_interact == 0)
                                                                                    Không giới hạn lượt tương
                                                                                    tác
                                                                                @else
                                                                                    <b>{{ $package->number_interact }}</b>
                                                                                    lượt tiếp cận với
                                                                                    <b>{{ $package->number_interact }}</b>
                                                                                    khách tìm nhà
                                                                                @endif
                                                                            </div>
                                                                        </li>
                                                                        <li class="prc-item-ft">
                                                                            <div class="item-ft-icon"><i
                                                                                        class="mdi"></i></div>
                                                                            <div class="item-ft-text">Phí giao dịch
                                                                                thành công:
                                                                                <b>{{ number_format($package->transaction_fee, 0) }}
                                                                                    đ</b> <span
                                                                                        class="text-primary">(*)</span>
                                                                            </div>
                                                                        </li>
                                                                        @foreach($package->items as $item)
                                                                            <li class="prc-item-ft">
                                                                                <div class="item-ft-icon"><i
                                                                                            class="mdi"></i></div>
                                                                                <div class="item-ft-text">{{ $item }}
                                                                                </div>
                                                                            </li>
                                                                        @endforeach
                                                                    </ul>
                                                                </div>
                                                            </div>
                                                            <div class="card-pos-btm">
                                                                <div class="c-card-prc__reg">
                                                                    <a href="https://itro.page.link/timnha" target="_blank" class="btn btn-primary btn-block">Tải
                                                                        app
                                                                        ngay</a>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        @else
                                            <div class="col-11 col-md-6 col-xl mb-3 mb-md-0 order-3 order-md-3 order-xl-{{ $loop->index + 1 }}">
                                                <div class="card-wrap element-animated" data-animation="fadeInUp--sm"
                                                     animation-delay=".1s">
                                                    <div class="c-card c-card-prc">
                                                        <div class="c-card-prc__wrap">
                                                            <div class="card-pos-top">
                                                                <div class="c-card-prc__header text-center">
                                                                    <div class="c-card-prc__badge"></div>
                                                                    <h3 class="c-card-prc__title">{{ $package->name }}</h3>
                                                                    <div class="c-card-prc__pricing">
                                                                        <div class="d-flex align-items-center justify-content-center">
                                                                            <div class="pricing-col-left">
                                                                                <div class="pricing-main">{{ $package->price / 1000 }}</div>
                                                                            </div>
                                                                            <div class="pricing-col-right ml-1 ml-lg-2">
                                                                                <div class="pricing-crc">.000đ</div>
                                                                                @if(!empty($package->unit))
                                                                                    <div class="pricing-time">/{{ $package->unit }}
                                                                                    </div>
                                                                                @endif
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                                <div class="c-card-prc__main">
                                                                    <ul class="c-card-prc__list">
                                                                        <li class="prc-item-ft">
                                                                            <div class="item-ft-icon"><i
                                                                                        class="mdi"></i></div>

                                                                            <div class="item-ft-text">
                                                                                @if($package->number_interact == 0)
                                                                                    Không giới hạn lượt tương
                                                                                    tác
                                                                                @else
                                                                                    <b>{{ $package->number_interact }}</b>
                                                                                    lượt tiếp cận với
                                                                                    <b>{{ $package->number_interact }}</b>
                                                                                    khách tìm nhà
                                                                                @endif
                                                                            </div>
                                                                        </li>
                                                                        <li class="prc-item-ft">
                                                                            <div class="item-ft-icon"><i
                                                                                        class="mdi"></i></div>
                                                                            <div class="item-ft-text">Phí giao dịch
                                                                                thành công:
                                                                                <b>{{ number_format($package->transaction_fee, 0) }}
                                                                                    đ</b> <span
                                                                                        class="text-primary">(*)</span>
                                                                            </div>
                                                                        </li>
                                                                        @foreach($package->items as $item)
                                                                            <li class="prc-item-ft">
                                                                                <div class="item-ft-icon"><i
                                                                                            class="mdi"></i></div>
                                                                                <div class="item-ft-text">{{ $item }}
                                                                                </div>
                                                                            </li>
                                                                        @endforeach
                                                                    </ul>
                                                                </div>
                                                            </div>
                                                            <div class="card-pos-btm">
                                                                <div class="c-card-prc__reg">
                                                                    <a href="https://itro.page.link/timnha" target="_blank" class="btn btn-default btn-block">Tải
                                                                        app
                                                                        ngay</a>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        @endif
                                    @endforeach


                                </div>
                            </div>
                            <div class="block-pricing__noted text-center element-animated" data-animation="fadeInUp--sm"
                                 animation-delay="0">
                                <span class="text-primary">(*)</span>
                                Chúng tôi chỉ thu phí khi bạn đã tìm thấy được khách thuê và khách thuê ký hợp đồng với
                                bạn
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!-- END pricing -->
    <!--=======================================================================-->
    <!-- download -->
    <section class="block-ld block-download" id="BlockHostDownload">
        <div class="container">
            <div class="block-download__wrap">
                <div class="row align-items-center">
                    <div class="col-12 col-lg-5 mt-5 mt-lg-0 order-2 order-lg-1">
                        <div class="block-download__sc element-animated" data-animation="fadeInLeft--sm"
                             animation-delay=".1s">
                            <img src="/quanlynhatro/assets/img/sc/landlord-iphone.svg" alt="App Service">
                        </div>
                    </div>
                    <div class="col-12 col-lg-7 order-1 order-lg-2">
                        <div class="block-download__cnt">
                            <div class="block-ld__header text-center">
                                <h2 class="block-ld__title text-uppercase element-animated" data-animation="a-ldTitle"
                                    animation-delay="0">
                                    Chúng tôi đã sẵn sàng phục vụ bạn
                                </h2>
                                <p class="block-ld__subtitle element-animated" data-animation="a-ldSubtitle"
                                   animation-delay=".2s">
                                    Hãy tham gia trải nghiệm ngay những tính năng tuyệt vời và tìm kiếm cho mình những
                                    khách thuê nhà
                                </p>
                            </div>
                            <div class="block-ld__main">
                                <div class="block-download__btn text-center">
                                    <div class="single-dwn-btn element-animated" data-animation="fadeInUp--sm"
                                         animation-delay=".1s"><a
                                                href="https://itunes.apple.com/us/app/itro-qu%E1%BA%A3n-l%C3%BD-tr%E1%BB%8D-th%C3%B4ng-minh/id1352848785?ls=1&mt=8" target="_blank"
                                                class="m-2"><img src="/quanlynhatro/assets/img/download-app-store.png"
                                                                 alt=""></a></div>
                                    <div class="single-dwn-btn element-animated" data-animation="fadeInUp--sm"
                                         animation-delay=".2s"><a
                                                href="https://play.google.com/store/apps/details?id=com.blue.hoantran.itro_host" target="_blank"
                                                class="m-2"><img src="/quanlynhatro/assets/img/download-google-play.png"
                                                                 alt=""></a></div>
                                </div>
                                <div class="block-download__qr element-animated animated fadeInUp--sm" data-animation="fadeInUp--sm" animation-delay=".25s" style="animation-delay: 0.25s;">
                                    <div class="qr-txt">Quét mã QR bên dưới để tải app</div>
                                    <div class="qr-img">
                                        <img src="/quanlynhatro/assets/img/qrcode.svg" alt="Alternate Text">
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!-- END download -->
    <!--=======================================================================-->
@endsection