<?php
/**
 * Tab Guide
 */

?>
<div id="tab-guide" class="col two-col panel flatsome-panel">
		
	<div class="cols">
		<div class="inner-panel success" style="border-left:4px solid #006799;">
			<h5 style="color: #006799">STEP 1</h5>
			<h3>Activate Theme</h3>
			<p>Install the plugins you want to use that are included with Flatsome.</p>
			<a href="<?php echo admin_url().'admin.php?page=flatsome-panel-plugins'; ?>" class="button">Add License</a>
		</div>

		<div class="inner-panel" style="border-left:4px solid #006799;">
			<h5 style="color: #006799">STEP 1</h5>
			<h3>Install and setup plugins</h3>
			<p>Install the plugins you want to use that are included with Flatsome.</p>
			<a href="<?php echo admin_url().'admin.php?page=flatsome-panel-plugins'; ?>" class="button">Install Plugins</a>
			<a href="#" class="button" title="Video Guide">&#9658;</a>
		</div>


		<div class="inner-panel" style="border-left:4px solid #006799;">
			<h5 style="color: #006799">STEP 2</h5>
			<h3>Import Demo Data</h3>
			<p>Import Demo Data to get started quickly with Flatsome.</p>
			<a href="<?php echo admin_url().'themes.php?page=pt-one-click-demo-import'; ?>" class="button">Import Demo Data</a>
			<a href="#" class="button" title="Video Guide">&#9658;</a>
		</div>
	</div>

	<div class="cols">

		<div class="inner-panel" style="border-left:4px solid #006799;">
			<h5 style="color: #006799">STEP 3</h5>
			<h3>Setup Homepage and Blog</h3>
			<p>Select a page you want to use as homepage.</p>
			<a href="<?php echo admin_url().'options-reading.php'; ?>" class="button">Setup Blog and Homepage</a>
			<a href="#" class="button" title="Video Guide">&#9658;</a>
		</div>

		<div class="inner-panel" style="border-left:4px solid #006799;">
			<h5 style="color: #006799">STEP 4</h5>
			<h3>Assign Menus</h3>
			<p>Click here to setup menus. Learn more about menus <a hfer="#">here </a></p>
			<a href="<?php echo admin_url().'nav-menus.php'; ?>" class="button">Assign Menus</a>
			<a href="#" class="button" title="Video Guide">&#9658;</a>
		</div>

		<div class="inner-panel" style="border-left:4px solid #006799;">
			<h5 style="color: #006799">STEP 5</h5>
			<h3>Change Header Style</h3>
			<p>Now it's time to start customizing the header.</p>
			<a href="<?php echo admin_url().'customize.php?url=&autofocus%5Bpanel%5D=header-presets'; ?>" class="button">Header Presets</a> <a href="#" class="button" title="Video Guide">&#9658;</a>
		</div>

	</div>
	<div class="cols">
		<div class="inner-panel">
			<h3>Start Customizing!</h3>
			<p>Now it's time to start customizing the style of the page.</p>
			<a href="<?php echo admin_url().'customize.php'; ?>" class="button button-primary">Open Customizer</a>
		</div>

		<div class="inner-panel">
			<h3>Need more help?</h3>
			<p>We have created many video tutorials to get you started with creating your site.</p>
			<a href="https://uxthemes.helpscoutdocs.com" class="button" style="margin-right: 5px;">Theme Documentation</a>
			<a href="https://docs.woocommerce.com/documentation/plugins/woocommerce/" class="button">WooCommerce Documentation</a>
		</div>
	</div>
</div>