<div class="wrap about-wrap full-width-layout qlwrap">
	<div class="has-2-columns is-wider-left" style="max-width: 100%">
		<div class="column">
			<div class="welcome-header">
				<h1><?php printf( '<i class="dashicons dashicons-awards"></i> %s', __( 'Premium', 'quadmenu' ) ); ?></h1>
				<div class="about-description">
					<?php esc_html_e( 'Unlock the power of our premium mega menu plugin which offers you a variety of unique elements that allow you to highlight your website over the competitors and provide an standout navigability for your users.', 'quadmenu' ); ?>
				</div>
			</div>
			<hr/>
			<div class="feature-section" style="margin: 15px 0;">
				<h3><?php esc_html_e( 'Customizer', 'quadmenu' ); ?></h3>
				<p>
					<?php esc_html_e( 'With the premium version, you\'ll receive a full integration with the live theme customizer dashboard. ', 'quadmenu' ); ?>
				</p>
				<p>
					<?php esc_html_e( 'This is a very powerfull feature if you will include this plugin in your themes project, as this allows you and your end users to tweak all menu color scheme or layout settings and see the effect of that changes in real time.', 'quadmenu' ); ?>
				</p>
			</div>
		</div>
		<div class="column">
			<img src="<?php echo QUADMENU_PLUGIN_URL; ?>assets/backend/img/screenshot.png">
		</div>
	</div>
	<hr/>
	<div class="has-2-columns is-wider-right" style="max-width: 100%">
		<div class="column">
			<img style="box-shadow: 0px 0px 20px 2px rgb(0,0,0,0.05);" src="<?php echo QUADMENU_PLUGIN_URL; ?>assets/backend/img/tabs.jpg">
		</div>
		<div class="column">
			<div class="feature-section" style="margin: 15px 0;">
			<h3><?php esc_html_e( 'Tabs', 'quadmenu' ); ?></h3>
			<p>
				<?php printf( __( 'With the tabs, you can <a href="%s">create a tab mega menu</a> where you can include widgets or any kind of content available in your menu dashboard.', 'quadmenu' ), 'https://quadmenu.com/documentation/content/tabs/?utm_source=quadmenu_admin' ); ?>
			</p>
			<p>
				<?php esc_html_e( 'This element is allows you to set a custom background for the whole dropdown and handle the title, icons, badges and subtitles on each tab.', 'quadmenu' ); ?>
			</p>
			</div>
		</div>
	</div>
	<hr/>
	<div class="has-2-columns is-wider-left" style="max-width: 100%">
		<div class="column">
			<div class="feature-section" style="margin: 15px 0;">
				<h3><?php esc_html_e( 'Carousel', 'quadmenu' ); ?></h3>
				<p>
					<?php printf( __( 'Our carousel element allows you to create a <a href="%s">carousel mega menu</a> where you can include widgets or any kind of content available in your menu dashboard.', 'quadmenu' ), 'https://quadmenu.com/documentation/content/carousel/?utm_source=quadmenu_admin' ); ?>
				</p>
				<p>
					<?php printf( __( 'This element is also available for <a href="%s">categories and archives items</a> and lets you create a carousel of the latest\'s post, products, pages and any post type available in your site.', 'quadmenu' ), 'https://quadmenu.com/documentation/content/archives/?utm_source=quadmenu_admin' ); ?>
				</p>
			</div>
		</div>
		<div class="column">
			<img style="box-shadow: 0px 0px 20px 2px rgb(0,0,0,0.05);" src="<?php echo QUADMENU_PLUGIN_URL; ?>assets/backend/img/carousel.jpg">
		</div>
	</div>
	<hr/>
	<div class="has-2-columns is-wider-right" style="max-width: 100%">
		<div class="column">
			<img style="box-shadow: 0px 0px 20px 2px rgb(0,0,0,0.05);" src="<?php echo QUADMENU_PLUGIN_URL; ?>assets/backend/img/login.jpg">
		</div>
		<div class="column">
			<div class="feature-section" style="margin: 15px 0;">
				<h3><?php esc_html_e( 'Login', 'quadmenu' ); ?></h3>
				<p>
					<?php printf( __( 'The user login element provides your menu with a <a href="%s">login and register form</a> that is displayed in a drop-down. Recently we\'ve improved this feature to include a drop-down menu for logged in users where you can display any link and a quick access to the user account.', 'quadmenu' ), 'https://quadmenu.com/documentation/content/login/?utm_source=quadmenu_admin' ); ?>
				</p>
			</div>
		</div>
	</div>
	<hr/>
	<div class="has-2-columns is-wider-left" style="max-width: 100%">
		<div class="column">
				<div class="feature-section" style="margin: 15px 0;">
				<h3><?php esc_html_e( 'Social', 'quadmenu' ); ?></h3>
				<p>
					<?php esc_html_e( 'The social icons element allow you to include a list of social networks icons with links. There is a mode called toggle that shows an icon in the main menu that toggles the list when the user makes a click and other mode called embed that displays the entire icons list.', 'quadmenu' ); ?>
				</p>
			</div>
		</div>
		<div class="column">
			<img style="box-shadow: 0px 0px 20px 2px rgb(0,0,0,0.05);" src="<?php echo QUADMENU_PLUGIN_URL; ?>assets/backend/img/social.jpg">
		</div>
	</div>
	<hr/>
	<div class="quadmenu-admin-box-text quadmenu-admin-box-three">
		<h3><?php esc_html_e( 'Personal', 'quadmenu' ); ?></h3>
		<p>
			<?php printf( __( 'The single or personal license allows you to install %s in one site, receive the premium support for six month and lifetime updates.', 'quadmenu' ), QUADMENU_PLUGIN_NAME ); ?>
		</p>
		<a class="button button-primary" href="<?php echo QUADMENU_DEMO_URL; ?>" target="_blank"><?php esc_html_e( 'Purchase Now', 'quadmenu' ); ?></a>
	</div>
	<div class="quadmenu-admin-box-text quadmenu-admin-box-three">
		<h3><?php esc_html_e( 'Agency', 'quadmenu' ); ?></h3>
		<p>
			<?php printf( __( 'The single or personal license allows you to install %s in one site, receive the premium support for six month and lifetime updates.', 'quadmenu' ), QUADMENU_PLUGIN_NAME ); ?>
		</p>
		<a class="button button-primary" href="<?php echo QUADMENU_DEMO_URL; ?>" target="_blank"><?php esc_html_e( 'Purchase Now', 'quadmenu' ); ?></a>
	</div>
	<div class="quadmenu-admin-box-text quadmenu-admin-box-three quadmenu-admin-box-last">
		<h3><?php esc_html_e( 'Developer', 'quadmenu' ); ?></h3>
		<p>
			<?php printf( __( 'The single or personal license allows you to install %s in one site, receive the premium support for six month and lifetime updates.', 'quadmenu' ), QUADMENU_PLUGIN_NAME ); ?>
		</p>
		<a class="button button-primary" href="<?php echo QUADMENU_DEMO_URL; ?>" target="_blank"><?php esc_html_e( 'Purchase Now', 'quadmenu' ); ?></a>
	</div>
</div>
