<?php
if ( ! defined( 'ABSPATH' ) ) {
	exit; // Exit if accessed directly
}
?>
<div class="wrap">
<div id="welcome-panel" class="welcome-panel">
	<div class="welcome-panel-content">
		<h1><?php esc_html_e( 'Welcome To Grid Gallery Plugin Docs', 'new-grid-gallery' ); ?></h1>
		<p class="about-description"><?php esc_html_e( 'Getting started with pluign - Follow steps to create & publish gallery', 'new-grid-gallery' ); ?></p>
		<hr>

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