<div class="ekit-onboard-main-header">
    <h1 class="ekit-onboard-main-header--title"><?php echo \ElementsKit_Lite\Utils::kses(__('Upgrade within the next </br> <strong>2 hours</strong> and get a <strong>40% Discount.</strong>', 'elementskit-lite')); ?></h1>
</div>
<div class="ekit-onboard-pro-features">
    <h2><?php echo esc_html__('ElementsKit', 'elementskit-lite'); ?> <span><?php echo esc_html__('PRO', 'elementskit-lite'); ?></span></h2>

    <ul class="ekit-onboard-modules">
        <li><img src="<?php echo self::get_url(); ?>assets/images/onboard/module-icon-01.png" alt=""><span><?php echo esc_html__('Header & Footer Builder', 'elementskit-lite'); ?></span></li>
        <li><img src="<?php echo self::get_url(); ?>assets/images/onboard/module-icon-02.png" alt=""><span><?php echo esc_html__('Megamenu Builder', 'elementskit-lite'); ?></span></li>
        <li><img src="<?php echo self::get_url(); ?>assets/images/onboard/module-icon-03.png" alt=""><span><?php echo esc_html__('Advanced Tab', 'elementskit-lite'); ?></span></li>
        <li><img src="<?php echo self::get_url(); ?>assets/images/onboard/module-icon-04.png" alt=""><span><?php echo esc_html__('Parallax Effect', 'elementskit-lite'); ?></span></li>
        <li><img src="<?php echo self::get_url(); ?>assets/images/onboard/module-icon-05.png" alt=""><span><?php echo esc_html__('Social Feeds', 'elementskit-lite'); ?></span></li>
        <li><img src="<?php echo self::get_url(); ?>assets/images/onboard/module-icon-06.png" alt=""><span><?php echo esc_html__('More Addons & Modules', 'elementskit-lite'); ?></span></li>
    </ul>
    <ul class="ekit-onboard-module-meta">
        <li><i class="icon icon-tick"></i> <?php echo esc_html__('45+ Pre-designed Header & Footer Templates', 'elementskit-lite'); ?></li>
        <li><i class="icon icon-tick"></i> <?php echo esc_html__('35+ Ready Pages', 'elementskit-lite'); ?></li>
        <li><i class="icon icon-tick"></i> <?php echo esc_html__('500+ Ready Sections', 'elementskit-lite'); ?></li>
    </ul>

    <a href="https://wpmet.com/plugin/elementskit/pricing/?promo=onboard-coupon" target="_blank" class="attr-btn attr-btn-primary ekit-pro-btn"><?php echo esc_html__('Explore PRO', 'elementskit-lite'); ?> <i class="icon icon-arrow-right"></i></a>
</div>

<div class="ekit-onboard-pagination">
    <a class="ekit-onboard-btn ekit-onboard-pagi-btn prev" href="#"><i class="icon icon-arrow-left"></i><?php echo esc_html__('Back', 'elementskit-lite'); ?></a>
    <a class="ekit-onboard-btn ekit-onboard-pagi-btn next" href="#"><?php echo esc_html__('Next Step', 'elementskit-lite'); ?></a>
</div>

<div class="ekit-onboard-shapes">
    <img src="<?php echo self::get_url(); ?>assets/images/onboard/shape-14.png" alt="" class="shape-14">
    <img src="<?php echo self::get_url(); ?>assets/images/onboard/shape-15.png" alt="" class="shape-15">
    <img src="<?php echo self::get_url(); ?>assets/images/onboard/shape-18.png" alt="" class="shape-18">
    <img src="<?php echo self::get_url(); ?>assets/images/onboard/shape-19.png" alt="" class="shape-19">
</div>