{% extends '../layout.server.view.html' %} {% block cssFile %}
<link href="/assets/frontend/pages/css/download.css" rel="stylesheet"> {% endblock %} {% block content %}
<div class="download-header">
    <div class="container">
        <div class="row">
            <div class="col-md-4 head-left">
                <h1>
                	App HDV Offline
                </h1>
                <p>
                    Miễn phí. Chạy trên mọi hệ điều hành.
                </p>
                <div class="down-button">
                    <a href="">
                        <button class="btn btn-primary">
                            <span id="os">Tải xuống cho Windowns</span>
                            <small>Stable Build</small>
                        </button>
                    </a>
                    <button class="btn btn-primary dropdown-toggle" type="button" data-toggle="dropdown">
                        <span class="caret"></span></button>
                    <ul class="dropdown-menu">
                        <li style="background-color:#e1e1e1;">
                            <table style="width: 280px;">
                                <colgroup>
                                    <col span="2">
                                    <col span="3" style="background-color: #eeeeef">
                                </colgroup>
                                <tr>
                                    <td>
                                    </td>
                                    <td>
                                    </td>
                                    <td class="down-head">
                                        Tải về
                                    </td>
                                </tr>
                                <tr class="down-line">
                                    <td>
                                        <span class="down-title">Mac</span>
                                    </td>
                                    <td>
                                        <span class="down-desc">macOS 10.9+</span>
                                    </td>
                                    <td class="center">
                                        <a href="">
                                            <img src="/img/download_dark.svg">
                                        </a>
                                    </td>
                                </tr>
                                <tr>
                                    <td>
                                        <span class="down-title">Windows</span>
                                    </td>
                                    <td>
                                        <span class="down-desc">Windows 7, 8, 10</span>
                                    </td>
                                    <td class="center">
                                        <a href="">
                                            <img src="/img/download_dark.svg">
                                        </a>
                                    </td>
                                </tr>
                                <tr>
                                    <td>
                                        <span class="down-title">Linux x64</span>
                                    </td>
                                    <td>
                                        <span class="down-desc">Ubuntu</span>
                                    </td>
                                    <td class="center">
                                        <a href="">
                                            <img src="/img/download_dark.svg">
                                        </a>
                                    </td>
                                </tr>
                            </table>
                        </li>
                    </ul>
                </div>
                <p class="terms">Bằng cách tải ứng dụng, bạn đã đồng ý với
                    <a href="/dieu-khoan">điều khoản sử dụng của HDV</a>
                </p>
            </div>
            <div class="col-md-8 head-right">
                <img src="https://i.imgur.com/oxNnxO7.jpg">
            </div>
        </div>
    </div>
</div>
<div class="container">
    <div class="row">
        <div class="col-md-3 col-xs-6 func-prop">
            <a href="#" class="multi-layer">
                <img src="https://i.imgur.com/NpiKm5a.png" alt="multi flatform">
                <span>Đa nền tảng</span>
            </a>
        </div>
        <div class="col-md-3 col-xs-6 func-prop">
            <a href="#" class="offline">
                <img src="https://i.imgur.com/xAxdVdY.png" alt="offline mode">
                <span>Offline Mode</span>
            </a>
        </div>
        <div class="col-md-3 col-xs-6 func-prop">
            <a href="#" class="synchronize">
                <img src="https://i.imgur.com/aX6ECWM.png" alt="synchronize cloud ">
                <span>Đồng bộ Online</span>
            </a>
        </div>
        <div class="col-md-3 col-xs-6 func-prop">
            <a href="#" class="print">
                <img src="https://i.imgur.com/y7088Sf.png" alt="Printer cloud">
                <span>In trực tiếp</span>
            </a>
        </div>
    </div>
</div>
<div class="area" id="multi-layer">
    <div class="container">
        <div class="row">
            <div class="col-sm-4">
                <img src="https://i.imgur.com/mYYNLUy.png" alt="Đa nền tảng">
            </div>
            <div class="col-sm-7">
                <h2>Đa nền tảng</h2>
                <p>Với Phần mềm POSS Offline bạn không cần phải lo lắng trong việc cài lại hệ điều hành mà mình đang sử dụng bời vì Phần mềm POSS Offline có khả năng hoạt động trên nhiều hệ điều hành khác nhau như Windows, Mac, hay Linux.</p>
            </div>
        </div>
    </div>
</div>
<div class="area" id="offline">
    <div class="container">
        <div class="row">
            <div class="col-sm-4 col-sm-push-8">
                <img src="https://i.imgur.com/mYUL5PT.png" alt="offline">
            </div>
            <div class="col-sm-7 col-sm-pull-4">
                <h2>Chạy chế độ Offline</h2>
                <p>Chế độ Offline mode giúp cho hệ thống vẫn hoạt động bình thường trong điều kiện không có kết nối mạng Internet, giúp cho việc bán hàng không còn bị gián đoạn trong trường hợp bị ngắt kết nối Internet.</p>
            </div>
        </div>
    </div>
</div>
<div class="area" id="synchronize">
    <div class="container">
        <div class="row">
            <div class="col-sm-4">
                <img src="https://i.imgur.com/yX0VmGP.png" alt="synchronize">
            </div>
            <div class="col-sm-7">
                <h2>Đồng bộ Online</h2>
                <p>Ngay khi có kết nối Internet hệ thống tự động đồng bộ Online, giúp người quản lý có thể xem lại toàn bộ dữ liệu kinh doanh trong thời điểm bị ngắt kết nối mạng.</p>
            </div>
        </div>
    </div>
</div>
<div class="area" id="print">
    <div class="container">
        <div class="row">
            <div class="col-sm-4 col-sm-push-8">
                <a id="home-marketplace-link" href="#" target="_blank">
                    <img src="https://i.imgur.com/QYUGzV3.png" alt="in trực tiếp"></a>
            </div>
            <div class="col-sm-7 col-sm-pull-4">
                <h2>In trực tiếp</h2>
                <p>
                    Khác với phiên bản web, khi in hóa đơn thường hiển thị hộp thoại xem trước khi in. Với phiên bản offline cài trên máy, việc in ấn sẽ diễn ra 1 cách tự động mỗi khi thanh toán hóa đơn
                </p>
            </div>
        </div>
    </div>
</div>
<div class="area">
    <div class="container">
        <div class="col-sm-4 center">
            <img src="https://i.imgur.com/6hmbIIl.png" alt="windows-os" class="img-os">
            <a href="https://download.poss.vn/download/latest/windows_64">
                <button class="link-button">
                    <img class="download-icon" src="/img/download.svg" width="18px" height="18px" alt="Download VS Code"> Windows
                    <small>Windows 7, 8, 10</small>
                </button>
            </a>
        </div>
        <div class="col-sm-4 center">
            <img src="https://i.imgur.com/R4WBXYa.png" alt="linux-os" class="img-os">
            <a href="https://download.poss.vn/download/latest/linux_64">
                <button class="link-button">
                    <img class="download-icon" src="/img/download.svg" width="18px" height="18px" alt="Download VS Code"> .deb
                    <small>Debian, Ubuntu</small></button>
            </a>
        </div>
        <div class="col-sm-4 center">
            <img src="/img/apple-logo.svg" class="img-os">
            <a href="https://download.poss.vn/download/latest/osx_64">
                <button class="link-button">
                    <img class="download-icon" src="/img/download.svg" width="18px" height="18px" alt="Download VS Code"> Mac
                    <small>macOS 10.9+</small>
                </button>
            </a>
        </div>
    </div>
</div>
{% block jsFile %}
<script type="text/javascript" src="/assets/global/plugins/jquery.min.js"></script>
<script type="text/javascript" src="/assets/frontend/pages/scripts/download.js"></script>
{% endblock %}
