#I LOVE YOU EVERDAY#

<h2 class="title-small color-red">Unlock the premium vault</h2>
    <div class="description">
        You can ease your web development by unlocking</br> 
        <span class="big">7+ premium features</span> and <span class="big">50+ widgets.</span>
    </div>
    
    <div class="feature-wrap">
        <h3>Premium features awaiting you:</h3>
        <div class="flex-list">
            <div class="promo-item">
                <img src="<?php echo HAPPY_ADDONS_ASSETS; ?>imgs/wizard/ic-cross-domain.svg" alt="">
                <div class="item-title">Cross domain<br><span class="red">copy</span><span class="blue">paste</span></div>
            </div>
            <div class="promo-item">
                <img src="<?php echo HAPPY_ADDONS_ASSETS; ?>imgs/wizard/ic-live-copy.svg" alt="">
                <div class="item-title">Happy<br><span class="red">live</span><span class="blue">copy</span></div>
            </div>
            <div class="promo-item">
                <img src="<?php echo HAPPY_ADDONS_ASSETS; ?>imgs/wizard/ic-section-nesting.svg" alt="">
                <div class="item-title">Unlimited<br><span class="red">section</span><span class="blue">Nesting</span></div>
            </div>
            <div class="promo-item">
                <img src="<?php echo HAPPY_ADDONS_ASSETS; ?>imgs/wizard/ic-conditional-display.svg" alt="">
                <div class="item-title"><span class="red">conditional</span><br><span class="blue">Display</span></div>
            </div>
            <div class="promo-item">
                <img src="<?php echo HAPPY_ADDONS_ASSETS; ?>imgs/wizard/ic-particle.svg" alt="">
                <div class="item-title">happy<br><span class="red">particle</span><span class="blue">effect</span></div>
            </div>
            <div class="promo-item more">
                <div class="item-title">2+ More...</div>
            </div>
        </div>
    </div>

<div class="widget-wrap">
        <h3>Widgets you’ll be getting in your toolbox:</h3>
        <div class="flex-list">
            <div class="promo-item">
                <img src="<?php echo HAPPY_ADDONS_ASSETS; ?>imgs/wizard/ic-menu-pack.svg" alt="">
                <div class="item-title">Menu pack</div>
                <p>Simple + mega +  off-canvas + one-page nav</p>
            </div>
            <div class="promo-item">
                <img src="<?php echo HAPPY_ADDONS_ASSETS; ?>imgs/wizard/ic-blog-pack.svg" alt="">
                <div class="item-title">Blog post<br>design pack</div>
            </div>
            <div class="promo-item">
                <img src="<?php echo HAPPY_ADDONS_ASSETS; ?>imgs/wizard/ic-woocommerce.svg" alt="">
                <div class="item-title">woocommerce<br>widget pack</div>
            </div>
            <div class="promo-item">
                <img src="<?php echo HAPPY_ADDONS_ASSETS; ?>imgs/wizard/ic-advanced-slider.svg" alt="">
                <div class="item-title">advanced<br>slider</div>
            </div>
            <div class="promo-item">
                <img src="<?php echo HAPPY_ADDONS_ASSETS; ?>imgs/wizard/ic-advanced-tab.svg" alt="">
                <div class="item-title">advanced<br>tab</div>
            </div>
            <div class="promo-item more">
                <div class="item-title">45+ More...</div>
            </div>
        </div>
    </div>

<ha-nav
    prev="features"
    next="contribute"
    bepro="bepro"
    @set-tab="setTab"
    ></ha-nav>
</div>