@extends('quanlynhatro.landing_layout')
@section('title')
    <title>Báo giá - Phần mềm quản lý nhà trọ ITRO</title>
@endsection


<!--[if lt IE 9]>
    <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
    <script src="https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script>
    <!-->
@section('meta')
    <meta property="og:url" content="{{ url()->current() }}"/>
    <meta property="og:type" content="website"/>
    <meta property="og:title" content="Báo giá - Phần mềm quản lý nhà trọ ITRO"/>
    <meta property="og:description"
          content="Bảng báo giá chi phí sử dụng phần mềm quản lý nhà trọ Itro - Nền tảng quản lý nhà trọ, căn hộ, chung cư mini, ký túc xá, homestay, kiots cho thuê"/>
    <meta property="og:image" content="https://quanlynhatro.com/frontend3/assets/img/logo.png"/>
@endsection
@section('content')

    @include('frontend3.header_landing')

    <section class="block-ld block-pricing block-pricing--bg">
        <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 30 ngày trải nghiệm với sự hỗ trợ nhiệt
                            tình nhất từ chúng tôi
                        </p>
                    </div>
                </div>
                <div class="row justify-content-center">
                    <div class="col-12 col-lg-11">
                        <div class="block-ld__main">
                            <div class="element-animated" data-animation="fadeInUp--sm" animation-delay=".25s">
                                <div class="d-flex justify-content-center">
                                    <div class="c-prc-tab-menu d-flex text-center shadow-sm nav nav-tabs"
                                         role="tablist">
                                        <a href="#Tab__Price01" class="c-prc-tab-menu__item active" data-toggle="tab"
                                           role="tab">
                                            <h4 class="tab-item-title">Nhà trọ truyền thống</h4>
                                            <p class="tab-item-subtitle">(Tính tiền theo phòng)</p>
                                        </a>
                                        <a href="#Tab__Price02" class="c-prc-tab-menu__item" data-toggle="tab"
                                           role="tab">
                                            <h4 class="tab-item-title">Homestay, kí túc xá</h4>
                                            <p class="tab-item-subtitle">(Tính tiền theo giường)</p>
                                        </a>
                                    </div>
                                </div>
                            </div>
                            <div class="l-pricing-cards">
                                <div class="tab-content">
                                    <div id="Tab__Price01" class="tab-pane fade show active" role="tabpanel">
                                        <div class="row justify-content-center">
                                            <div class="col-11 col-md-6 col-xl mb-3 mb-md-0">
                                                <div class="card-wrap element-animated" data-animation="fadeInUp--sm"
                                                     animation-delay=".25s">
                                                    <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">
                                                                        <span class="prc-badge"></span>
                                                                    </div>
                                                                    <h3 class="c-card-prc__title">Cơ bản</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">199</div>
                                                                            </div>
                                                                            <div class="pricing-col-right ml-1 ml-lg-2">
                                                                                <div class="pricing-crc">.000đ</div>
                                                                                <div class="pricing-time">/tháng</div>
                                                                            </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">Tối đa <b>20</b>
                                                                                phòng
                                                                            </div>
                                                                        </li>
                                                                        <li class="prc-item-ft">
                                                                            <div class="item-ft-icon"><i
                                                                                        class="mdi"></i></div>
                                                                            <div class="item-ft-text">Mua thêm: <b>99k/10
                                                                                    phòng</b></div>
                                                                        </li>
                                                                        <li class="prc-item-ft">
                                                                            <div class="item-ft-icon"><i
                                                                                        class="mdi"></i></div>
                                                                            <div class="item-ft-text">Thanh toán tối
                                                                                thiểu <b>6</b> tháng
                                                                            </div>
                                                                        </li>
                                                                        {{--                                                                        <li class="prc-item-ft">--}}
                                                                        {{--                                                                            <div class="item-ft-icon"><i--}}
                                                                        {{--                                                                                        class="mdi"></i></div>--}}
                                                                        {{--                                                                            <div class="item-ft-text">Mua 6 tháng tặng 1--}}
                                                                        {{--                                                                                tháng--}}
                                                                        {{--                                                                            </div>--}}
                                                                        {{--                                                                        </li>--}}
                                                                        <li class="prc-item-ft">
                                                                            <div class="item-ft-icon"><i
                                                                                        class="mdi"></i></div>
                                                                            <div class="item-ft-text">Mua <b>12</b>
                                                                                tháng tặng
                                                                                <b>1</b> tháng
                                                                            </div>
                                                                        </li>
                                                                        <li class="prc-item-ft prc-item-ft--muted">
                                                                            <div class="item-ft-icon"><i
                                                                                        class="mdi"></i></div>
                                                                            <div class="item-ft-text">Quản lý tài sản

                                                                            </div>
                                                                        </li>
                                                                        <li class="prc-item-ft prc-item-ft--muted">
                                                                            <div class="item-ft-icon"><i
                                                                                        class="mdi"></i></div>
                                                                            <div class="item-ft-text">Quản lý & phân
                                                                                quyền nhân viên
                                                                            </div>
                                                                        </li>
                                                                    </ul>
                                                                </div>
                                                            </div>
                                                            <div class="card-pos-btm">
                                                                <div class="c-card-prc__reg">
                                                                    <a href="/register"
                                                                       class="btn btn-default btn-block">Đăng ký
                                                                        ngay</a>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-11 col-md-6 col-xl mb-3 mb-md-0">
                                                <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">Cao cấp</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">399</div>
                                                                            </div>
                                                                            <div class="pricing-col-right ml-1 ml-lg-2">
                                                                                <div class="pricing-crc">.000đ</div>
                                                                                <div class="pricing-time">/tháng</div>
                                                                            </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">Tối đa <b>50</b>
                                                                                phòng
                                                                            </div>
                                                                        </li>
                                                                        <li class="prc-item-ft">
                                                                            <div class="item-ft-icon"><i
                                                                                        class="mdi"></i></div>
                                                                            <div class="item-ft-text">Mua thêm: <b>89k/10
                                                                                    phòng</b></div>
                                                                        </li>
                                                                        <li class="prc-item-ft">
                                                                            <div class="item-ft-icon"><i
                                                                                        class="mdi"></i></div>
                                                                            <div class="item-ft-text">Thanh toán tối
                                                                                thiểu <b>6</b> tháng
                                                                            </div>
                                                                        </li>
                                                                        
                                                                        <li class="prc-item-ft">
                                                                            <div class="item-ft-icon"><i
                                                                                        class="mdi"></i></div>
                                                                            <div class="item-ft-text">Mua <b>12</b>
                                                                                tháng tặng
                                                                                <b>1</b> tháng
                                                                            </div>
                                                                        </li>
                                                                        <li class="prc-item-ft">
                                                                            <div class="item-ft-icon"><i
                                                                                        class="mdi"></i></div>
                                                                            <div class="item-ft-text">Quản lý & phân
                                                                                quyền nhân viên
                                                                            </div>
                                                                        </li>
                                                                        <li class="prc-item-ft prc-item-ft--muted">
                                                                            <div class="item-ft-icon"><i
                                                                                        class="mdi"></i></div>
                                                                            <div class="item-ft-text">Quản lý tài sản
                                                                            </div>
                                                                        </li>

                                                                    </ul>
                                                                </div>
                                                            </div>
                                                            <div class="card-pos-btm">
                                                                <div class="c-card-prc__reg">
                                                                    <a href="/register"
                                                                       class="btn btn-default btn-block">Đăng ký
                                                                        ngay</a>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-11 col-md-6 col-xl col-pricing-lg mb-3 mb-md-0">
                                                <div class="card-wrap element-animated" data-animation="fadeInUp--sm"
                                                     animation-delay="0s">
                                                    <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">
                                                                        <span class="badge badge-primary">Nhiều người dùng</span>
                                                                    </div>
                                                                    <h3 class="c-card-prc__title">Chuyên nghiệp</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">799</div>
                                                                            </div>
                                                                            <div class="pricing-col-right ml-1 ml-lg-2">
                                                                                <div class="pricing-crc">.000đ</div>
                                                                                <div class="pricing-time">/tháng</div>
                                                                            </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">Tối đa <b>100</b>
                                                                                phòng
                                                                            </div>
                                                                        </li>
                                                                        <li class="prc-item-ft">
                                                                            <div class="item-ft-icon"><i
                                                                                        class="mdi"></i></div>
                                                                            <div class="item-ft-text">Mua thêm: <b>79k/10
                                                                                    phòng</b></div>
                                                                        </li>
                                                                        <li class="prc-item-ft">
                                                                            <div class="item-ft-icon"><i
                                                                                        class="mdi"></i></div>
                                                                            <div class="item-ft-text">Thanh toán tối
                                                                                thiểu <b>6</b> tháng
                                                                            </div>
                                                                        </li>
                                                                       
                                                                        <li class="prc-item-ft">
                                                                            <div class="item-ft-icon"><i
                                                                                        class="mdi"></i></div>
                                                                            <div class="item-ft-text">Mua <b>12</b>
                                                                                tháng tặng
                                                                                <b>1</b> tháng
                                                                            </div>
                                                                        </li>
                                                                        <li class="prc-item-ft">
                                                                            <div class="item-ft-icon"><i
                                                                                        class="mdi"></i></div>
                                                                            <div class="item-ft-text">Quản lý tài sản
                                                                            </div>
                                                                        </li>
                                                                        <li class="prc-item-ft">
                                                                            <div class="item-ft-icon"><i
                                                                                        class="mdi"></i></div>
                                                                            <div class="item-ft-text">Quản lý & phân
                                                                                quyền nhân viên
                                                                            </div>
                                                                        </li>
                                                                    </ul>
                                                                </div>
                                                            </div>
                                                            <div class="card-pos-btm">
                                                                <div class="c-card-prc__reg">
                                                                    <a href="/register"
                                                                       class="btn btn-primary btn-block">Đăng ký
                                                                        ngay</a>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-11 col-md-6 col-xl mb-3 mb-md-0">
                                                <div class="card-wrap element-animated" data-animation="fadeInUp--sm"
                                                     animation-delay=".2s">
                                                    <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">Không giới hạn</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">7</div>
                                                                            </div>
                                                                            <div class="pricing-col-right ml-1 ml-lg-2">
                                                                                <div class="pricing-crc">.000đ</div>
                                                                                <div class="pricing-time">/phòng</div>
                                                                            </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">Không giới hạn số
                                                                                phòng
                                                                            </div>
                                                                        </li>
                                                                        <li class="prc-item-ft">
                                                                            <div class="item-ft-icon"><i
                                                                                        class="mdi"></i></div>
                                                                            <div class="item-ft-text">Mua tối thiểu <b>200</b>
                                                                                phòng
                                                                            </div>
                                                                        </li>
                                                                        <li class="prc-item-ft">
                                                                            <div class="item-ft-icon"><i
                                                                                        class="mdi"></i></div>
                                                                            <div class="item-ft-text">Thanh toán tối
                                                                                thiểu <b>6</b> tháng
                                                                            </div>
                                                                        </li>
                                                                        
                                                                        <li class="prc-item-ft">
                                                                            <div class="item-ft-icon"><i
                                                                                        class="mdi"></i></div>
                                                                            <div class="item-ft-text">Mua <b>12</b>
                                                                                tháng tặng
                                                                                <b>1</b> tháng
                                                                            </div>
                                                                        </li>
                                                                        <li class="prc-item-ft">
                                                                            <div class="item-ft-icon"><i
                                                                                        class="mdi"></i></div>
                                                                            <div class="item-ft-text">Quản lý tài sản
                                                                            </div>
                                                                        </li>
                                                                        <li class="prc-item-ft">
                                                                            <div class="item-ft-icon"><i
                                                                                        class="mdi"></i></div>
                                                                            <div class="item-ft-text">Quản lý & phân
                                                                                quyền nhân viên
                                                                            </div>
                                                                        </li>
                                                                    </ul>
                                                                </div>
                                                            </div>
                                                            <div class="card-pos-btm">
                                                                <div class="c-card-prc__reg">
                                                                    <a href="/register"
                                                                       class="btn btn-default btn-block">Đăng ký
                                                                        ngay</a>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div id="Tab__Price02" class="tab-pane fade" role="tabpanel">
                                        <div class="row justify-content-center">
                                            <div class="col-11 col-md-6 col-xl mb-3 mb-md-0">
                                                <div class="card-wrap element-animated" data-animation="fadeInUp--sm"
                                                     animation-delay=".25s">
                                                    <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">
                                                                        <span class="prc-badge"></span>
                                                                    </div>
                                                                    <h3 class="c-card-prc__title">Cơ bản</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">99</div>
                                                                            </div>
                                                                            <div class="pricing-col-right ml-1 ml-lg-2">
                                                                                <div class="pricing-crc">.000đ</div>
                                                                                <div class="pricing-time">/tháng</div>
                                                                            </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">Tối đa <b>20</b>
                                                                                giường
                                                                            </div>
                                                                        </li>
                                                                        <li class="prc-item-ft">
                                                                            <div class="item-ft-icon"><i
                                                                                        class="mdi"></i></div>
                                                                            <div class="item-ft-text">Mua thêm: <b>49k/10
                                                                                    giường</b></div>
                                                                        </li>
                                                                        <li class="prc-item-ft">
                                                                            <div class="item-ft-icon"><i
                                                                                        class="mdi"></i></div>
                                                                            <div class="item-ft-text">Thanh toán tối
                                                                                thiểu <b>6</b> tháng
                                                                            </div>
                                                                        </li>
                                                                        <li class="prc-item-ft">
                                                                            <div class="item-ft-icon"><i
                                                                                        class="mdi"></i></div>
                                                                            <div class="item-ft-text">Mua <b>12</b>
                                                                                tháng tặng
                                                                                <b>1</b> tháng
                                                                            </div>
                                                                        </li>
                                                                        <li class="prc-item-ft prc-item-ft--muted">
                                                                            <div class="item-ft-icon"><i
                                                                                        class="mdi"></i></div>
                                                                            <div class="item-ft-text">Quản lý tài sản
                                                                            </div>
                                                                        </li>
                                                                        <li class="prc-item-ft prc-item-ft--muted">
                                                                            <div class="item-ft-icon"><i
                                                                                        class="mdi"></i></div>
                                                                            <div class="item-ft-text">Quản lý & phân
                                                                                quyền nhân viên
                                                                            </div>
                                                                        </li>
                                                                    </ul>
                                                                </div>
                                                            </div>
                                                            <div class="card-pos-btm">
                                                                <div class="c-card-prc__reg">
                                                                    <a href="/register"
                                                                       class="btn btn-default btn-block">Đăng ký
                                                                        ngay</a>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-11 col-md-6 col-xl mb-3 mb-md-0">
                                                <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">Cao cấp</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">199</div>
                                                                            </div>
                                                                            <div class="pricing-col-right ml-1 ml-lg-2">
                                                                                <div class="pricing-crc">.000đ</div>
                                                                                <div class="pricing-time">/tháng</div>
                                                                            </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">Tối đa <b>50</b>
                                                                                giường
                                                                            </div>
                                                                        </li>
                                                                        <li class="prc-item-ft">
                                                                            <div class="item-ft-icon"><i
                                                                                        class="mdi"></i></div>
                                                                            <div class="item-ft-text">Mua thêm: <b>45k/10
                                                                                    giường</b></div>
                                                                        </li>
                                                                        <li class="prc-item-ft">
                                                                            <div class="item-ft-icon"><i
                                                                                        class="mdi"></i></div>
                                                                            <div class="item-ft-text">Thanh toán tối
                                                                                thiểu <b>6</b> tháng
                                                                            </div>
                                                                        </li>
                                                                        <li class="prc-item-ft">
                                                                            <div class="item-ft-icon"><i
                                                                                        class="mdi"></i></div>
                                                                            <div class="item-ft-text">Mua <b>12</b> tháng
                                                                                tặng <b>1</b>
                                                                                tháng
                                                                            </div>
                                                                        </li>
                                                                        
                                                                        <li class="prc-item-ft ">
                                                                            <div class="item-ft-icon"><i
                                                                                        class="mdi"></i></div>
                                                                            <div class="item-ft-text">Quản lý & phân
                                                                                quyền nhân viên
                                                                            </div>
                                                                        </li>
                                                                        <li class="prc-item-ft prc-item-ft--muted">
                                                                            <div class="item-ft-icon"><i
                                                                                        class="mdi"></i></div>
                                                                            <div class="item-ft-text">Quản lý tài sản
                                                                            </div>
                                                                        </li>

                                                                    </ul>
                                                                </div>
                                                            </div>
                                                            <div class="card-pos-btm">
                                                                <div class="c-card-prc__reg">
                                                                    <a href="/register"
                                                                       class="btn btn-default btn-block">Đăng ký
                                                                        ngay</a>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-11 col-md-6 col-xl col-pricing-lg mb-3 mb-md-0">
                                                <div class="card-wrap element-animated" data-animation="fadeInUp--sm"
                                                     animation-delay="0s">
                                                    <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">
                                                                        <span class="badge badge-primary">Nhiều người dùng</span>
                                                                    </div>
                                                                    <h3 class="c-card-prc__title">Chuyên nghiệp</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">399</div>
                                                                            </div>
                                                                            <div class="pricing-col-right ml-1 ml-lg-2">
                                                                                <div class="pricing-crc">.000đ</div>
                                                                                <div class="pricing-time">/tháng</div>
                                                                            </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">Tối đa <b>100</b>
                                                                                giường
                                                                            </div>
                                                                        </li>
                                                                        <li class="prc-item-ft">
                                                                            <div class="item-ft-icon"><i
                                                                                        class="mdi"></i></div>
                                                                            <div class="item-ft-text">Mua thêm: <b>39k/10
                                                                                    giường</b></div>
                                                                        </li>
                                                                        <li class="prc-item-ft">
                                                                            <div class="item-ft-icon"><i
                                                                                        class="mdi"></i></div>
                                                                            <div class="item-ft-text">Thanh toán tối
                                                                                thiểu <b>6</b> tháng
                                                                            </div>
                                                                        </li>
                                                                       
                                                                        <li class="prc-item-ft">
                                                                            <div class="item-ft-icon"><i
                                                                                        class="mdi"></i></div>
                                                                            <div class="item-ft-text">Mua <b>12</b>
                                                                                tháng tặng
                                                                                <b>1</b> tháng
                                                                            </div>
                                                                        </li>
                                                                        <li class="prc-item-ft">
                                                                            <div class="item-ft-icon"><i
                                                                                        class="mdi"></i></div>
                                                                            <div class="item-ft-text">Quản lý tài sản
                                                                            </div>
                                                                        </li>
                                                                        <li class="prc-item-ft">
                                                                            <div class="item-ft-icon"><i
                                                                                        class="mdi"></i></div>
                                                                            <div class="item-ft-text">Quản lý & phân
                                                                                quyền nhân viên
                                                                            </div>
                                                                        </li>
                                                                    </ul>
                                                                </div>
                                                            </div>
                                                            <div class="card-pos-btm">
                                                                <div class="c-card-prc__reg">
                                                                    <a href="/register"
                                                                       class="btn btn-primary btn-block">Đăng ký
                                                                        ngay</a>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-11 col-md-6 col-xl mb-3 mb-md-0">
                                                <div class="card-wrap element-animated" data-animation="fadeInUp--sm"
                                                     animation-delay=".2s">
                                                    <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">Không giới hạn</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">4</div>
                                                                            </div>
                                                                            <div class="pricing-col-right ml-1 ml-lg-2">
                                                                                <div class="pricing-crc">.000đ</div>
                                                                                <div class="pricing-time">/giường</div>
                                                                            </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">Không giới hạn số
                                                                                giường
                                                                            </div>
                                                                        </li>
                                                                        <li class="prc-item-ft">
                                                                            <div class="item-ft-icon"><i
                                                                                        class="mdi"></i></div>
                                                                            <div class="item-ft-text">Mua tối thiểu <b>200</b>
                                                                                giường
                                                                            </div>
                                                                        </li>
                                                                        <li class="prc-item-ft">
                                                                            <div class="item-ft-icon"><i
                                                                                        class="mdi"></i></div>
                                                                            <div class="item-ft-text">Thanh toán tối
                                                                                thiểu <b>6</b> tháng
                                                                            </div>
                                                                        </li>
                                                                        
                                                                        <li class="prc-item-ft">
                                                                            <div class="item-ft-icon"><i
                                                                                        class="mdi"></i></div>
                                                                            <div class="item-ft-text">Mua <b>12</b>
                                                                                tháng tặng
                                                                                <b>1</b> tháng
                                                                            </div>
                                                                        </li>
                                                                        <li class="prc-item-ft">
                                                                            <div class="item-ft-icon"><i
                                                                                        class="mdi"></i></div>
                                                                            <div class="item-ft-text">Quản lý tài sản
                                                                            </div>
                                                                        </li>
                                                                        <li class="prc-item-ft">
                                                                            <div class="item-ft-icon"><i
                                                                                        class="mdi"></i></div>
                                                                            <div class="item-ft-text">Quản lý & phân
                                                                                quyền nhân viên
                                                                            </div>
                                                                        </li>
                                                                    </ul>
                                                                </div>
                                                            </div>
                                                            <div class="card-pos-btm">
                                                                <div class="c-card-prc__reg">
                                                                    <a href="/register"
                                                                       class="btn btn-default btn-block">Đăng ký
                                                                        ngay</a>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="block-pricing__noted text-center element-animated animated fadeInUp--sm"
                                 data-animation="fadeInUp--sm" animation-delay="0">
                                <span class="text-primary">(*)</span>
                                Giá dịch vụ chưa bao gồm VAT.
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <section class="block-ld block-pricing">
        <div class="container">
            <div class="block-pricing__wrap">
                <div class="block-ld__header text-center">
                    <p class="c-section-subtitle c-section-subtitle--lg mt-0 element-animated"
                       data-animation="a-ldSubtitle" animation-delay="0s">
                        Nếu bạn không muốn sử dụng gói Cloud, <br class="d-none d-md-block"/>
                        Chúng tôi cung cấp cho bạn thêm một lựa chọn để có cơ hội sở hữu hệ thống quản lý riêng của
                        mình.
                    </p>
                </div>
                <div class="block-ld__main">
                    <div class="l-pricing-cards">
                        <div class="row justify-content-center">
                            <div class="col-12 col-sm-8 col-md-6 col-lg-5 col-lg-4">
                                <div class="card-wrap element-animated" data-animation="fadeInUp--sm"
                                     animation-delay="0s">
                                    <div class="c-card c-card-prc c-card-prc--ft c-card-prc--lt">
                                        <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">
                                                        <span class="badge badge-primary">Phù hợp với chuỗi quản lý nhiều phòng</span>
                                                    </div>
                                                    <h3 class="c-card-prc__title mt-4">Trọn đời</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">Liên hệ</div>
                                                            </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">Không giới hạn số phòng</div>
                                                        </li>
                                                        <li class="prc-item-ft">
                                                            <div class="item-ft-icon"><i class="mdi"></i></div>
                                                            <div class="item-ft-text">Trang web quản lý với tên miền
                                                                riêng
                                                            </div>
                                                        </li>
                                                        <li class="prc-item-ft">
                                                            <div class="item-ft-icon"><i class="mdi"></i></div>
                                                            <div class="item-ft-text">App quản lý riêng trên iOS và
                                                                Android mang thương hiệu của chính bạn
                                                            </div>
                                                        </li>
                                                        <li class="prc-item-ft">
                                                            <div class="item-ft-icon"><i class="mdi"></i></div>
                                                            <div class="item-ft-text">Luôn được cập nhật thêm các tính
                                                                năng mới do chúng tôi thực hiện
                                                            </div>
                                                        </li>
                                                        <li class="prc-item-ft">
                                                            <div class="item-ft-icon"><i class="mdi"></i></div>
                                                            <div class="item-ft-text">Hỗ trợ kỹ thuật và vận hành, bảo
                                                                trì miễn phí trong 12 tháng
                                                            </div>
                                                        </li>
                                                        <li class="prc-item-ft">
                                                            <div class="item-ft-icon"><i class="mdi"></i></div>
                                                            <div class="item-ft-text">Thanh toán 1 lần duy nhất</div>
                                                        </li>
                                                    </ul>
                                                    <div class="c-card-prc__noted">
                                                        <p>Chi phí chưa bao gồm:</p>
                                                        <ul>
                                                            <li>Chi phí duy trì hosting: 1.000.000/tháng</li>
                                                            <li>Chi phí tài khoản Apple Store(nếu bạn muốn tài khoản
                                                                riêng): 99$/năm
                                                            </li>
                                                            <li>Chi phí tài khoản Google: 25$ trọn đời</li>
                                                            <li>Chi phí hỗ trợ bảo trì kỹ thuật(từ năm thứ 2):
                                                                1.000.000/tháng
                                                            </li>
                                                            <li>Chi phí phát triển tính năng mới theo yêu cầu(thoả
                                                                thuận)
                                                            </li>
                                                        </ul>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="card-pos-btm">
                                                <div class="c-card-prc__reg">
                                                    <a href="mailto:phong@itro.vn" class="btn btn-primary btn-block">Liên
                                                        hệ đặt mua</a>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
@endsection