<div class="wrap">
	<div id="welcome-panel" class="welcome-panel">
		<div class="welcome-panel-content">
			<h1>Welcome to Image Gallery Plugin Docs</h1>
			<p class="about-description">Getting started with pluign - Follow steps to create & publish gallery</p>
			<hr>

			<h3>Step 1 - Install & Activate Plugin<h3>
			<p>After downloaded plugin from WordPress.</p>
			<p>Login to your WordPress site upload the plugin, install and activate.</p>
			
			<h3>Step 2 - Create A Gallery<h3>
			<p>Plugin has been installed on site.</p>
			<p>Now, go to the plugin's menu "New Image Gallery" and click on "Add Image Gallery" page.</p>
			<p>Using "Add Image" button upload images through media library.</p>
			<p>Set gallery setting like Thumbnail Quality & Size, Coulmns Layout, Light Box Style, Hover Effect, Spacing, Order and Custom CSS etc according to you.</p>
			<p>Finally click on "Publish" button to create gallery.</p>
			
			<h3>Step 3 - Display Gallery On Site<h3>
			<p>Our gallery shortcode has been created in last step.</p>
			<p>Copy the heighlighted shortcode above the gallery setting.
			<p>Now create a new Page / Post and paste the copied gallery shortcode into content part.</p>
			<p>Publish the Page / Post and view the page for gallery display.</p>
			<pre>[IMG-Gal id=4]</pre>
			<p>Here id = 4 is your gallery post id.</p>
			<hr>
		</div>
		<div class="welcome-panel-content">
			
			<p class="">
				<h1><strong>Early Bird Offer:</strong> Upgrade To Premium Just In Half Prise <strike>$15</strike> <strong>$10</strong></h1>
				<br>
				<a href="https://awplife.com/wordpress-plugins/image-gallery-premium/" target="_blank" class="button button-primary button-hero load-customize hide-if-no-customize">Premium Version Details</a>
				<a href="https://awplife.com/demo/image-gallery-premium/" target="_blank" class="button button-primary button-hero load-customize hide-if-no-customize">Check Live Demo</a>
				<a href="https://awplife.com/demo/image-gallery-premium-admin-demo/" target="_blank" class="button button-primary button-hero load-customize hide-if-no-customize">Try Premium Version</a>
			</p>
		</div>
	</div>
</div>