File: /python/moda/public_html/tech/old/templates/hostx/store/weebly/index.tpl
<link href="{assetPath file='store.css'}" rel="stylesheet">
<link href="{$WEB_ROOT}/templates/{$template}/store/css/store-custom.css" rel="stylesheet">
<div class="landing-page weebly">
<div class="hero top_banner_sections_ssl weebly-bck-img">
<div class="container">
<div class="row">
<div class="col-sm-6">
<h2>{lang key="store.websiteBuilder.headline"}</h2>
<h3>{lang key="store.websiteBuilder.tagline"}</h3>
</div>
<div class="col-sm-6">
<div class="logo-container">
<img src="{$WEB_ROOT}/templates/{$template}/images/bluiding_banner_img.png" alt="web builder">
</div>
</div>
</div>
</div>
</div>
<nav class="navbar navbar-default navs_tab_ssl_sec ">
<div class="container">
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#nav-landing-page" aria-expanded="false">
<span class="sr-only">{lang key="toggleNav"}</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
</div>
<div class="collapse navbar-collapse nav_tb_ssl" id="nav-landing-page">
<ul class="nav navbar-nav">
<li><a href="#" onclick="smoothScroll('#overview');return false">{lang key="store.websiteBuilder.tab.overview"}</a></li>
<li><a href="#" onclick="smoothScroll('#features');return false">{lang key="store.websiteBuilder.tab.features"}</a></li>
<li><a href="#" onclick="smoothScroll('#pricing');return false">{lang key="store.websiteBuilder.tab.pricing"}</a></li>
<li><a href="#" onclick="smoothScroll('#faq');return false">{lang key="store.websiteBuilder.tab.faq"}</a></li>
</ul>
</div>
</div>
</nav>
<div class="content-block image-standout standout" id="overview">
<div class="container">
<div class="row">
<div class="col-sm-4 col-md-4 col-sm-push-8 col-md-push-9 text-right hidden-xs">
<img src="{$WEB_ROOT}/assets/img/marketconnect/weebly/dragdropeditor.png" class="margin-tp_imgs" alt="drag and drop editor">
</div>
<div class="col-sm-8 col-md-8 col-sm-pull-4">
<br><br>
<h3 class="heading_str margin_btm_btm">{lang key="store.websiteBuilder.ddEditor"}</h3>
<p class="lead ">{lang key="store.websiteBuilder.introduction"}</p>
<p>{lang key="store.websiteBuilder.ddEditorDescription"}</p>
</div>
</div>
</div>
</div>
<div class="content-block features" id="features">
<div class="container">
<div class="row">
<div class="col-lg-3 col-md-4 col-sm-6">
<div class="new_ssl_inner_bx first_new_ssl">
<img src="{$WEB_ROOT}/templates/{$template}/images/bulider_icon.png" class="imgg-tops-margin" alt="page builder icon">
<h4>{lang key="store.websiteBuilder.features.builder"}</h4>
<p>{lang key="store.websiteBuilder.features.builderDescription"}</p>
</div>
</div>
<div class="col-lg-3 col-md-4 col-sm-6">
<div class="new_ssl_inner_bx third_new_ssl">
<img src="{$WEB_ROOT}/templates/{$template}/images/ecommerce-iocns.png" class="imgg-tops-margin" alt="cart icon">
<h4>{lang key="store.websiteBuilder.features.ecommerce"}</h4>
<p>{lang key="store.websiteBuilder.features.ecommerceDescription"}</p>
</div>
</div>
<div class="col-lg-3 col-md-4 col-sm-6">
<div class="new_ssl_inner_bx color_new_ssl">
<img src="{$WEB_ROOT}/templates/{$template}/images/form_icon.png" class="imgg-tops-margin" alt="form icon">
<h4>{lang key="store.websiteBuilder.features.forms"}</h4>
<p>{lang key="store.websiteBuilder.features.formsDescription"}</p>
</div>
</div>
<div class="col-lg-3 col-md-4 col-sm-6">
<div class="new_ssl_inner_bx sky_new_ssl">
<img src="{$WEB_ROOT}/templates/{$template}/images/templ_icon.png" class="imgg-tops-margin" alt="template icon">
<h4>{lang key="store.websiteBuilder.features.templates"}</h4>
<p>{lang key="store.websiteBuilder.features.templatesDescription"}</p>
</div>
</div>
<div class="col-lg-3 col-md-4 col-sm-6">
<div class="new_ssl_inner_bx sky_new_ssl">
<img src="{$WEB_ROOT}/templates/{$template}/images/photos_icon.png" class="imgg-tops-margin" alt="photo gallery">
<h4>{lang key="store.websiteBuilder.features.gallery"}</h4>
<p>{lang key="store.websiteBuilder.features.galleryDescription"}</p>
</div>
</div>
<div class="col-lg-3 col-md-4 col-sm-6">
<div class="new_ssl_inner_bx color_new_ssl">
<img src="{$WEB_ROOT}/templates/{$template}/images/blog_icons.png" class="imgg-tops-margin" alt="chat icons">
<h4>{lang key="store.websiteBuilder.features.blogging"}</h4>
<p>{lang key="store.websiteBuilder.features.bloggingDescription"}</p>
</div>
</div>
<div class="col-lg-3 col-md-4 col-sm-6">
<div class="new_ssl_inner_bx third_new_ssl">
<img src="{$WEB_ROOT}/templates/{$template}/images/video_icon.png" class="imgg-tops-margin" alt="video icon">
<h4>{lang key="store.websiteBuilder.features.video"}</h4>
<p>{lang key="store.websiteBuilder.features.videoDescription"}</p>
</div>
</div>
<div class="col-lg-3 col-md-4 col-sm-6">
<div class="new_ssl_inner_bx first_new_ssl">
<img src="{$WEB_ROOT}/templates/{$template}/images/seo-icons.png" class="imgg-tops-margin" alt="search icon">
<h4>{lang key="store.websiteBuilder.features.seo"}</h4>
<p>{lang key="store.websiteBuilder.features.seoDescription"}</p>
</div>
</div>
</div>
</div>
</div>
<div class="content-block pricing" id="pricing">
<div class="container">
<div class="row">
<div class="col-sm-12">
<div class="btn-group" role="group">
{foreach $billingCycles as $cycle}
<button type="button" class="btn btn-default cycle-change{if $cycle@first} active{/if}" data-cycle="{$cycle}">
{lang key={'orderpaymentterm'|cat:$cycle}}
</button>
{/foreach}
</div>
<br><br>
</div>
</div>
{if !$loggedin && $currencies}
<div class="row">
<div class="col-sm-9"></div>
<div class="col-sm-3">
<form method="post" action="">
<select name="currency" class="form-control currency-selector" onchange="submit()">
<option>{lang key="changeCurrency"} ({$activeCurrency.prefix} {$activeCurrency.code})</option>
{foreach $currencies as $currency}
<option value="{$currency['id']}">{$currency['prefix']} {$currency['code']}</option>
{/foreach}
</select>
</form>
</div>
</div>
{/if}
{if $litePlan}
<div class="weebly-lite-plan">
<div class="pricing pull-right">
{foreach $litePlan->pricing()->allAvailableCycles() as $pricing}
<h4 class="pricing-text {$pricing->cycle()}{if !$pricing@first} hidden{/if}">
{$pricing->toFullString()}
</h4>
{foreachelse}
{if $inPreview}
-
{/if}
{/foreach}
<h4 class="pricing-text not-available hidden">-</h4>
</div>
<h4>{lang key="store.websiteBuilder.pricing.free.headline"}</h4>
<h5>{lang key="store.websiteBuilder.pricing.free.tagline"}</h5>
<p>{$litePlan->description}</p>
<form method="post" action="{routePath('cart-order')}">
<input type="hidden" name="pid" value="{$litePlan->id}">
<input type="hidden" name="billingcycle" value="">
<button type="submit" class="btn btn-default btn-signup">
{lang key='getStartedNow'}
</button>
</form>
</div>
{/if}
<div class="row weebly-plans">
{if count($products) > 0}
{foreach $products as $key => $product}
<div class="{if count($products) == 1}col-sm-6 col-sm-offset-3{elseif count($products) == 2}col-sm-5{if $key == 0} col-sm-offset-1{/if}{elseif count($products) == 3}col-sm-4{else}col-sm-3{/if}">
<div class="pricing-item">
<div class="header">
<h4>{$product->name}</h4>
<h5>{lang key="store.websiteBuilder.pricing.idealFor" for=$product->idealFor}</h5>
</div>
<div class="price price_grid">
{foreach $product->pricing()->allAvailableCycles() as $pricing}
<span class="pricing-text {$pricing->cycle()}{if !$pricing@first} hidden{/if}">
{$pricing->toFullString()}
</span>
{foreachelse}
{if $inPreview}
-
{/if}
{/foreach}
<span class="pricing-text not-available hidden">
-
</span>
</div>
<div class="feature-heading">{lang key="store.websiteBuilder.pricing.siteFeatures"}</div>
<ul class="site-features">
{foreach $product->siteFeatures as $langKey => $feature}
<li>
{lang key="store.websiteBuilder.pricing.features.$langKey"}
</li>
{/foreach}
</ul>
<div class="feature-heading">{lang key="store.websiteBuilder.pricing.eCommerceFeatures"}</div>
<ul class="ecommerce-features">
{foreach $product->ecommerceFeatures as $langKey => $feature}
<li>
{lang key="store.websiteBuilder.pricing.features.$langKey"}
</li>
{/foreach}
</ul>
<form method="post" action="{routePath('cart-order')}">
<input type="hidden" name="pid" value="{$product->id}">
<input type="hidden" name="billingcycle" value="">
<button type="submit" class="btn btn-primary btn-block btn-signup">{lang key="signup"}</button>
</form>
</div>
</div>
{/foreach}
{elseif $inPreview}
<div class="col-xs-12 lead text-center">
{lang key="store.websiteBuilder.adminPreview"}
</div>
{/if}
</div>
</div>
</div>
<div class="content-block faq" id="faq">
<div class="frequbntly_asked frequbntly_asked1">
<div class="container">
<div class="top">
<h5>{lang key="store.websiteBuilder.faq.title"}</h5>
</div>
<div class="clearfix"></div>
{$turns = 1}
{foreach [[1,2,3], [4,5,6], [7,8]] as $columns}
{foreach $columns as $row}
<div class="question_answers">
<a class="question" href="javascript:;" data="#collapseExample{$turns}" role="button" aria-expanded="false" aria-controls="collapseExample{$turns}">{lang key="store.websiteBuilder.faq.q$row"}
<span><img src="{$WEB_ROOT}/templates/{$template}/images/bottom-arro.svg" class="svg" alt="tick icon"></span>
</a>
<div class="collapse" id="collapseExample{$turns}">
{lang key="store.websiteBuilder.faq.a$row"}
</div>
</div>
{$turns = $turns + 1}
{/foreach}
{/foreach}
</div>
</div>
</div>
<div class="content-block trusted-by">
<div class="container">
<div class="row">
<div class="col-sm-12 text-center">
<img src="{$WEB_ROOT}/assets/img/marketconnect/weebly/logo.png" alt="weebly icon">
</div>
<div class="col-sm-12 right_text_bottom">
{lang key="store.websiteBuilder.trust"}
</div>
</div>
</div>
</div>
</div>
<script>
jQuery(document).ready(function(){
jQuery('.landing-page.weebly .cycle-change').on('click', function() {
var newCycle = jQuery(this).data('cycle');
jQuery('.row.weebly-plans .pricing-text').hide();
jQuery('.landing-page.weebly .' + newCycle).removeClass('hidden').show();
jQuery('.landing-page.weebly .cycle-change').removeClass('active');
jQuery(this).addClass('active');
jQuery('.landing-page.weebly .pricing input[name="billingcycle"]').val(newCycle);
jQuery('.weebly-plans div.pricing-item').each(function(index) {
if (jQuery(this).find('.' + newCycle).length <= 0) {
jQuery(this).find('span.not-available').removeClass('hidden').show();
jQuery(this).parent('div').find('.btn-signup').prop('disabled', true);
jQuery(this).fadeTo('slow', 0.5);
} else {
jQuery(this).find('span.not-available').hide();
jQuery(this).parent('div').find('.btn-signup').prop('disabled', false);
jQuery(this).fadeTo('slow', 1);
}
});
});
var startCycle = jQuery('.btn.cycle-change.active').data('cycle');
jQuery('.landing-page.weebly .pricing input[name="billingcycle"]').val(startCycle);
});
</script>