<?php
// Prevent loading this file directly
defined( 'ABSPATH' ) || exit;
?>
<style>
ul.tabs {
    background: #2c3e50 none repeat scroll 0 0;
    border-bottom: 5px solid #e67e22;
    list-style: outside none none;
    margin: 0;
    padding: 0;
}
ul.tabs li {
    color: #ffffff;
    cursor: pointer;
    display: inline-block;
    font-size: 1.2em;
    line-height: 2em;
    margin: 0;
    padding: 10px 20px 5px;
}
ul.tabs li:hover {
    background: #d35400 none repeat scroll 0 0;
}
ul.tabs li.current {
    background: #e67e22 none repeat scroll 0 0;
    color: #ffffff;
}
.tab-content {
    background: #ededed none repeat scroll 0 0;
    display: none;
    line-height: 1.4;
    padding: 15px;
}
.tab-content.current {
    display: inherit;
}
@media only screen and ( max-width: 400px ) {
    ul.tabs li {
        display: block;
    }
}
</style>

<div id="the-list">
    <div id="horizontalTab">
        <ul class="tabs">
            <li class="tab-link current" data-tab="tab-1">Plugins</li>
        </ul>
   </div>
<?php $dir_url = EMPLOYEE_SPOTLIGHT_PLUGIN_URL; ?>
 <div class="tab-content current"  id="tab-1"><div class="emd-plugin-card" style="width:100%;max-width: 320px;">
	<div class="emd-plugin-card-top" style="">
		<div class="name column-name">
			<h4 class="emd-plugin-title" style="height:24px"><a class="thickbox" href="https://emdplugins.com/plugins/software-issue-manager-wordpress-plugin/?pk_source=plugins-page&pk_medium=plugin&pk_campaign=software-issue-manager-pluginspage&pk_content=plugin-title">Software Issue Manager</a></h4>
		</div>
		<div class="img-caption">
			<img alt="Software Issue Manager" height="200" src="<?php echo esc_url($dir_url) . 'assets/img/addons/sim-arch-320x200.gif';?>" style="width:100%" title="Software Issue Manager">
			<p class="desc column-description">The Best WordPress<br> Issue and Project Management Plugin</p>
		</div>
	</div>
	<div class="emd-plugin-card-bottom">
		<a class="button-primary" href="https://emdplugins.com/plugins/software-issue-manager-wordpress-plugin/?pk_source=plugins-page&pk_medium=plugin&pk_campaign=software-issue-manager-pluginspage&pk_content=plugin-primary-button" title="Software Issue Manager">Get it Now</a>
		<a class="button-secondary" href="https://downloads.wordpress.org/plugin/software-issue-manager.zip/?pk_source=plugins-page&pk_medium=plugin&pk_campaign=software-issue-manager-pluginpage&pk_content=plugin-secondary-button" title="Software Issue Manager">Download Starter</a>
	</div>
</div><div class="emd-plugin-card" style="width:100%;max-width: 320px;">
	<div class="emd-plugin-card-top" style="">
		<div class="name column-name">
			<h4 class="emd-plugin-title" style="height:24px"><a class="thickbox" href="https://emdplugins.com/plugins/wp-ticket-wordpress-plugin/?pk_source=plugins-page&pk_medium=plugin&pk_campaign=wp-ticket-pluginspage&pk_content=plugin-title">WP Ticket</a></h4>
		</div>
		<div class="img-caption">
			<img alt="WP Ticket" height="200" src="<?php echo esc_url($dir_url) . 'assets/img/addons/wpticket-arch-320x200.gif';?>" style="width:100%" title="WP Ticket">
			<p class="desc column-description">The Easiest and Most Powerful<br> Customer Support and HelpDesk<br> WordPress Plugin</p>
		</div>
	</div>
	<div class="emd-plugin-card-bottom">
		<a class="button-primary" href="https://emdplugins.com/plugins/wp-ticket-wordpress-plugin/?pk_source=plugins-page&pk_medium=plugin&pk_campaign=wp-ticket-pluginspage&pk_content=plugin-primary-button" title="WP Ticket">Get it Now</a>
		<a class="button-secondary" href="https://downloads.wordpress.org/plugin/wp-ticket.zip/?pk_source=plugins-page&pk_medium=plugin&pk_campaign=wp-ticket-pluginpage&pk_content=plugin-secondary-button" title="WP Ticket">Download Starter</a>
	</div>
</div><div class="emd-plugin-card" style="width:100%;max-width: 320px;">
	<div class="emd-plugin-card-top" style="">
		<div class="name column-name">
			<h4 class="emd-plugin-title" style="height:24px"><a class="thickbox" href="https://emdplugins.com/plugins/youtube-showcase-wordpress-plugin/?pk_source=plugins-page&pk_medium=plugin&pk_campaign=youtube-showcase-pluginspage&pk_content=plugin-title">YouTube Showcase</a></h4>
		</div>
		<div class="img-caption">
			<img alt="YouTube Showcase" height="200" src="<?php echo esc_url($dir_url) . 'assets/img/addons/youtubesc-arch-320x200.gif';?>" style="width:100%" title="YouTube Showcase">
			<p class="desc column-description">The Best WordPress<br> YouTube Video Gallery and Management Plugin</p>
		</div>
	</div>
	<div class="emd-plugin-card-bottom">
		<a class="button-primary" href="https://emdplugins.com/plugins/youtube-showcase-wordpress-plugin/?pk_source=plugins-page&pk_medium=plugin&pk_campaign=youtube-showcase-pluginspage&pk_content=plugin-primary-button" title="YouTube Showcase">Get it Now</a>
		<a class="button-secondary" href="https://downloads.wordpress.org/plugin/youtube-showcase.zip/?pk_source=plugins-page&pk_medium=plugin&pk_campaign=youtube-showcase-pluginpage&pk_content=plugin-secondary-button" title="YouTube Showcase">Download Starter</a>
	</div>
</div><div class="emd-plugin-card" style="width:100%;max-width: 320px;">
	<div class="emd-plugin-card-top" style="">
		<div class="name column-name">
			<h4 class="emd-plugin-title" style="height:24px"><a class="thickbox" href="https://emdplugins.com/plugins/wp-easy-contact-wordpress-plugin/?pk_source=plugins-page&pk_medium=plugin&pk_campaign=wp-easy-contact-pluginspage&pk_content=plugin-title">WP Easy Contact</a></h4>
		</div>
		<div class="img-caption">
			<img alt="WP Easy Contact" height="200" src="<?php echo esc_url($dir_url) . 'assets/img/addons/wpcontact-arch-320x200.gif';?>" style="width:100%" title="WP Easy Contact">
			<p class="desc column-description">The Best WordPress<br>Contact Management Plugin</p>
		</div>
	</div>
	<div class="emd-plugin-card-bottom">
		<a class="button-primary" href="https://emdplugins.com/plugins/wp-easy-contact-wordpress-plugin/?pk_source=plugins-page&pk_medium=plugin&pk_campaign=wp-easy-contact-pluginspage&pk_content=plugin-primary-button" title="WP Easy Contact">Get it Now</a>
		<a class="button-secondary" href="https://downloads.wordpress.org/plugin/wp-easy-contact.zip/?pk_source=plugins-page&pk_medium=plugin&pk_campaign=wp-easy-contact-pluginpage&pk_content=plugin-secondary-button" title="WP Easy Contact">Download Starter</a>
	</div>
</div><div class="emd-plugin-card" style="width:100%;max-width: 320px;">
	<div class="emd-plugin-card-top" style="">
		<div class="name column-name">
			<h4 class="emd-plugin-title" style="height:24px"><a class="thickbox" href="https://emdplugins.com/plugins/employee-directory-wordpress-plugin/?pk_source=plugins-page&pk_medium=plugin&pk_campaign=employee-directory-pluginspage&pk_content=plugin-title">Employee Directory</a></h4>
		</div>
		<div class="img-caption">
			<img alt="Employee Directory" height="200" src="<?php echo esc_url($dir_url) . 'assets/img/addons/emddir-arch-300x200.gif';?>" style="width:100%" title="Employee Directory">
			<p class="desc column-description">The Best WordPress<br> Employee Directory Plugin</p>
		</div>
	</div>
	<div class="emd-plugin-card-bottom">
		<a class="button-primary" href="https://emdplugins.com/plugins/employee-directory-wordpress-plugin/?pk_source=plugins-page&pk_medium=plugin&pk_campaign=employee-directory-pluginspage&pk_content=plugin-primary-button" title="Employee Directory">Get it Now</a>
		<a class="button-secondary" href="https://downloads.wordpress.org/plugin/employee-directory.zip/?pk_source=plugins-page&pk_medium=plugin&pk_campaign=employee-directory-pluginpage&pk_content=plugin-secondary-button" title="Employee Directory">Download Starter</a>
	</div>
</div><div class="emd-plugin-card" style="width:100%;max-width: 320px;">
	<div class="emd-plugin-card-top" style="">
		<div class="name column-name">
			<h4 class="emd-plugin-title" style="height:24px"><a class="thickbox" href="https://emdplugins.com/plugins/employee-spotlight-wordpress-plugin/?pk_source=plugins-page&pk_medium=plugin&pk_campaign=employee-spotlight-pluginspage&pk_content=plugin-title">Employee Spotlight</a></h4>
		</div>
		<div class="img-caption">
			<img alt="Employee Spotlight" height="200" src="<?php echo esc_url($dir_url) . 'assets/img/addons/spotlight-arch-300x200.png';?>" style="width:100%" title="Employee Spotlight">
			<p class="desc column-description">The Most Powerful and Easiest<br> WordPress Team Management Plugin</p>
		</div>
	</div>
	<div class="emd-plugin-card-bottom">
		<a class="button-primary" href="https://emdplugins.com/plugins/employee-spotlight-wordpress-plugin/?pk_source=plugins-page&pk_medium=plugin&pk_campaign=employee-spotlight-pluginspage&pk_content=plugin-primary-button" title="Employee Spotlight">Get it Now</a>
		<a class="button-secondary" href="https://downloads.wordpress.org/plugin/employee-spotlight.zip/?pk_source=plugins-page&pk_medium=plugin&pk_campaign=employee-spotlight-pluginpage&pk_content=plugin-secondary-button" title="Employee Spotlight">Download Starter</a>
	</div>
</div><div class="emd-plugin-card" style="width:100%;max-width: 320px;">
	<div class="emd-plugin-card-top" style="">
		<div class="name column-name">
			<h4 class="emd-plugin-title" style="height:24px"><a class="thickbox" href="https://emdplugins.com/plugins/knowledge-center-wordpress-plugin/?pk_source=plugins-page&pk_medium=plugin&pk_campaign=knowledge-center-pluginspage&pk_content=plugin-title">Knowledge Center</a></h4>
		</div>
		<div class="img-caption">
			<img alt="Knowledge Center" height="200" src="<?php echo esc_url($dir_url) . 'assets/img/addons/kcenter-arch-300x200.gif';?>" style="width:100%" title="Knowledge Center">
			<p class="desc column-description">The Best WordPress<br> Knowledge Base Management Plugin</p>
		</div>
	</div>
	<div class="emd-plugin-card-bottom">
		<a class="button-primary" href="https://emdplugins.com/plugins/knowledge-center-wordpress-plugin/?pk_source=plugins-page&pk_medium=plugin&pk_campaign=knowledge-center-pluginspage&pk_content=plugin-primary-button" title="Knowledge Center">Get it Now</a>
		<a class="button-secondary" href="https://downloads.wordpress.org/plugin/knowledge-center.zip/?pk_source=plugins-page&pk_medium=plugin&pk_campaign=knowledge-center-pluginpage&pk_content=plugin-secondary-button" title="Knowledge Center">Download Starter</a>
	</div>
</div><div class="emd-plugin-card" style="width:100%;max-width: 320px;">
	<div class="emd-plugin-card-top" style="">
		<div class="name column-name">
			<h4 class="emd-plugin-title" style="height:24px"><a class="thickbox" href="https://emdplugins.com/plugins/wp-easy-events-wordpress-plugin/?pk_source=plugins-page&pk_medium=plugin&pk_campaign=wp-easy-events-pluginspage&pk_content=plugin-title">WP Easy Events</a></h4>
		</div>
		<div class="img-caption">
			<img alt="WP Easy Events" height="200" src="<?php echo esc_url($dir_url) . 'assets/img/addons/wpee-arch-300x200.gif';?>" style="width:100%" title="WP Easy Events">
			<p class="desc column-description">The Best<br> WordPress Event Management<br>and Ticketing Plugin</p>
		</div>
	</div>
	<div class="emd-plugin-card-bottom">
		<a class="button-primary" href="https://emdplugins.com/plugins/wp-easy-events-wordpress-plugin/?pk_source=plugins-page&pk_medium=plugin&pk_campaign=wp-easy-events-pluginspage&pk_content=plugin-primary-button" title="WP Easy Events">Get it Now</a>
		<a class="button-secondary" href="https://downloads.wordpress.org/plugin/wp-easy-events.zip/?pk_source=plugins-page&pk_medium=plugin&pk_campaign=wp-easy-events-pluginpage&pk_content=plugin-secondary-button" title="WP Easy Events">Download Starter</a>
	</div>
</div><div class="emd-plugin-card" style="width:100%;max-width: 320px;">
	<div class="emd-plugin-card-top" style="">
		<div class="name column-name">
			<h4 class="emd-plugin-title" style="height:24px"><a class="thickbox" href="https://emdplugins.com/plugins/campus-directory-wordpress-plugin/?pk_source=plugins-page&pk_medium=plugin&pk_campaign=campus-directory-pluginspage&pk_content=plugin-title">Campus Directory</a></h4>
		</div>
		<div class="img-caption">
			<img alt="Campus Directory" height="200" src="<?php echo esc_url($dir_url) . 'assets/img/addons/campusdir-arch-300x200.png';?>" style="width:100%" title="Campus Directory">
			<p class="desc column-description">The Best WordPress Campus Directory Solution<br>for Higher Education Institutions</p>
		</div>
	</div>
	<div class="emd-plugin-card-bottom">
		<a class="button-primary" href="https://emdplugins.com/plugins/campus-directory-wordpress-plugin/?pk_source=plugins-page&pk_medium=plugin&pk_campaign=campus-directory-pluginspage&pk_content=plugin-primary-button" title="Campus Directory">Get it Now</a>
		<a class="button-secondary" href="https://downloads.wordpress.org/plugin/campus-directory.zip/?pk_source=plugins-page&pk_medium=plugin&pk_campaign=campus-directory-pluginpage&pk_content=plugin-secondary-button" title="Campus Directory">Download Starter</a>
	</div>
</div><div class="emd-plugin-card" style="width:100%;max-width: 320px;">
	<div class="emd-plugin-card-top" style="">
		<div class="name column-name">
			<h4 class="emd-plugin-title" style="height:24px"><a class="thickbox" href="https://emdplugins.com/plugins/request-a-quote-wordpress-plugin/?pk_source=plugins-page&pk_medium=plugin&pk_campaign=request-a-quote-pluginspage&pk_content=plugin-title">Request a quote</a></h4>
		</div>
		<div class="img-caption">
			<img alt="Request a quote" height="200" src="<?php echo esc_url($dir_url) . 'assets/img/addons/request-a-quote-arch-320x200.gif';?>" style="width:100%" title="Request a quote">
			<p class="desc column-description">The Best Quoting Software<br>for WordPress</p>
		</div>
	</div>
	<div class="emd-plugin-card-bottom">
		<a class="button-primary" href="https://emdplugins.com/plugins/request-a-quote-wordpress-plugin/?pk_source=plugins-page&pk_medium=plugin&pk_campaign=request-a-quote-pluginspage&pk_content=plugin-primary-button" title="Request a quote">Get it Now</a>
		<a class="button-secondary" href="https://downloads.wordpress.org/plugin/request-a-quote.zip/?pk_source=plugins-page&pk_medium=plugin&pk_campaign=request-a-quote-pluginpage&pk_content=plugin-secondary-button" title="Request a quote">Download Starter</a>
	</div>
</div></div>

</div>
    <!-- Responsive Tabs JS -->
    
    <script type="text/javascript">
        jQuery(document).ready(function ($) {
	$('ul.tabs li').click(function(){
		var tab_id = $(this).attr('data-tab');

		$('ul.tabs li').removeClass('current');
		$('.tab-content').removeClass('current');

		$(this).addClass('current');
		$("#"+tab_id).addClass('current');
	})
        });
    </script>
