{% extends '../layout.server.view.html' %} {% block cssFile %}
<style type="text/css">
    .register-head {
        background-image: url(https://i.imgur.com/kLXNrxb.jpg);
        padding: 60px 0px;
        text-align: center;
        color: #fff;
        background-position: center top;
        background-size: cover;
        background-repeat: no-repeat;
        min-height: 300px;
        text-align: left;
    }

    .text-success {
        color: #3c763d;
        font-size: 24px;
        text-align: center;
        margin: 0;
        padding: 20px;
    }

    a#i_gotostore {
        width: 250px;
        border-radius: 20px;
    }

    i.material-icons {
        color: green;
        text-align: center;
        margin: auto;
        display: block;
        font-size: 45px;
    }

    a#i_gotostore {
        width: 250px;
        border-radius: 20px;
    }

    @media only screen and (max-width:767px) {
        .register-head {
            min-height: auto;
        }

        .register-head .container h1 {
            font-size: 14px !important;
        }

        .register-head .container p {
            font-size: 12px;
            max-width: 200px;
        }

        h1.text-success {
            font-size: 16px;
            text-align: center;

        }

        i.material-icons {
            color: green;
            text-align: center;
            margin: auto;
            display: block;
        }

        .main .container .success,
        table.table {
            width: 100% !important;
        }

        a#i_gotostore {
            width: 150px;
            font-size: 12px;
        }
    }

    table.table tbody tr td {
        border-bottom: 1px solid #ccc;
        border-top: none;
    }

    table.table tbody {
        width: 100%;
        float: left;
    }
</style>
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
{% endblock %} {% block content %}
<div class="register-head">
    <div class="container">
        <h1>Bắt đầu trải nghiệm hệ thống</h1>
        <p>Chào mừng bạn đến với Giải pháp Phần mềm hóa đơn điện tử AHOADON.COM</p>
    </div>
</div>
<div class="main">
    <div class="container">
        <div class="success" style="width:60%; margin:10px auto;overflow: hidden;" class="text-center">
            <h1 class="text-success">ĐĂNG KÝ DÙNG THỬ MIỄN PHÍ THÀNH CÔNG!</h1>
            <!-- <i class="material-icons">
                check
            </i> -->
            <table class="table" style="width:60%;margin: 5px auto;overflow: hidden;">
                <tr>
                    <td class="td-3" style="width: 30%;vertical-align: middle;">Tên đơn vị:</td>
                    <td class="text-info" id="i_storename" style="color:#333;font-weight:700;text-transform:uppercase">
                        {{data.company}}</td>
                </tr>
                <tr>
                    <td class="td-3" style="width: 30%;vertical-align: middle;">Địa chỉ truy cập:</td>
                    <td class="text-info" id="i_domain">
                        <a href="{{data.link}}" style="color: green;">{{data.link}}</a>
                    </td>
                </tr>
            </table>
            <div class="box-lh">
                <img src="/img/logo1.png" alt=""
                    style="width:200px;height: 40px;margin: auto;display: block;margin-top:20px">

                <p style="font-size: 15px;margin-top: 20px;" class="text-center">Quý khách vui lòng kiểm tra email để
                    biết thêm thông tin
                    đăng ký.</p>
                <p class="text-center">
                    Mọi thắc mắc xin vui lòng liên hệ
                    <span style="color:red">Hotline:</span>
                    <span><a style="color: red;font-weight: 600;" href="tel:0896133588"> 0896 133 588</a></span>
                    hoặc
                    <span style="color:red">Tổng đài:</span>
                    <span><a style="color: red;font-weight: 600;" href="tel:19001171">19001171</a></span>
                </p>
                <p class="text-center" style="margin-bottom:30px">
                    <a href="/" target="_blank">HOADONVIET.VN</a> sẽ liên hệ với Quý khách theo thông tin đã đăng ký để
                    hỗ
                    trợ dùng thử trong thời gian sớm nhất
                </p>
            </div>
            <!-- <a id="i_gotostore" href="{{data.link}}" class="btn btn-primary btn-primary btn-block btn-lg"
                style="margin:20px auto">VÀO HỆ THỐNG</a> -->
        </div>
    </div>
</div>
{% endblock %} {% block jsFile %}
<script type="text/javascript" src="/assets/frontend/layout/scripts/validate.js"></script>
{% endblock %}