<?php
/* 
 * @author    ThemePunch <info@themepunch.com>
 * @link      https://www.themepunch.com/
 * @copyright 2017 ThemePunch
*/
 
if(!defined('ABSPATH')) exit();

?>

<div id="rev_addon_duotonefilters_settings_slideout" class="rs-sbs-slideout-wrapper" style="display:none">

	<div class="rs-sbs-header">
		<div class="rs-sbs-step"><i class="eg-icon-cog"></i></div>
		<div class="rs-sbs-title"><?php _e('DuotoneFilters Add-On', 'rs_duotonefilters'); ?></div>
		<div class="rs-sbs-close"><i class="eg-icon-cancel"></i></div>
	</div>
	
	<div class="tp-clearfix"></div>
	
	<div class="rs-sbs-slideout-inner">
		
		<h3><span>1</span> Enable the Duotone Filters Add-On from the <a href="<?php echo RS_DUOTONEFILTERS_PLUGIN_URL; ?>admin/assets/images/slider-settings-button.jpg" target="_blank">Slider Settings</a></h3>
		<img src="<?php echo RS_DUOTONEFILTERS_PLUGIN_URL; ?>admin/assets/images/tutorial0.jpg" />

		<h3><span>2</span> From the <a href="<?php echo RS_DUOTONEFILTERS_PLUGIN_URL; ?>admin/assets/images/slide_settings.jpg" target="_blank">Slide Settings</a>, visit the <a href="https://www.themepunch.com/wp-content/uploads/2016/10/instagram-filters.jpg" target="_blank">Filters section</a> and select a Duotone Filter.</h3>
		<img src="<?php echo RS_DUOTONEFILTERS_PLUGIN_URL; ?>admin/assets/images/tutorial1.jpg" />
		
		<h3>Example Before:</h3>
		<img src="<?php echo RS_DUOTONEFILTERS_PLUGIN_URL; ?>admin/assets/images/tutorial2.jpg" />
		
		<h3>Example After:</h3>
		<img src="<?php echo RS_DUOTONEFILTERS_PLUGIN_URL; ?>admin/assets/images/tutorial3.jpg" />
		<br><br>
		
	</div>
	
</div>