<?php

//////////////////////////////////////////////////////////////
//===========================================================
// sitepad_theme.php
//===========================================================
// SOFTACULOUS 
// Version : 1.1
// Inspired by the DESIRE to be the BEST OF ALL
// ----------------------------------------------------------
// Started by: Alons
// Date:       10th Jan 2009
// Time:       21:00 hrs
// Site:       http://www.softaculous.com/ (SOFTACULOUS)
// ----------------------------------------------------------
// Please Read the Terms of use at http://www.softaculous.com
// ----------------------------------------------------------
//===========================================================
// (c)Softaculous Inc.
//===========================================================
//////////////////////////////////////////////////////////////

if(!defined('SOFTACULOUS')){

	die('Hacking Attempt');

}


function sitepad_overview_theme(){
	
global $insid, $user, $__settings, $globals, $software, $iscripts, $soft, $theme, $error, $l, $SESS, $sitepad_plans, $user_sitepad;
	
	softheader(__('$0 - SitePad', array($globals['sn'])));
	
// SitePad new editor alert	
if(!empty($user_sitepad['apikey']) && empty($user_sitepad['no_new_editor_alert']) && can_show_sitepad()){
	
	$editor = $globals['sm_brand_editor'];
	if(empty($editor)){
		$editor = (empty($globals['sm_brand']) ? 'SitePad' : '').' Editor';
	}
	
	echo '				
<script>
$(document).ready(function(){
	$("#newEditorModal").modal();
});

function dismiss_new_editor_alert(){
	
	return $.ajax({
		url: "'.$globals['index'].'act=sitepad_overview&no_new_editor_alert=1&api=json",
		type: "GET",
		dataType: "json",
		success:function(data){
			$("#newEditorModal").modal("hide");
		}
	});
	
};

</script>

<!-- Modal -->
<div class="modal fade" id="newEditorModal" tabindex="-1" role="dialog" aria-labelledby="newEditorModalTitle" aria-hidden="true">
	<div class="modal-dialog modal-dialog-centered" role="document">
		<div class="modal-content">
			<div class="modal-header">
				<h5 class="modal-title" style="display: inline-block;">'.lang_vars_name(__('New $editor'), array('editor' => $editor)).'</h5>
				<button type="button" class="close" data-dismiss="modal" aria-label="Close">
					<span aria-hidden="true">&times;</span>
				</button>
			</div>
			<div class="modal-body">
				'.lang_vars_name(__("Hi,<br><br>

<p>Firstly, let us thank you for using <b>$editor</b>.<br>
We have released a <b>new</b> version of $editor which allows you to store all your files and data on your hosting account. It will also enable us to give you <b>E-Commerce solutions</b> in the future.<br><br>

Your existing $editor data is completely safe. Unfortunately, it will not be possible to migrate the data from the old $editor to this new software. You can continue to use the old editor by clicking the <b>Access Old Editor</b> button on this page.<br><br>

We do request you to use the <b>new $editor</b> for your new sites, as e-commerce will be available only in the new version. All themes in the previous $editor have been ported to the new version of our software, and we will also be adding 100's of new themes along with 1-click e-commerce solutions.<br><br>

Regards,<br>
$editor Team
</p>"), array('editor' => $editor)).'
			</div>
			<div class="modal-footer">
				<a href="'.$globals['index'].'act=sitepad"><span class="btn btn-info" role="button">'.__('Access Old Editor').'</span></a>
				<button type="button" class="btn btn-primary" onclick="dismiss_new_editor_alert()">'.__("Don't Show Again").'</button>
				<button type="button" class="btn btn-secondary" data-dismiss="modal">'.__('Close').'</button>
			</div>
		</div>
	</div>
</div>';
			
}
	
	$num_themes = '360+';
	
	echo '<style>

	.spicons-backgrounds{
		box-shadow:0 10px 20px 0 #F2F2F2;
	}

	.spicons-background{
		background-color: #3F51B5;
		border-radius: 100px;
		width: 75px;
		height: 75px;
		margin: 0 auto;
	}

	.smeicons, .smeicons-before::before{
		margin: -6px 0 0;
	}

	.spicons{
		color: #ffffff;
		font-size: 32px;
		margin : 20px auto;
	}

	.feature-wrap{
		box-shadow: 0 10px 20px 0 #F2F2F2;
		height: 240px;
		padding: 20px;
	}

	.feature-wrap .feature-title{
		color: #333333;
		font-family: Poppins;
		font-size: 24px;
		font-weight:500;
	}

	.feature-wrap .feature-title{
		color: #333333;
		font-family: Poppins;
		font-size: 24px;
		font-weight:500;
	}

	.feature-wrap .feature-content{
		color:#6c757d;
		font-family: Poppins;
		font-size: 14px;
	}
	
	.sitepad_getstarted_but {
		padding:10px 25px;
		font-weight:500;
		text-align:center;
		font-size: 14px;
		color: #FFFFFF !important;
		background-color: #2ED8B6 !important;
		text-decoration:none !important;
	}

	.sitepad_getstarted_but a{
		text-decoration: none;
		color:#fff;
		display:block;
	}
	.sitepad_getstarted_but:hover{
		background-color: #59e0c5;
	}
	
	.sitepad-old-but{
		display:inline-block;
		padding:10px 25px;
		font-weight:500;
		text-align:center;
		font-size: 15px;
		color: #FFFFFF !important;
		background-color: #4099FF !important;
		text-decoration: none !important;
	}
	
	.plans_heading{
		background: #00B249;
		color: #FFFFFF !important;
		font-size: 24px !important;
	}
	.plans_price{
		background: #33C16D;
		color: #FFFFFF !important;
		font-size: 20px !important;
		line-height: 45%;
	}
	.head_span{
		border-bottom: 1px solid #fff;
	}
	.most_popular{
		background: #FA9300 !important;
	}

	.buy_button{
		font-size: 16px;
		padding: 5px 30px;
		line-height: 25px;
		background: #FA9300 !important;
		color: #FFFFFF !important;
		border: 0px;
		cursor: pointer;
		text-decoration:none !important;
	}
	.buy_button:hover{
		background: #D77E00 !important;
	}

	.pricing_tab ul{
		border: 1px solid rgba(0, 0, 0, 0.14);
		box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14);
		margin-top: -1px;
	}
	.pricing_tab{
		padding: 10px;
		width: 25%;
		padding-top: 0px;
	}
	.pricing_tab li {
		border-bottom: 1px solid rgba(0, 0, 0, 0.05);
		color: #737373;
		margin-bottom: 0;
		padding: 20px;
		text-align: center;
		list-style-type: none;
		font-size: 16px;
	}
	.pricing_tab ul {
		padding: 0;
	}
	.plan_highlight{
		width:25%;
	}
	.tab{
		display: inline-flex;
		width: 100%;
	}
	
	</style>
	
	<script>
	
	function toggle_plans(){
		$("#sitepad_plans").toggle("100");
	}
	
	</script>
	
	<link rel="stylesheet" type="text/css" href="'.$theme['url'].'/css/smeicons.css" />
	<div class="bg"><br />
	
		<div class="row mt-2 sai_main_head" style="width:100%;" align="center">
			<div class="col-12 col-8 text-center" style="padding:0px 10px 0 0; text-align:right;">
				<img src="'.$theme['images'].'sitepad_32.gif" class="mr-2"/>SitePad '.__('Website Builder').'</div>
		</div><hr>
		
		<div class="row mt-2">
			<div id="carousel-generic" class="carousel slide carousel-fade" data-ride="carousel">
				
				<!-- Indicators -->
				<ol class="carousel-indicators">
					<li data-target="#carousel-generic" data-slide-to="0" class="active"></li>
					<li data-target="#carousel-generic" data-slide-to="1"></li>
					<li data-target="#carousel-generic" data-slide-to="2"></li>
				</ol>

				<!-- Wrapper for slides -->
				<div class="carousel-inner" role="listbox">
				
					<div class="carousel-item active">
						<img src="'.$theme['images'].'sitepad_banner.jpg" class="img-responsive d-block w-100" alt="SitePad Website Builder">
						<div class="carousel-caption content" style="margin-right : 25% !important; left:5% !important; text-shadow:none !important; top: 5%">
							<h2 style="color:#FFFFFF;"><font size="15px">SitePad '.__('Website Builder').'</font></h2>
							<p style="color:#FFFFFF; !important">'.__('Build Professional websites using an Easy to Use Editor and Publish static web pages').'<br />
							'.$num_themes.' '.__('Responsive Themes which cover a wide range of categories like Blog, Business, Portfolio, Restaurants, Travel and many more').' <br /><br />
							'.__('80+ Widgets like Image/Video Slider, Image Galleries, Rich Text, Video, Audio, Service Box, Google Maps, Contact Form, Social Media and many more to help you build your website').'<br /></p>
						</div>
					</div>
					
					<div class="carousel-item">
						<img src="'.$theme['images'].'themes_collection.jpg" class="img-responsive d-block w-100" alt="Themes Collection">
						<div class="carousel-caption content" style="margin-right : 25% !important;margin-bottom:2% !important; left:5% !important; text-shadow:none !important;">
							<h2 style="color:#000000;"><font size="15px">'.$num_themes.' '.__('Professional Themes').'</font></h2>
							<p style="color:#000000; !important">'.__('Want to make a blogging site or website for your Business or Restaurant, we have themes to cater all your needs by covering wide range of categories like Blog, Business, Portfolio, Restaurants, Travel and many more !! ').'<br /><br />'.__('All the Themes are Responsive, styles and look can be customized from the Website Editor').'</p>
						</div>
					</div>
					
					<div class="carousel-item">
						<img src="'.$theme['images'].'sitepad_widget.jpg" class="img-responsive d-block w-100" alt="SitePad Widget">
						<div class="carousel-caption content" style="margin-left : 22% !important;margin-bottom:2% !important; right:5% !important; text-shadow:none !important;">
							<h2 style="color:#fff;"><font size="15px">'.__('80+ Awesome Widgets').'</font></h2>
							<p style="color:#fff;">'.__('Add an Image/Video Slider to your website using Sliders Widget, add long text using Rich Text, Quote your content using the Quotes widget, add Social Media features using Social Media widget or build Graphs and Pie charts using the Charts widget.').'<br /><br />
							'.__('Build your website using simple Drag and Drop widgets like Image/Video Slider, Image Galleries, Rich Text, Video, Audio, Service Box, Google Maps, Contact Form, Social Media Buttons, Call To Action, Grid Gallery and many more!! ').'</p>
						</div>
					</div>
				
				</div>
				
			</div>
		</div>
		<br /><br />
		
		<div class="row mt-2" align="center">
			<div class="col-sm-12 col-xs-12">
				<a href="'.$globals['ind'].'act=software&soft=4" class="sitepad_getstarted_but mr-2">
					<span>'.__('Get Started').'</span>
				</a>
				<a target="_blank" onClick="toggle_plans(); return false;" class="sitepad_getstarted_but mr-2" style="cursor:pointer;">
					<span>'.__('View Plans').'</span>
				</a>
				'.(!empty($user_sitepad['apikey']) ? '
				<a href="'.$globals['ind'].'act=sitepad" class="sitepad-old-but mt-4 mt-md-0">
					'.__('Access Old Editor').'
				</a>' : '').'
			</div>
		</div>
		
		<div id="sitepad_plans" class="text-center mt-5" style="display:none;">
			<h3 class="orange text-center">'.__('Plans').'</h3>
			<hr class="sai_main_head_hr mx-auto"/>
			<div class="row text-center mt-4">';
		
		foreach($sitepad_plans as $slug => $plan){
			
			echo '			
				<div class="col-12 mt-3 mt-md-0 col-md-3" id="'.$slug.'">
					<div class="plan">
						<div class="plan-type py-3">							
							<span class="plan-price" data-price="'.$plan['price'].'">'.(empty($plan['price']) ? 'No Cost' : '$'.$plan['price'].'/Year').'</span>
							<h3 class="head_span mt-2">'.$plan['name'].'</h3>
						</div>
						<div class="plan-features py-3">
							<span class="d-block my-3 features">'.(empty($plan['themes']) ? __('Unlimited') : $plan['themes']).' Themes</span>
							<span class="d-block my-3 features">'.(empty($plan['sites']) ? __('Unlimited') : $plan['sites']).' Site'.($plan['sites'] != 1 ? 's' : '').' *</span>
							<span class="d-block my-3 features">'.(empty($plan['pages']) ? __('Unlimited') : $plan['pages']).' Pages'.(empty($plan['pages']) ? '' : ' per site').'</span>
							<span class="d-block my-3 features">'.__('Unlimited').' Blog Posts</span>
							<span class="d-block my-3 features">'.__('Download Sites').' '.(!empty($plan['download_sites']) ? '<span class="fas fa-check fa-lg" style="color:#00B249;"></span>' : '<span class="fas fa-times fa-lg" style="color:#D41B27;"></span>').'</span>
							<span class="d-block my-4 features">
								<a href="'.$globals['ind'].'act=software&soft=4" target="_blank" class="btn sai-plan-btn">'.__('Get Started').'</a>
							</span>
						</div>						
					</div>					
				</div>';
		}
		
			echo '</div>
			<div class="text-center mt-3">
				<span class="soft-notice">* '.__('If your license expires, your site will continue to work, but you will not be able to edit your site').'</span>
			</div>
		</div>
		<div class="features-block p-2">
			<div id="top_feature" class="mt-4 text-center">			
				<h2 class="orange text-center">'.__('Features').'</h2>
				<hr class="style-two sai_main_head_hr mx-auto" />		
				<div class="row mt-2">
					<div class="col-12 col-sm-6 col-md-4 col-xl-4 p-3">
						<div class="feature-wrap text-center">
							<div class="spicons-background d-block">
								<span class="fas fa-download fa-2x spicons">
								</span>
							</div>
							<h4 class="mt-2 feature-title">'.__('One Click Publish').'</h4>
							<p class="feature-content">'.__('Just pick a theme, customize the content add images, audio, videos and click <b>Publish</b>').'</p>
						</div>
					</div>			
					<div class="col-12 col-sm-6 col-md-4 col-xl-4 p-3">
						<div class="feature-wrap text-center">
							<div class="spicons-background">
								<span class="far fa-image fa-2x spicons"></span>
							</div>
							<h4 class="mt-2 feature-title">'.$num_themes.' '.__('Themes').'</h4>
							<p class="feature-content">'.$num_themes.' '.__('Ready to Use themes to use as a base to start building your website').'</p>
						</div>
					</div>			
					<div class="col-12 col-sm-6 col-md-4 col-xl-4 p-3">
						<div class="feature-wrap text-center">
							<div class="spicons-background">
								<span class="fas fa-th fa-2x spicons"></span>
							</div>
							<h4 class="mt-2 feature-title">'.__('80+ Widgets') .'</h4>
							<p class="feature-content">'.__('Easy to use Image/Video Slider, Image Galleries, Rich Text, Video, Audio, Service Box, Google Maps and more') .'</p>
						</div>
					</div>
				</div>
				
				<div class="row mt-2">
					<div class="col-12 col-sm-6 col-md-4 col-xl-4 p-3">
						<div class="feature-wrap text-center">
							<div class="spicons-background">
								<span class="fas fa-paste fa-2x spicons"></span>
							</div>
							<h4 class="mt-2 feature-title">'.__('Responsive').'</h4>
							<p class="feature-content">'.__('Websites created by SitePad are responsive and compatible with all screen sizes').'</p>
						</div>
					</div>
					<div class="col-12 col-sm-6 col-md-4 col-xl-4 p-3">
						<div class="feature-wrap text-center">
							<div class="spicons-background">
								<span class="fas fa-file-alt fa-2x spicons"></span>
							</div>
							<h4 class="mt-2 feature-title">'.__('Cache System').'</h4>
							<p class="feature-content">'.__('Pages and Blog articles are served from static cache, so your site performs faster').'</p>
						</div>
					</div>
					<div class="col-12 col-sm-6 col-md-4 col-xl-4 p-3">
						<div class="feature-wrap text-center">
							<div class="spicons-background">
								<span class="fas fa-check fa-2x spicons"></span>
							</div>
							<h4 class="mt-2 feature-title">'.__('Easy to Use').'</h4>
							<p class="feature-content">'.__('Simple Drag and Drop Interface to create beautiful websites without any technical knowledge').'</p>
						</div>
					</div>
				</div>
			</div>
			<div id="all_feature">
				<div id="feature_sec">			
					<div class="row mt-2">
						<div class="col-12 col-sm-6 col-md-4 col-xl-4 p-3">
							<div class="feature-wrap text-center">
								<div class="spicons-background">
									<span class="fas fa-share-alt fa-2x spicons"></span>
								</div>
								<h4 class="mt-2 feature-title">'.__('Social Media').'</h4>
								<p class="feature-content">'.__('Add links to your social media pages like Facebook, Twitter, LinkedIn, YouTube & many more').'</p>
							</div>
						</div>
						<div class="col-12 col-sm-6 col-md-4 col-xl-4 p-3">
							<div class="feature-wrap text-center">
								<div class="spicons-background"><span class="fas fa-user fa-2x spicons"></span></div>
								<h4 class="mt-2 feature-title">'.__('Blog').'</h4>
								<p class="feature-content">'.__('Create a blog to publish new posts to your website regularly').'</p>
							</div>
						</div>
						<div class="col-12 col-sm-6 col-md-4 col-xl-4 p-3">
							<div class="feature-wrap text-center">
								<div class="spicons-background">
									<span class="fas fa-video fa-2x spicons"></span>
								</div>
								<h4 class="mt-2 feature-title">'.__('Media').'</h4>
								<p class="feature-content">'.__('Add images, audio and videos to your site and blog using the drag and drop interface').'</p>
							</div>
						</div>
					</div>
					
					<div class="row mt-2">
						<div class="col-12 col-sm-6 col-md-4 col-xl-4 p-3">
							<div class="feature-wrap text-center">
								<div class="spicons-background">
									<span class="far fa-copy fa-2x spicons"></span>
								</div>
								<h4 class="mt-2 feature-title">'.__('Replicate Objects').'</h4>
								<p class="feature-content">'.__('Replicate objects in the drag and drop editor interface to use your customizations multiple times').'</p>
							</div>
						</div>
						<div class="col-12 col-sm-6 col-md-4 col-xl-4 p-3">
							<div class="feature-wrap text-center">
								<div class="spicons-background">
									<span class="fas fa-random fa-2x spicons"></span>
								</div>
								<h4 class="mt-2 feature-title">'.__('Flexible').'</h4>
								<p class="feature-content">'.__('Create Pages, Blogs or both as per your requirement').'</p>
							</div>
						</div>
						<div class="col-12 col-sm-6 col-md-4 col-xl-4 p-3">
							<div class="feature-wrap text-center">
								<div class="spicons-background"><span class="fas fa-globe fa-2x spicons"></span></div>
								<h4 class="mt-2 feature-title">'.__('Multiple Sites').'</h4>
								<p class="feature-content">'.__('Create multiple sites each having different themes, appearences and content').'</p>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>

		<div id="all_widgets" class="mt-4 p-2 text-center">
			<h2 class="orange text-center">'.__('Widgets').'</h2>
			<hr class="style-two sai_main_head_hr" />
			<div class="row mt-2">
				<div class="col-12 col-sm-6 col-md-4 col-xl-4 p-3">
					<div class="feature-wrap text-center">
						<div class="spicons-background">
							<span class="smeicons fa-2x smeicons-before spicons smeicons-sm_heading">
							</span>
						</div>
						<h4 class="mt-2 feature-title">'.__('Title').'</h4>
						<p class="feature-content">'.__('Add a Title to your page to highlight your heading').'</p>
					</div>
				</div>
				<div class="col-12 col-sm-6 col-md-4 col-xl-4 p-3">
					<div class="feature-wrap text-center">
						<div class="spicons-background">
							<span class="smeicons fa-2x smeicons-before spicons smeicons-sm_text"></span>
						</div>
						<h4 class="mt-2 feature-title">'.__('Paragraph').'</h4>
						<p class="feature-content">'.__('Orgainse your text content by using the paragraph widget').'</p>
					</div>
				</div>
				<div class="col-12 col-sm-6 col-md-4 col-xl-4 p-3">
					<div class="feature-wrap text-center">
						<div class="spicons-background">
							<span class="smeicons fa-2x smeicons-before spicons smeicons-sm_code"></span>
						</div>
						<h4 class="mt-2 feature-title">'.__('Rich Text').'</h4>
						<p class="feature-content">'.__('Use Rich Text to add formatting to your content such as <b>bold</b>, <i>italics</i>, <u>underlining</u>, media & much more').'</p>
					</div>
				</div>
			</div>
			
			<div class="row mt-2">
				<div class="col-12 col-sm-6 col-md-4 col-xl-4 p-3">
					<div class="feature-wrap text-center">
						<div class="spicons-background">
							<span class="smeicons fa-2x smeicons-before spicons smeicons-sm_quote"></span>
						</div>
						<h4 class="mt-2 feature-title">'.__('Quote').'</h4>
						<p class="feature-content"'.__('Write your favourite quotes, defining you and give the authors name').'</p>
					</div>
				</div>
				<div class="col-12 col-sm-6 col-md-4 col-xl-4 p-3">
					<div class="feature-wrap text-center">
						<div class="spicons-background">
							<span class="smeicons fa-2x smeicons-before spicons smeicons-sm_list"></span>
						</div>
						<h4 class="mt-2 feature-title">'.__('List').'</h4>
						<p class="feature-content">'.__('Create ordered, unordered or custom list of items by using the List widget').'</p>
					</div>
				</div>
				<div class="col-12 col-sm-6 col-md-4 col-xl-4 p-3">
					<div class="feature-wrap text-center">
						<div class="spicons-background">
							<span class="smeicons fa-2x smeicons-before spicons smeicons-sm_icon"></span>
						</div>
						<h4 class="mt-2 feature-title">'.__('Icon').'</h4>
						<p class="feature-content">'.__('Add icons to your content from a wide range of Glyphicons and Font Awesome').'</p>
					</div>
				</div>
			</div>
			
			<div class="row mt-2">
				<div class="col-12 col-sm-6 col-md-4 col-xl-4 p-3">
					<div class="feature-wrap text-center">
						<div class="spicons-background"><span class="smeicons fa-2x smeicons-before spicons smeicons-sm_image"></span></div>
						<h4 class="mt-2 feature-title">'.__('Image').'</h4>
						<p class="feature-content">'.__('Use images to add visual/aesthetic appeal to your website').'</p>
					</div>
				</div>
				<div class="col-12 col-sm-6 col-md-4 col-xl-4 p-3">
					<div class="feature-wrap text-center">
						<div class="spicons-background">
							<span class="smeicons fa-2x smeicons-before spicons smeicons-sm_image_slider"></span>
						</div>
						<h4 class="mt-2 feature-title">'.__('Image Slider').'</h4>
						<p class="feature-content">'.__('Add image sliders to your website to make it look more dynamic and lively').'</p>
					</div>
				</div>
				<div class="col-12 col-sm-6 col-md-4 col-xl-4 p-3">
					<div class="feature-wrap text-center">
						<div class="spicons-background">
							<span class="smeicons fa-2x smeicons-before spicons smeicons-sm_grid_gallery">
							</span>
						</div>
						<h4 class="mt-2 feature-title">'.__('Grid Gallery').'</h4>
						<p class="feature-content">'.__('A grid gallery is the best way to showcase your images/portfolio').'</p>
					</div>
				</div>
			</div>
			
			<div class="row mt-2">
				<div class="col-12 col-sm-6 col-md-4 col-xl-4 p-3">
					<div class="feature-wrap text-center">
						<div class="spicons-background">
							<span class="smeicons fa-2x smeicons-before spicons smeicons-mpce_image_hotspot"></span>
						</div>
						<h4 class="mt-2 feature-title">'.__('Image Hotspot').'</h4>
						<p class="feature-content">'.__('Image Hotspot widget allows you to place an overlay of hotspot on your images').'</p>
					</div>
				</div>
				<div class="col-12 col-sm-6 col-md-4 col-xl-4 p-3">
					<div class="feature-wrap text-center">
						<div class="spicons-background">
							<span class="smeicons fa-2x smeicons-before spicons smeicons-sm_button">
							</span>
						</div>
						<h4 class="mt-2 feature-title">'.__('Button').'</h4>
						<p class="feature-content">'.__('Add button(s) to your website that users can click to lead them to appropriate destination from your site').'</p>
					</div>
				</div>
				<div class="col-12 col-sm-6 col-md-4 col-xl-4 p-3">
					<div class="feature-wrap text-center">
						<div class="spicons-background">
							<span class="smeicons fa-2x smeicons-before spicons smeicons-sm_button_group">
							</span>
						</div>
						<h4 class="mt-2 feature-title">'.__('Button Group').'</h4>
						<p class="feature-content">'.__('Create a group of buttons providing different actions for each one').'</p>
					</div>
				</div>
			</div>
			
			<div class="row mt-2">
				<div class="col-12 col-sm-6 col-md-4 col-xl-4 p-3">
					<div class="feature-wrap text-center">
						<div class="spicons-background">
							<span class="smeicons fa-2x smeicons-before spicons smeicons-sm_download_button">
							</span>
						</div>
						<h4 class="mt-2 feature-title">'.__('Download Button').'</h4>
						<p class="feature-content">'.__('Download Button can be used to lead the user to a Download link').'</p>
					</div>
				</div>
				<div class="col-12 col-sm-6 col-md-4 col-xl-4 p-3">
					<div class="feature-wrap text-center">
						<div class="spicons-background">
							<span class="smeicons fa-2x smeicons-before spicons smeicons-sm_social_buttons"></span>
						</div>
						<h4 class="mt-2 feature-title">'.__('Social Share Buttons').'</h4>
						<p class="feature-content">'.__('Social Share buttons allow users to share your content on their social media pages').'</p>
					</div>
				</div>
				<div class="col-12 col-sm-6 col-md-4 col-xl-4 p-3">
					<div class="feature-wrap text-center">
						<div class="spicons-background">
							<span class="smeicons fa-2x smeicons-before spicons smeicons-sm_wp_audio"></span>
						</div>
						<h4 class="mt-2 feature-title">'.__('Audio').'</h4>
						<p class="feature-content">'.__('Add audio to enliven and enrich your work, adding multi-media variety to your site').'</p>
					</div>
				</div>
			</div>
			
			<div class="row mt-2">
				<div class="col-12 col-sm-6 col-md-4 col-xl-4 p-3">
					<div class="feature-wrap text-center">
						<div class="spicons-background">
							<span class="smeicons fa-2x smeicons-before spicons smeicons-sm_video"></span>
						</div>
						<h4 class="mt-2 feature-title">'.__('Video').'</h4>
						<p class="feature-content">'.__('Add a Video to showcase a visual description of your product/company').'</p>
					</div>
				</div>
				<div class="col-12 col-sm-6 col-md-4 col-xl-4 p-3">
					<div class="feature-wrap text-center">
						<div class="spicons-background">
							<span class="smeicons fa-2x smeicons-before spicons smeicons-mpceva_video_slider"></span>
						</div>
						<h4 class="mt-2 feature-title">'.__('Video Slider').'</h4>
						<p class="feature-content">'.__('Video Slider allows you to embed multiple videos in a slideshow').'</p>
					</div>
				</div>
				<div class="col-12 col-sm-6 col-md-4 col-xl-4 p-3">
					<div class="feature-wrap text-center">
						<div class="spicons-background">
							<span class="smeicons fa-2x smeicons-before spicons smeicons-mpceva_video_lightbox"></span>
						</div>
						<h4 class="mt-2 feature-title">'.__('Video LightBox').'</h4>
						<p class="feature-content">'.__('Video LightBox allows you to embed videos on a page using lightbox overlay display').'</p>
					</div>
				</div>
			</div>
			
			<div class="row mt-2">
				<div class="col-12 col-sm-6 col-md-4 col-xl-4 p-3">
					<div class="feature-wrap text-center">
						<div class="spicons-background">
							<span class="smeicons fa-2x smeicons-before spicons smeicons-sm_service_box"></span>
						</div>
						<h4 class="mt-2 feature-title">'.__('Service Box').'</h4>
						<p class="feature-content">'.__('Use Service Box to add Image, Heading, Description and Button within a content area').'</p>
					</div>
				</div>
				<div class="col-12 col-sm-6 col-md-4 col-xl-4 p-3">
					<div class="feature-wrap text-center">
						<div class="spicons-background">
							<span class="smeicons fa-2x smeicons-before spicons smeicons-sm_tabs"></span>
						</div>
						<h4 class="mt-2 feature-title">'.__('Tabs').'</h4>
						<p class="feature-content">'.__('A single content area with multiple panels, each associated with a header in a list').'</p>
					</div>
				</div>
				<div class="col-12 col-sm-6 col-md-4 col-xl-4 p-3">
					<div class="feature-wrap text-center">
						<div class="spicons-background">
							<span class="smeicons fa-2x smeicons-before spicons smeicons-sm_accordion"></span>
						</div>
						<h4 class="mt-2 feature-title">'.__('Accordian').'</h4>
						<p class="feature-content">'.__('Display collapsible content panels for presenting information in a limited amount of space').'</p>
					</div>
				</div>
			</div>
			
			<div class="row mt-2">
				<div class="col-12 col-sm-6 col-md-4 col-xl-4 p-3">
					<div class="feature-wrap text-center">
						<div class="spicons-background">
							<span class="smeicons fa-2x smeicons-before spicons smeicons-sm_table"></span>
						</div>
						<h4 class="mt-2 feature-title">'.__('Table').'</h4>
						<p class="feature-content">'.__('A structured area to show all your related contents in rows and columns').'</p>
					</div>
				</div>
				<div class="col-12 col-sm-6 col-md-4 col-xl-4 p-3">
					<div class="feature-wrap text-center">
						<div class="spicons-background">
							<span class="smeicons fa-2x smeicons-before spicons smeicons-sm_cta"></span>
						</div>
						<h4 class="mt-2 feature-title">'.__('Call to Action').'</h4>
						<p class="feature-content">'.__('Solicit an action from the user by using call to action widget').'</p>
					</div>
				</div>
				<div class="col-12 col-sm-6 col-md-4 col-xl-4 p-3">
					<div class="feature-wrap text-center">
						<div class="spicons-background">
							<span class="smeicons fa-2x smeicons-before spicons smeicons-sm_modal"></span>
						</div>
						<h4 class="mt-2 feature-title">'.__('Modal').'</h4>
						<p class="feature-content">'.__('Show your text/media content above the main content window').'</p>
					</div>
				</div>
			</div>
			
			<div class="row mt-2">
				<div class="col-12 col-sm-6 col-md-4 col-xl-4 p-3">
					<div class="feature-wrap text-center">
						<div class="spicons-background">
							<span class="smeicons fa-2x smeicons-before spicons smeicons-sm_popup"></span>
						</div>
						<h4 class="mt-2 feature-title">'.__('Splash Screen').'</h4>
						<p class="feature-content">'.__('Capture your users attention at their visit by using visual and multimedia effects on a splash screen').'</p>
					</div>
				</div>
				<div class="col-12 col-sm-6 col-md-4 col-xl-4 p-3">
					<div class="feature-wrap text-center">
						<div class="spicons-background">
							<span class="smeicons fa-2x smeicons-before spicons smeicons-sm_space"></span>
						</div>
						<h4 class="mt-2 feature-title">'.__('Space').'</h4>
						<p class="feature-content">'.__('Create vertical space between two elements, make your content look aesthetic').'</p>
					</div>
				</div>
				<div class="col-12 col-sm-6 col-md-4 col-xl-4 p-3">
					<div class="feature-wrap text-center">
						<div class="spicons-background">
							<span class="smeicons fa-2x smeicons-before spicons smeicons-sm_embed"></span>
						</div>
						<h4 class="mt-2 feature-title">'.__('Embed').'</h4>
						<p class="feature-content">'.__('Embed HTML code using the Embed widget').'</p>
					</div>
				</div>
			</div>
			
			<div class="row mt-2">
				<div class="col-12 col-sm-6 col-md-4 col-xl-4 p-3">
					<div class="feature-wrap text-center">
						<div class="spicons-background">
							<span class="smeicons fa-2x smeicons-before spicons smeicons-sm_google_chart">
							</span>
						</div>
						<h4 class="mt-2 feature-title">'.__('Chart').'</h4>
						<p class="feature-content">'.__('Show statistics related to your products or business using various types of charts available').'</p>
					</div>
				</div>
				<div class="col-12 col-sm-6 col-md-4 col-xl-4 p-3">
					<div class="feature-wrap text-center">
						<div class="spicons-background">
							<span class="smeicons fa-2x smeicons-before spicons smeicons-sm_google_map"></span>
						</div>
						<h4 class="mt-2 feature-title">'.__('Google Maps').'</h4>
						<p class="feature-content">'.__('Use Google Maps widget to show your business/office location').'</p>
					</div>
				</div>
				<div class="col-12 col-sm-6 col-md-4 col-xl-4 p-3">
					<div class="feature-wrap text-center">
						<div class="spicons-background">
							<span class="smeicons fa-2x smeicons-before spicons smeicons-mpce_countdown_timer"></span>
						</div>
						<h4 class="mt-2 feature-title">'.__('Countdown Timer').'</h4>
						<p class="feature-content">'.__('Use Countdown timer to add a countdown for your product release or any other event on your website').'</p>
					</div>
				</div>
			</div>
			
			<div class="row mt-2">
				<div class="col-12 col-sm-6 col-md-4 col-xl-4 p-3">
					<div class="feature-wrap text-center">
						<div class="spicons-background">
							<span class="smeicons fa-2x smeicons-before spicons smeicons-mpce_pta_pricing_table"></span>
						</div>
						<h4 class="mt-2 feature-title">'.__('Pricing Table').'</h4>
						<p class="feature-content">'.__('Showcase your products pricing & features with attractive table').'</p>
					</div>
				</div>
				<div class="col-12 col-sm-6 col-md-4 col-xl-4 p-3">
					<div class="feature-wrap text-center">
						<div class="spicons-background">
							<span class="smeicons fa-2x smeicons-before spicons smeicons-mpce_cfa_contact_form"></span>
						</div>
						<h4 class="mt-2 feature-title">'.__('Contact Form').'</h4>
						<p class="feature-content">'.__('Create a Contact Form to allow users to contact you to enquire about your products').'</p>
					</div>
				</div>
				<div class="col-12 col-sm-6 col-md-4 col-xl-4 p-3">
					<div class="feature-wrap text-center">
						<div class="spicons-background">
							<span class="smeicons fa-2x smeicons-before spicons smeicons-sm_site_title"></span>
						</div>
						<h4 class="mt-2 feature-title">'.__('Site Title').'</h4>
						<p class="feature-content">'.__('Give your website a Title using this widget').'</p>
					</div>
				</div>
			</div>
			
			<div class="row mt-2">
				<div class="col-12 col-sm-6 col-md-4 col-xl-4 p-3">
					<div class="feature-wrap text-center">
						<div class="spicons-background">
							<span class="smeicons fa-2x smeicons-before spicons smeicons-sm_primary_nav_menu"></span>
						</div>
						<h4 class="mt-2 feature-title">'.__('Primary Menu').'</h4>
						<p class="feature-content">'.__('Add a menu to allow users to navigate between pages on your site').'</p>
					</div>
				</div>
				<div class="col-12 col-sm-6 col-md-4 col-xl-4 p-3">
					<div class="feature-wrap text-center">
						<div class="spicons-background">
							<span class="smeicons fa-2x smeicons-before spicons smeicons-sm_posts_grid"></span>
						</div>
						<h4 class="mt-2 feature-title">'.__('Posts Grid').'</h4>
						<p class="feature-content">'.__('Create a content area to show all your posts').'</p>
					</div>
				</div>
				<div class="col-12 col-sm-6 col-md-4 col-xl-4 p-3">
					<div class="feature-wrap text-center">
						<div class="spicons-background">
							<span class="smeicons fa-2x smeicons-before spicons smeicons-sm_wp_pages"></span>
						</div>
						<h4 class="mt-2 feature-title">'.__('Pages').'</h4>
						<p class="feature-content">'.__('Shows all the pages in a content area on your website').'</p>
					</div>
				</div>
			</div>
			
			<div class="row mt-2">
				<div class="col-12 col-sm-6 col-md-4 col-xl-4 p-3">
					<div class="feature-wrap text-center">
						<div class="spicons-background">
							<span class="smeicons fa-2x smeicons-before spicons smeicons-sm_wp_posts"></span>
						</div>
						<h4 class="mt-2 feature-title">'.__('Recent Posts').'</h4>
						<p class="feature-content">'.__('Show all your recent posts on your page').'</p>
					</div>
				</div>
				<div class="col-12 col-sm-6 col-md-4 col-xl-4 p-3">
					<div class="feature-wrap text-center">
						<div class="spicons-background">
							<span class="smeicons fa-2x smeicons-before spicons smeicons-sm_wp_calendar"></span>
						</div>
						<h4 class="mt-2 feature-title">'.__('Calendar').'</h4>
						<p class="feature-content">'.__('Calendar widget shows all the posts monthwise').'</p>
					</div>
				</div>
				<div class="col-12 col-sm-6 col-md-4 col-xl-4 p-3">
					<div class="feature-wrap text-center">
						<div class="spicons-background">
							<span class="smeicons fa-2x smeicons-before spicons smeicons-sm_posts_slider"></span>
						</div>
						<h4 class="mt-2 feature-title">'.__('Posts Slider').'</h4>
						<p class="feature-content">'.__('Use Posts Slider to showcase all your posts in a slider').'</p>
					</div>
				</div>
			</div>
			
			<div class="row mt-2">
				<div class="col-12 col-sm-6 col-md-4 col-xl-4 p-3">
					<div class="feature-wrap text-center">
						<div class="spicons-background">
							<span class="smeicons fa-2x smeicons-before spicons smeicons-sm_wp_categories"></span>
						</div>
						<h4 class="mt-2 feature-title">'.__('Categories').'</h4>
						<p class="feature-content">'.__('Shows all your posts category wise').'</p>
					</div>
				</div>
				<div class="col-12 col-sm-6 col-md-4 col-xl-4 p-3">
					<div class="feature-wrap text-center">
						<div class="spicons-background">
							<span class="smeicons fa-2x smeicons-before spicons smeicons-sm_wp_archives"></span>
						</div>
						<h4 class="mt-2 feature-title">'.__('Archives').'</h4>
						<p class="feature-content">'.__('Show all your records in an archive').'</p>
					</div>
				</div>
				<div class="col-12 col-sm-6 col-md-4 col-xl-4 p-3">
					<div class="feature-wrap text-center">
						<div class="spicons-background">
							<span class="smeicons fa-2x smeicons-before spicons smeicons-sm_wp_tagcloud "></span>
						</div>
						<h4 class="mt-2 feature-title">'.__('Tag Cloud').'</h4>
						<p class="feature-content">'.__('A Tag Cloud shows the posts on the basis of tags used in the post').'</p>
					</div>
				</div>
			</div>
		</div>
		<br /><br />
		
		<div class="row mt-2" align="center">
			<div class="col-sm-12 col-xs-12">
				<a href="'.$globals['ind'].'act=software&soft=4" target="_blank" style="text-decoration:none;">
					<span class="sitepad_getstarted_but">'.__('Get Started').'</span>
				</a>
			</div>
		</div>
		<br /><br /><br />
	</div>
</div>';
	
	softfooter();

}
