
<?php 
if ( ! defined( 'ABSPATH' ) ) exit; // Exit if accessed directly 
?>

<style>
.awl_filter_gallery_page_sr-doc-page .welcome-panel-content {
	padding:30px;
}
.awl_filter_gallery_page_sr-doc-page .postbox {
	margin-top:30px;
}
.awl_filter_gallery_page_sr-doc-page .postbox-header {
	padding:12px;
}
.awl_filter_gallery_page_sr-doc-page .pfg-btn {
    border-radius: 0 !important;
    padding-left: 11px !important;
    background-color: #cd2757 !important;
    border-color: #cd2757 !important;
    font-weight: 500;
}
</style>
<div class="postbox ">
	<div class="postbox-header ">
	<h2> Welcome to Portfolio Filter Gallery Plugin Docs </h2>
	</div>
	<div class="inside">
	
	<iframe width="611" height="360" src="https://www.youtube.com/embed/6rvJ9NN_kA0" title="Portfolio Filter Gallery WordPress Plugin - How To Use Portfolio Filter Gallery Plugin" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
	
	<p class="about-description"> Getting started with pluign - Follow steps to create & publish portfolio 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 - Add filters for gallery go to the plugin menu "Filters". <h3>
			<h3> Step 3 - Create A Gallery <h3>
			<p> Plugin has been installed on site. </p>
			<p> Now, go to the plugin menu "Portfolio Filter Gallery" and click on "Add New Portfolio Filter Gallery" page. </p>
			<p> Using "Add" Image button upload images through media library. Give image title, image link and use Control (Ctrl) key for add filters in gallery. </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>
			<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>[PFG id=162]</pre>
			<p> Here id = 162 is your gallery post id. </p>
			<hr>
			
			<p class="text-center">
				<br>
				<a href="http://awplife.com/account/signup/portfolio-filter-gallery" target="_blank" class="pfg-btn button-primary button-hero load-customize hide-if-no-customize"> Buy Premium Version </a>
				<a href="http://awplife.com/demo/portfolio-filter-gallery-premium/" target="_blank" class="pfg-btn button-primary button-hero load-customize hide-if-no-customize"> Check Live Demo </a>
				<a href="https://awplife.com/demo/portfolio-filter-gallery-premium/how-to-test-the-premium-plugin/" target="_blank" class="pfg-btn button-primary button-hero load-customize hide-if-no-customize"> Try Admin Demo </a>
			</p>
	</div>
</div>

	