<?php
/**
 * Template Name: Bảng giá
 *
 * @package WordPress
 * @subpackage Twenty_Sixteen
 * @since Twenty Sixteen 2.1
 */
get_header();

?>
<!--Chỉnh sửa css button khi hover -->
<!--Chỉnh sửa thông tin các gói cho đúng logic - Hỏi thêm anh Tô Hùng-->
<!--Chỉnh sửa reponsive-->
<section class="container-fluid" style="padding: 0px;">
    <div class="img-page">
        <img src="<?php echo get_the_post_thumbnail_url(get_the_ID(),'full'); ?>" alt="Responsive image">
        <div class="btn-banner"><a href="#">Đăng ký làm đại lý</a></div>
    </div>
</section>
<section class="container-fluid price">
    <p class="price-title text-center">Bảng giá phần mềm hóa đơn việt</p>
    <div class="price-group">
        <div class="container">
            <div class="row col-xs-12 col-md-12 price-content">
                <div class="col-xs-12 col-md-4 price-items">
                    <div class="price-item">
                        <div class="price-detail">
                            <div class="title-price-detail">
                                <p>MEI-500</p>
                                <hr class="line">
                            </div>
                            <div class="detail-content">
                                <p class="unit-quantity">5.000 HÓA ĐƠN/GÓI</p>
                                <hr class="line">
                                <p class="quantity">500</p>
                                <hr class="line">
                                <p class="unit-price">VNĐ/HÓA ĐƠN</p>
                                <p class="package-price">250.000 VNĐ</p>
                                <button class="btn-price">MUA NGAY</button>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-xs-12 col-md-4 price-items special-item">
                    <div class="price-item-two">
                        <div class="price-detail-two">
                            <div class="title-price-detail-two">
                                <p>MEI-300</p>
                                <hr class="line-special">
                            </div>
                            <div class="detail-content">
                                <p class="unit-quantity">10.000 HÓA ĐƠN/GÓI</p>
                                <hr class="line-special">
                                <p class="quantity">300</p>
                                <hr class="line-special">
                                <p class="unit-price">VNĐ/HÓA ĐƠN</p>
                                <p class="package-price">3.000.000 VNĐ</p>
                                <button class="btn-price-special">MUA NGAY</button>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-xs-12 col-md-4 price-items">
                    <div class="price-item">
                        <div class="price-detail">
                            <div class="title-price-detail">
                                <p>MEI-200</p>
                                <hr class="line">
                            </div>
                            <div class="detail-content">
                                <p class="unit-quantity">2.000 HÓA ĐƠN/GÓI</p>
                                <hr class="line">
                                <p class="quantity">200</p>
                                <hr class="line">
                                <p class="unit-price">VNĐ/HÓA ĐƠN</p>
                                <p class="package-price">800.000 VNĐ</p>
                                <button class="btn-price">MUA NGAY</button>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="price-group">
        <div class="container">
            <div class="row col-xs-12 col-md-12 price-content">
                <div class="col-xs-12 col-md-4 price-items">
                    <div class="price-item">
                        <div class="price-detail">
                            <div class="title-price-detail">
                                <p>MEI-500</p>
                                <hr class="line">
                            </div>
                            <div class="detail-content">
                                <p class="unit-quantity">5.000 HÓA ĐƠN/GÓI</p>
                                <hr class="line">
                                <p class="quantity">500</p>
                                <hr class="line">
                                <p class="unit-price">VNĐ/HÓA ĐƠN</p>
                                <p class="package-price">250.000 VNĐ</p>
                                <button class="btn-price">MUA NGAY</button>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-xs-12 col-md-4 price-items special-item">
                    <div class="price-item-two-under">
                        <div class="price-detail-two">
                            <div class="title-price-detail-two">
                                <p>MEI-500</p>
                                <hr class="line-special">
                            </div>
                            <div class="detail-content">
                                <p class="unit-quantity">5.000 HÓA ĐƠN/GÓI</p>
                                <hr class="line-special">
                                <p class="quantity">500</p>
                                <hr class="line-special">
                                <p class="unit-price">VNĐ/HÓA ĐƠN</p>
                                <p class="package-price">250.000 VNĐ</p>
                                <button class="btn-price-special">MUA NGAY</button>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-xs-12 col-md-4 price-items">
                    <div class="price-item">
                        <div class="price-detail">
                            <div class="title-price-detail">
                                <p>MEI-500</p>
                                <hr class="line">
                            </div>
                            <div class="detail-content">
                                <p class="unit-quantity">5.000 HÓA ĐƠN/GÓI</p>
                                <hr class="line">
                                <p class="quantity">500</p>
                                <hr class="line">
                                <p class="unit-price">VNĐ/HÓA ĐƠN</p>
                                <p class="package-price">250.000 VNĐ</p>
                                <button class="btn-price">MUA NGAY</button>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="text-center info-tax">
        <p>PHÍ THUÊ BAO HÀNG NĂM: 1.000.000 VNĐ (Tài khoản/năm)</p>
        <p>Phí chưa bao gồm VAT 10%</p>
    </div>
</section>
<section class="container-fluid" style="padding: 0px">
    <div id="dungthumienphi">
        <?php get_template_part( 'template-parts/box-try-for-free-tpl', 'none' ); ?>
    </div>
</section>
<?php get_footer(); ?>