<!-- *** Matrix add-ons pricing table 01 *** -->
<div class="is-matrix bg-grey add-30 slide-up-hover h-overflow">
    <h1 class="size-20">
        Professional
    </h1>

    <p>
        This is professional package design
    </p>

    <p class="has-large-text weight-600">
        €60
    </p>

    <div class="line slim-line bg-white is-fullwidth">
    </div>

    <div class="pricing-items add-top-25 add-btm-25 weight-500">
        <div class="fa fa-check add-top-20">
        </div>
        Branding Design<br />

        <div class="fa fa-check add-top-20">
        </div>
        Theme installation<br />

        <div class="fa fa-check add-top-20">
        </div>
        24/7 Support<br />
    </div>
    <a class="hs-button bg-round" href="https://www.matrix-themes.com/add-ons/" target="">Get started</a>
</div>

<!-- *** Matrix add-ons pricing table 02 *** -->
<div class="is-matrix bg-primary color-white add-30 slide-up-hover h-overflow">
    <h1 class="size-20">
        Enterprise
    </h1>

    <p>
        This is enterprise package design
    </p>

    <p class="has-large-text weight-600">
        €90
    </p>

    <div class="line slim-line bg-white is-fullwidth">
    </div>

    <div class="pricing-items add-top-25 add-btm-25 weight-500">
        <div class="fa fa-check add-top-20">
        </div>
        Branding Design<br />

        <div class="fa fa-check add-top-20">
        </div>
        Theme installation<br />

        <div class="fa fa-check add-top-20">
        </div>
        24/7 Support<br />

        <div class="fa fa-check add-top-20">
        </div>
        Ultimate widgets<br />

        <div class="fa fa-check add-top-20">
        </div>
        Play of columns <span class="opacity-6 add-5">New!</span><br />
    </div>
    <a class="hs-button bg-round ghost-white" href="https://www.matrix-themes.com/add-ons/" target="">Get started</a>
</div>

<!-- *** Matrix add-ons pricing table 03 *** -->
<div class="is-matrix bg-primary-dark color-white add-30 slide-up-hover h-overflow">
    <h1 class="size-20">
        Advanced
    </h1>

    <p>
        This is enterprise package design
    </p>

    <p class="has-large-text weight-600">
        €150
    </p>

    <div class="line slim-line bg-white is-fullwidth">
    </div>

    <div class="pricing-items add-top-25 add-btm-25 weight-500">
        <div class="fa fa-check add-top-20">
        </div>
        Branding Design<br />

        <div class="fa fa-check add-top-20">
        </div>
        Theme installation<br />

        <div class="fa fa-check add-top-20">
        </div>
        24/7 Support<br />

        <div class="fa fa-check add-top-20">
        </div>
        Ultimate widgets<br />

        <div class="fa fa-check add-top-20">
        </div>
        Play of columns <span class="bg-primary add-5">New!</span><br />
    </div>
    
    <a class="hs-button bg-round ghost-white" href="https://www.matrix-themes.com/add-ons/" target="">Get started</a>
</div>

<!-- *** Matrix add-ons pricing table 04 *** -->
<div class="is-matrix bg-white add-30 h-overflow mid-round" style="border:1px solid #f0f0f0;">
    <div class="is-matrix bg-grey add-20">
        <h1 class="size-20 weight-500">
            Professional
        </h1>

        <div class="pricing-items add-top-25 add-btm-25 weight-500">
            <div class="fa fa-check add-top-20">
            </div>
            Branding Design<br />

            <div class="fa fa-check add-top-20">
            </div>
            Theme installation<br />

            <div class="fa fa-check add-top-20">
            </div>
            24/7 Support<br />
        </div>

        <p class="has-large-text weight-500">
            €60
        </p>
    </div>
    <br />
     <a class="hs-button mid-round" href="http://www.matrix-themes.com/" target="">Get started</a>
</div>

<!-- *** Matrix add-ons pricing table 05 *** -->
<div class="is-matrix bg-grey add-30 mid-round center-align">
    <h1 class="size-20 weight-500">
        Professional
    </h1>

    <p class="add-top-20 add-btm-20">
        This is professional package design
    </p>

    <center>
        <div class="line small-line bg-secondary">
        </div>
    </center>

    <p class="add-top-20 add-btm-20">
        Duis arcu tortor, suscipit eget, imperdiet nec, imperdiet iaculis, ipsum. Vivamus laoreet. Vestibulum suscipit nulla quis orci.
    </p>

    <p class="has-large-text weight-500">
        €60
    </p>
    <!-- ************* rounded button ************* -->
    <a class="hs-button bg-round ghost-dark" href="http://www.matrix-themes.com/" target="">Get started</a>
</div>

<!-- *** Matrix add-ons pricing table 06 *** -->
<div class="is-matrix add-20 bg-dark color-white">
    <center>
        <h1 class="has-large-text">
            €60
        </h1>

        <p>
            Professional package
        </p>
    </center>
</div>

<div class="pricing-items add-20 bg-grey add-top-25 add-btm-25 weight-400">
    <center>
        <!-- ************* Custom links style 1 ************* -->

        <div class="links">
            <ul>
                <li>Lorem ipsum dolor sit amet
                </li>

                <li>Lorem ipsum dolor sit amet
                </li>

                <li>Lorem ipsum dolor sit amet
                </li>

                <li>Lorem ipsum dolor sit amet
                </li>

                <li>Lorem ipsum dolor sit amet
                </li>
            </ul>
        </div>
        <br />
        <a class="hs-button weight-500 ghost-dark" style="padding: 18px 25px;" href="http://www.matrix-themes.com/templates/" target="">Get started<svg viewbox="0 0 24 24" focusable="false" role=
        "presentation" class="is-arrow">
        <path fill="none" stroke-linejoin="bevel" stroke="currentcolor" stroke-width="3" stroke-linecap="square" d="M12 3l9 9-9 9m-9-9h16.714H3z">
        </path></svg></a>
    </center>
</div>

<!-- *** Matrix add-ons pricing table 07 *** -->
<div class="is-matrix bg-grey add-20 rel">
    <div class="is--flex">
        <div class="left-align add-right-20" style="border-right:1px solid;">
            <h1>
                Basic package
            </h1>

            <p>
                Basic package includes Vestibulum purus quam, scelerisque ut, mollis sed, nonummy id, metus. Cras dapibus. Nam pretium turpis et arcu. Nam quam nunc, blandit vel, luctus pulvinar,
                hendrerit id, lorem.
            </p>
        </div>

        <div class="is--right add-10">
            <p class="add-right-10">
                starting from
            </p>

            <p class="has-large-text weight-500">
                €60
            </p>
        </div>
    </div>
    <a class="div-link" href="https://www.matrix-themes.com/" target="_top"></a>
</div>