<?php
/**
 * Free VS Pro
 */
?>
<div id="free_vs_pro" class="bluestreet-tab-pane panel-close">
    <div class="pricing1">
		<div class="col-md-12 row">
			<div class="col-md-4 padding0">
				<div class="plan text-center">
					<header>
						<h2><?php echo esc_html_e('Features','bluestreet'); ?></h2>
					</header>
					<ul class="feature">
						<li>
							<span class="plan-feature"><i class="fa fa-check-circle-o green-icon"></i> <?php esc_html_e( 'Frontpage Sections','bluestreet' ); ?></span>
							<p><?php esc_html_e( 'You will find a number of sections on the front page.','bluestreet' ); ?></p>
						</li>
						<li>
							<span class="plan-feature"><i class="fa fa-check-circle-o green-icon"></i> <?php esc_html_e( 'Page Templates Support','bluestreet' ); ?></span>
							<p><?php esc_html_e( 'Various Page Templates included in the bluestreet Premium Theme','bluestreet' ); ?></p>
						</li>
						<li>
							<span class="plan-feature"><i class="fa fa-check-circle-o green-icon"></i> <?php esc_html_e( 'Mobile Friendly','bluestreet' ); ?></span>
							<p><?php esc_html_e( 'Responsive layout in all devices','bluestreet' ); ?></p>
						</li>
						<li>
							<span class="plan-feature"><i class="fa fa-check-circle-o green-icon"></i> <?php esc_html_e( 'Contact Form Support','bluestreet' ); ?></span>
						</li>
						<li>
							<span class="plan-feature"><i class="fa fa-check-circle-o green-icon"></i> <?php esc_html_e( 'SEO Friendly URL','bluestreet' ); ?></span>
							<p><?php esc_html_e( 'This feature allows you to rename the custom post type slug names in the URL.','bluestreet' ); ?></p>
						</li>
						<li>
							<span class="plan-feature"><i class="fa fa-check-circle-o green-icon"></i> <?php esc_html_e( 'Multiple Color Schemes','bluestreet' ); ?></span>
							<p><?php esc_html_e( 'Enjoy using the 13 preset color schemes. You can also create custom skins without adding any code.','bluestreet' ); ?></p>
						</li>
						<li>
							<span class="plan-feature"><i class="fa fa-check-circle-o green-icon"></i> <?php esc_html_e( 'Google Maps','bluestreet' ); ?></span>
							<p><?php esc_html_e( 'Display your Shop and Business location on your website using Google Maps.','bluestreet' ); ?></p>
						</li>
						<li>
							<span class="plan-feature"><i class="fa fa-check-circle-o green-icon"></i> <?php esc_html_e( 'Blog Feature','bluestreet' ); ?></span>
							<p><?php esc_html_e( 'Display your posts for specific category and show Excerpt/Full Content.','bluestreet' ); ?></p>
						</li>
						<li>
							<span class="plan-feature"><i class="fa fa-check-circle-o green-icon"></i> <?php esc_html_e( 'Portfolio','bluestreet' ); ?></span>
							<p><?php esc_html_e( 'Present your project/portfolio collection with 2 column, 3 column and 4 column layouts. You can also display your project/portfolio by category.','bluestreet' ); ?></p>
						</li>
						<li>
							<span class="plan-feature"><i class="fa fa-check-circle-o green-icon"></i> <?php esc_html_e( 'About Us Page','bluestreet' ); ?></span>
							<p><?php esc_html_e( 'Show team members, your clients and custom content added in the WordPress editor.','bluestreet' ); ?></p>
						</li>
						<li>
							<span class="plan-feature"><i class="fa fa-check-circle-o green-icon"></i> <?php esc_html_e( 'Services Page','bluestreet' ); ?></span>
							<p><?php esc_html_e( 'Show all your services in a single place.','bluestreet' ); ?></p>
						</li>
						<li>
							<span class="plan-feature"><i class="fa fa-check-circle-o green-icon"></i> <?php esc_html_e( 'Testimonial / Review Section','bluestreet' ); ?></span>
							<p><?php esc_html_e( 'Show user feedback on the Homepage and Services page.','bluestreet' ); ?></p>
						</li>
						<li>
							<span class="plan-feature"><i class="fa fa-check-circle-o green-icon"></i> <?php esc_html_e( 'WPML / Polylang Support','bluestreet' ); ?></span>
							<p><?php esc_html_e( 'With the help of WPML, you can make a Multilingual Website.','bluestreet' ); ?></p>
						</li>
						<li>
							<span class="plan-feature"><i class="fa fa-check-circle-o green-icon"></i> <?php esc_html_e( 'Support Forum','bluestreet' ); ?></span>
							<p><?php esc_html_e( 'Get instant 24/7 support on our Support Forum.','bluestreet' ); ?></p>
						</li>
					</ul><!-- /.features -->
				</div><!-- /.plan -->
			</div>
			<div class="col-md-4 padding0">
				<div class="plan text-center">
					<header>
						<h2><?php echo esc_html__('Free','bluestreet'); ?></h2>
					</header>
					<ul class="feature">
						<li style="font-size:16px; line-height:25px; padding:28px"><?php esc_html_e("Top Header, Banner, Services [3 Services], Portfolio, Latest News","bluestreet"); ?> </li>
						<li style="font-size:16px; line-height:25px; padding:28px"><?php esc_html_e('Homepage Template and Full-Width Page Template','bluestreet'); ?> </li>
						<li><span class="dashicons-before dashicons-yes green"></span></li>
						<li><span class="dashicons-before dashicons-yes green"></span></li>
						<li><span class="dashicons-before dashicons-no-alt red"></span></li>
						<li><span class="dashicons-before dashicons-no-alt red"></span></li>
						<li><span class="dashicons-before dashicons-no-alt red"></span></li>
						<li><span class="dashicons-before dashicons-no-alt red"></span></li>
						<li><span class="dashicons-before dashicons-no-alt red"></span></li>
						<li><span class="dashicons-before dashicons-no-alt red"></span></li>
						<li><span class="dashicons-before dashicons-no-alt red"></span></li>
						<li><span class="dashicons-before dashicons-no-alt red"></span></li>
						<li><span class="dashicons-before dashicons-no-alt red"></span></li>
						<li style="font-size:16px; line-height:80px; padding:15px;"><a href="<?php echo esc_url('https://wordpress.org/support/theme/bluestreet')?>" target="_blank" > <?php esc_html_e('WordPress Support Forum','bluestreet'); ?></a></li>	
					</ul><!-- /.features -->
				</div><!-- /.plan -->
			</div>
			<div class="col-md-4 padding0">
				<div class="plan text-center border-right">
					<header>
						<h2><?php echo esc_html_e('Pro','bluestreet'); ?></h2>
					</header>
					<ul class="feature">
						<li style="font-size:16px; line-height:25px; padding:19px"><?php esc_html_e("Top Header, Slider [Unlimited Slides], Services [Unlimited], Portfolio [Unlimited Projects], Testimonials, Latest News, Theme feature and Clients","bluestreet"); ?></li>
						<li style="font-size:16px; line-height:25px; padding:18px">
						<?php esc_html_e("About Us, Services, Portfolio, Blog Left & Right Sidebars, Blog Full Width, Page Full Width, Contact Page and much more.","bluestreet"); ?></li>
						<li><span class="dashicons-before dashicons-yes green"></span></li>
						<li><span class="dashicons-before dashicons-yes green"></span></li>
						<li><span class="dashicons-before dashicons-yes green"></span></li>
						<li><span class="dashicons-before dashicons-yes green"></span></li>
						<li><span class="dashicons-before dashicons-yes green"></span></li>
						<li><span class="dashicons-before dashicons-yes green"></span></li>
						<li><span class="dashicons-before dashicons-yes green"></span></li>
						<li><span class="dashicons-before dashicons-yes green"></span></li>
						<li><span class="dashicons-before dashicons-yes green"></span></li>
						<li><span class="dashicons-before dashicons-yes green"></span></li>
						<li><span class="dashicons-before dashicons-yes green"></span></li>
						<li style="font-size:16px; line-height:80px; padding:15px;"><a href="<?php echo esc_url('https://customers.freemius.com/login')?>" target="_blank">
						<?php esc_html_e('Support Forum','bluestreet'); ?></a></li>
					</ul><!-- /.features -->
				</div><!-- /.plan -->
			</div>
			<div class="clearfix"></div>
			<div class="offer-content clearfix">
				<div class="media pricing-content text-center padding10">
					<div class="media-body">
						<a href="<?php echo esc_url( 'https://webriti.com/wallstreet' ); ?>" target="_blank" class="btn btn-info btn-lg"><?php esc_html_e( 'Get PRO Version Now!','bluestreet' ); ?></a>
					</div>
				</div>
			</div>	
		</div>
	</div><!-- /.row -->
</div>