<div class="main-content" system-wrapper>
    {include "../../modules/header.block.tpl"}

    <div class="header">
        <div class="container">
            <div class="header-body">
                <div class="row align-items-end">
                    <div class="col">
                        <h6 class="header-pretitle">
                            {__("and_dash_pg_doc_line10")}
                        </h6>
                        <h1 class="header-title">
                            <i class="la la-handshake la-lg"></i> {__("and_doc_partner_3")}
                        </h1>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="container">
        <div class="card">
            <div class="card-body">
                <h3 class="mb-3">{__("and_doc_partner_intro_title")}</h3>
                <p>{__("and_doc_partner_intro_line1")}</p>
                <p>{__("and_doc_partner_intro_line2")}</p>

                <h3 class="mt-5 mb-3">{__("and_doc_partner_earning_title")}</h3>
                <ul class="list-group list-group-flush mb-3">
                    <li class="list-group-item">{__("and_doc_partner_earning_case1")}</li>
                    <li class="list-group-item">{__("and_doc_partner_earning_case2")}</li>
                </ul>

                <h3 class="mt-5 mb-3">{__("and_doc_partner_how_title")}</h3>
                <div class="text-center my-4">
                    <img src="{_assets("images/partners1.png")}" alt="{__('and_doc_partner_how_alt')}" class="img-fluid rounded shadow-sm">
                </div>

                <h3 class="mt-5 mb-3">{__("and_doc_partner_apply_title")}</h3>
                <p>{__("and_doc_partner_apply_line1")}</p>
            </div>
        </div>

        {include "../../modules/footer.block.tpl"}
    </div>
</div>