<div class="ekit-onboard-main-header">
	<?php
		$step5_title = __( 'Upgrade within the next </br> <strong>2 hours</strong> and get a <strong>20% Discount.</strong>', 'elementskit-lite' );
	?>
	<h1 class="ekit-onboard-main-header--title"><?php echo wp_kses( $step5_title, \ElementsKit_Lite\Utils::get_kses_array() ); ?></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 esc_url(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 esc_url(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 esc_url(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 esc_url(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 esc_url(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 esc_url(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__( 'Complete Setup', 'elementskit-lite' ); ?></a>
</div>

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