1170 lines
27 KiB
HTML
1170 lines
27 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<style>
|
|
:root{
|
|
--primary: {{theme.primaryColor}};
|
|
--secondary: {{theme.secondaryColor}};
|
|
--heading: {{theme.textColor}};
|
|
--body: {{theme.bodyTextColor}};
|
|
--sectionBackground: {{theme.sectionBackground}}
|
|
--backgroundColor : {{theme.backgroundColor}}
|
|
--btn-bg: {{theme.buttonBackground}};
|
|
--btn-text: {{theme.buttonText}};
|
|
|
|
--navbar-bg: {{theme.navbarBackground}};
|
|
--navbar-text: {{theme.navbarText}};
|
|
--navbar-active: {{theme.navbarActive}};
|
|
|
|
--footer-bg: {{theme.footerBackground}};
|
|
--footer-text: {{theme.footerText}};
|
|
}
|
|
</style>
|
|
|
|
<!-- SITE TITTLE -->
|
|
<meta charset="utf-8">
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
<title>Eventre</title>
|
|
|
|
<!-- PLUGINS CSS STYLE -->
|
|
<!-- Bootstrap -->
|
|
<link href="{{assetUrl assetsBaseUrl 'plugins/bootstrap/css/bootstrap.min.css'}}" rel="stylesheet">
|
|
<!-- Themefisher Font -->
|
|
<link href="https://themewagon.github.io/eventre/plugins/themefisher-font/style.css" rel="stylesheet">
|
|
<!-- Font Awesome -->
|
|
<link href="{{assetUrl assetsBaseUrl 'plugins/font-awsome/css/font-awesome.min.css'}}" rel="stylesheet">
|
|
<!-- Magnific Popup -->
|
|
<link href="{{assetUrl assetsBaseUrl 'plugins/magnific-popup/magnific-popup.css'}}" rel="stylesheet">
|
|
<!-- Slick Carousel -->
|
|
<link href="{{assetUrl assetsBaseUrl 'plugins/slick/slick.css'}}" rel="stylesheet">
|
|
<link href="{{assetUrl assetsBaseUrl 'plugins/slick/slick-theme.css'}}" rel="stylesheet">
|
|
<!-- CUSTOM CSS -->
|
|
<link href="{{assetUrl assetsBaseUrl 'css/style.css'}}" rel="stylesheet">
|
|
|
|
<!-- FAVICON -->
|
|
<link href="{{assetUrl assetsBaseUrl 'images/favicon.png'}}" rel="shortcut icon">
|
|
|
|
</head>
|
|
|
|
<body class="body-wrapper">
|
|
|
|
|
|
<!--========================================
|
|
= Navigation Section =
|
|
=========================================-->
|
|
|
|
{{#if_show sections.navbar}}
|
|
|
|
<nav class="navbar main-nav border-less fixed-top navbar-expand-lg p-0">
|
|
<div class="container-fluid p-0">
|
|
|
|
<!-- Logo -->
|
|
<a class="navbar-brand" href="{{sections.navbar.homeUrl}}">
|
|
<img
|
|
src="{{resolveAsset assetsBaseUrl sections.navbar.logo}}"
|
|
alt="{{sections.navbar.logoAlt}}"
|
|
>
|
|
</a>
|
|
|
|
<!-- Mobile Toggle -->
|
|
<button
|
|
class="navbar-toggler"
|
|
type="button"
|
|
data-toggle="collapse"
|
|
data-target="#navbarNav"
|
|
aria-controls="navbarNav"
|
|
aria-expanded="false"
|
|
aria-label="Toggle navigation"
|
|
>
|
|
<span class="fa fa-bars"></span>
|
|
</button>
|
|
|
|
<div class="collapse navbar-collapse" id="navbarNav">
|
|
|
|
<ul class="navbar-nav mx-auto">
|
|
|
|
<!-- Home -->
|
|
<li class="nav-item active">
|
|
<a class="nav-link" href="{{sections.navbar.homeUrl}}">
|
|
{{sections.navbar.homeLabel}}
|
|
<span>/</span>
|
|
</a>
|
|
</li>
|
|
|
|
<!-- About Us -->
|
|
{{#if_show sections.about}}
|
|
<li class="nav-item">
|
|
<a class="nav-link" href="{{sections.navbar.aboutUrl}}">
|
|
{{sections.navbar.aboutLabel}}
|
|
<span>/</span>
|
|
</a>
|
|
</li>
|
|
{{/if_show}}
|
|
|
|
<!-- Speakers -->
|
|
{{#if_show sections.speakers}}
|
|
<li class="nav-item">
|
|
<a class="nav-link" href="{{sections.navbar.speakersUrl}}">
|
|
{{sections.navbar.speakersLabel}}
|
|
<span>/</span>
|
|
</a>
|
|
</li>
|
|
{{/if_show}}
|
|
|
|
<!-- Schedule -->
|
|
{{#if_show sections.schedule}}
|
|
<li class="nav-item">
|
|
<a class="nav-link" href="{{sections.navbar.scheduleUrl}}">
|
|
{{sections.navbar.scheduleLabel}}
|
|
<span>/</span>
|
|
</a>
|
|
</li>
|
|
{{/if_show}}
|
|
|
|
<!-- Contact -->
|
|
{{#if_show sections.registration}}
|
|
<li class="nav-item">
|
|
<a class="nav-link" href="{{sections.navbar.contactUrl}}">
|
|
{{sections.navbar.contactLabel}}
|
|
<span>/</span>
|
|
</a>
|
|
</li>
|
|
{{/if_show}}
|
|
|
|
<!-- Sponsors -->
|
|
{{#if_show sections.sponsors}}
|
|
<li class="nav-item">
|
|
<a class="nav-link" href="{{sections.navbar.sponsorsUrl}}">
|
|
{{sections.navbar.sponsorsLabel}}
|
|
<span>/</span>
|
|
</a>
|
|
</li>
|
|
{{/if_show}}
|
|
|
|
<!-- News -->
|
|
{{#if_show sections.news}}
|
|
<li class="nav-item">
|
|
<a class="nav-link" href="{{sections.navbar.newsUrl}}">
|
|
{{sections.navbar.newsLabel}}
|
|
</a>
|
|
</li>
|
|
{{/if_show}}
|
|
|
|
</ul>
|
|
|
|
<!-- Buy Ticket -->
|
|
<a href="{{sections.navbar.ticketUrl}}" class="ticket">
|
|
<img
|
|
src="{{resolveAsset assetsBaseUrl sections.navbar.ticketIcon}}"
|
|
alt="ticket"
|
|
>
|
|
<span>{{sections.navbar.ticketText}}</span>
|
|
</a>
|
|
|
|
</div>
|
|
</div>
|
|
</nav>
|
|
|
|
{{/if_show}}
|
|
<!--==== End of Navigation Section ====-->
|
|
|
|
|
|
|
|
<!--============================
|
|
= Banner =
|
|
=============================-->
|
|
|
|
|
|
{{#if_show sections.banner}}
|
|
|
|
<section class="banner bg-banner-one overlay" id="home">
|
|
<div class="container">
|
|
<div class="row">
|
|
<div class="col-lg-12">
|
|
<div class="block">
|
|
|
|
<div class="timer"></div>
|
|
|
|
<h1>{{sections.banner.title}}</h1>
|
|
|
|
<h2>{{sections.banner.subtitle}}</h2>
|
|
|
|
<h6>{{sections.banner.eventDetails}}</h6>
|
|
|
|
<a
|
|
href="{{sections.banner.buttonUrl}}"
|
|
class="btn btn-white-md"
|
|
>
|
|
{{sections.banner.buttonText}}
|
|
</a>
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
{{/if_show}}
|
|
<!--==== End of Banner ====-->
|
|
|
|
<!--===========================
|
|
= About =
|
|
============================-->
|
|
|
|
{{#if_show sections.about}}
|
|
|
|
<section class="section about" id="about">
|
|
<div class="container">
|
|
<div class="row">
|
|
|
|
<div class="col-lg-4 col-md-6 align-self-center">
|
|
<div class="image-block bg-about">
|
|
<img
|
|
class="img-fluid"
|
|
src="{{resolveAsset assetsBaseUrl sections.about.image}}"
|
|
alt="{{sections.about.imageAlt}}"
|
|
>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="col-lg-8 col-md-6 align-self-center">
|
|
<div class="content-block">
|
|
|
|
<h2>
|
|
{{sections.about.title}}
|
|
<span class="alternate">
|
|
{{sections.about.highlightTitle}}
|
|
</span>
|
|
</h2>
|
|
|
|
<div class="description-one">
|
|
<p>
|
|
{{sections.about.descriptionOne}}
|
|
</p>
|
|
</div>
|
|
|
|
<div class="description-two">
|
|
<p>
|
|
{{sections.about.descriptionTwo}}
|
|
</p>
|
|
</div>
|
|
|
|
<ul class="list-inline">
|
|
<li class="list-inline-item">
|
|
<a
|
|
href="{{sections.about.primaryButtonUrl}}"
|
|
class="btn btn-main-md"
|
|
>
|
|
{{sections.about.primaryButtonText}}
|
|
</a>
|
|
</li>
|
|
|
|
<li class="list-inline-item">
|
|
<a
|
|
href="{{sections.about.secondaryButtonUrl}}"
|
|
class="btn btn-transparent-md"
|
|
>
|
|
{{sections.about.secondaryButtonText}}
|
|
</a>
|
|
</li>
|
|
</ul>
|
|
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
{{/if_show}}
|
|
<!--==== End of About ====-->
|
|
|
|
<!--==============================
|
|
= Speakers =
|
|
===============================-->
|
|
|
|
{{#if_show sections.speakers}}
|
|
|
|
<section class="section speakers bg-speaker overlay-lighter" id="speakers">
|
|
<div class="container">
|
|
|
|
<div class="row">
|
|
<div class="col-12">
|
|
<div class="section-title white">
|
|
<h3>
|
|
{{sections.speakers.title}}
|
|
<span class="alternate">
|
|
{{sections.speakers.highlightTitle}}
|
|
</span>
|
|
</h3>
|
|
|
|
<p>{{sections.speakers.description}}</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="row">
|
|
|
|
{{#each sections.speakers.speakers}}
|
|
|
|
<div class="col-lg-3 col-md-4 col-sm-6">
|
|
<div class="speaker-item">
|
|
|
|
<div class="image">
|
|
<img
|
|
src="{{resolveAsset ../assetsBaseUrl image}}"
|
|
alt="{{name}}"
|
|
class="img-fluid"
|
|
>
|
|
|
|
<div class="primary-overlay"></div>
|
|
|
|
<div class="socials">
|
|
<ul class="list-inline">
|
|
|
|
<li class="list-inline-item">
|
|
<a href="{{facebookUrl}}">
|
|
<i class="fa fa-facebook"></i>
|
|
</a>
|
|
</li>
|
|
|
|
<li class="list-inline-item">
|
|
<a href="{{twitterUrl}}">
|
|
<i class="fa fa-twitter"></i>
|
|
</a>
|
|
</li>
|
|
|
|
<li class="list-inline-item">
|
|
<a href="{{linkedinUrl}}">
|
|
<i class="fa fa-linkedin"></i>
|
|
</a>
|
|
</li>
|
|
|
|
<li class="list-inline-item">
|
|
<a href="{{pinterestUrl}}">
|
|
<i class="fa fa-pinterest"></i>
|
|
</a>
|
|
</li>
|
|
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="content text-center">
|
|
<h5>
|
|
<a href="{{profileUrl}}">
|
|
{{name}}
|
|
</a>
|
|
</h5>
|
|
|
|
<p>{{designation}}</p>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
|
|
{{/each}}
|
|
|
|
</div>
|
|
|
|
</div>
|
|
</section>
|
|
|
|
{{/if_show}}
|
|
<!--==== End of Speakers ====-->
|
|
|
|
<!--==============================
|
|
= Schedule =
|
|
===============================-->
|
|
|
|
{{#if_show sections.schedule}}
|
|
|
|
<section class="section schedule" id="schedule">
|
|
<div class="container">
|
|
|
|
<div class="row">
|
|
<div class="col-12">
|
|
<div class="section-title">
|
|
<h3>
|
|
{{sections.schedule.title}}
|
|
<span class="alternate">
|
|
{{sections.schedule.highlightTitle}}
|
|
</span>
|
|
</h3>
|
|
|
|
<p>{{sections.schedule.description}}</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="row">
|
|
<div class="col-12">
|
|
|
|
<div class="schedule-tab">
|
|
<ul class="nav nav-pills text-center">
|
|
|
|
{{#each sections.schedule.days}}
|
|
<li class="nav-item">
|
|
<a
|
|
class="nav-link {{#if active}}active{{/if}}"
|
|
href="#{{id}}"
|
|
data-toggle="pill"
|
|
>
|
|
{{label}}
|
|
<span>{{date}}</span>
|
|
</a>
|
|
</li>
|
|
{{/each}}
|
|
|
|
</ul>
|
|
</div>
|
|
|
|
<div class="schedule-contents bg-schedule">
|
|
<div class="tab-content" id="pills-tabContent">
|
|
|
|
{{#each sections.schedule.days}}
|
|
|
|
<div
|
|
class="tab-pane fade {{#if active}}show active{{/if}} schedule-item"
|
|
id="{{id}}"
|
|
>
|
|
<ul class="m-0 p-0">
|
|
|
|
<li class="headings">
|
|
<div class="time">
|
|
{{@root.sections.schedule.timeHeading}}
|
|
</div>
|
|
|
|
<div class="speaker">
|
|
{{@root.sections.schedule.speakerHeading}}
|
|
</div>
|
|
|
|
<div class="subject">
|
|
{{@root.sections.schedule.subjectHeading}}
|
|
</div>
|
|
|
|
<div class="venue">
|
|
{{@root.sections.schedule.venueHeading}}
|
|
</div>
|
|
</li>
|
|
|
|
{{#each sessions}}
|
|
|
|
<li class="schedule-details">
|
|
<div class="block">
|
|
|
|
<div class="time">
|
|
<i class="fa fa-clock-o"></i>
|
|
<span class="time">{{time}}</span>
|
|
</div>
|
|
|
|
<div class="speaker">
|
|
<img
|
|
src="{{resolveAsset @root.assetsBaseUrl speakerImage}}"
|
|
alt="{{speakerName}}"
|
|
>
|
|
<span class="name">{{speakerName}}</span>
|
|
</div>
|
|
|
|
<div class="subject">
|
|
{{subject}}
|
|
</div>
|
|
|
|
<div class="venue">
|
|
{{venue}}
|
|
</div>
|
|
|
|
</div>
|
|
</li>
|
|
|
|
{{/each}}
|
|
|
|
</ul>
|
|
</div>
|
|
|
|
{{/each}}
|
|
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
</section>
|
|
|
|
{{/if_show}}
|
|
<!--==== End of Schedule ====-->
|
|
|
|
<!--==================================
|
|
= Registration =
|
|
===================================-->
|
|
|
|
{{#if_show sections.registration}}
|
|
|
|
<section class="registration" id="registration">
|
|
<div class="container-fuild p-0">
|
|
<div class="row">
|
|
|
|
<div class="col-lg-6 col-md-12 p-0">
|
|
<div class="service-block bg-service overlay-primary text-center">
|
|
<div class="row no-gutters">
|
|
|
|
{{#each sections.registration.services}}
|
|
|
|
<div class="col-6">
|
|
<div class="service-item">
|
|
<i class="{{icon}}"></i>
|
|
<h5>{{text}}</h5>
|
|
</div>
|
|
</div>
|
|
|
|
{{/each}}
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="col-lg-6 col-md-12 p-0">
|
|
<div class="registration-block bg-registration overlay-dark">
|
|
<div class="block">
|
|
|
|
<div class="title text-left">
|
|
<h3>
|
|
{{sections.registration.title}}
|
|
<span class="alternate">
|
|
{{sections.registration.highlightTitle}}
|
|
</span>
|
|
</h3>
|
|
|
|
<p>{{sections.registration.description}}</p>
|
|
</div>
|
|
|
|
<form action="#" class="row">
|
|
|
|
<div class="col-md-6">
|
|
<input
|
|
type="text"
|
|
class="form-control main"
|
|
placeholder="{{sections.registration.namePlaceholder}}"
|
|
>
|
|
</div>
|
|
|
|
<div class="col-md-6">
|
|
<input
|
|
type="email"
|
|
class="form-control main"
|
|
placeholder="{{sections.registration.emailPlaceholder}}"
|
|
>
|
|
</div>
|
|
|
|
<div class="col-md-6">
|
|
<input
|
|
type="text"
|
|
class="form-control main"
|
|
placeholder="{{sections.registration.phonePlaceholder}}"
|
|
>
|
|
</div>
|
|
|
|
<div class="col-md-6">
|
|
<div class="form-group">
|
|
|
|
<select
|
|
class="form-control main"
|
|
id="select-ticket"
|
|
>
|
|
<option value="">
|
|
{{sections.registration.ticketPlaceholder}}
|
|
</option>
|
|
|
|
{{#each sections.registration.ticketOptions}}
|
|
|
|
<option value="{{value}}">
|
|
{{label}}
|
|
</option>
|
|
|
|
{{/each}}
|
|
|
|
</select>
|
|
|
|
</div>
|
|
</div>
|
|
|
|
<div class="col-12">
|
|
<button
|
|
type="submit"
|
|
class="btn btn-white-md"
|
|
>
|
|
{{sections.registration.buttonText}}
|
|
</button>
|
|
</div>
|
|
|
|
</form>
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
{{/if_show}}
|
|
<!--==== End of Registration ====-->
|
|
|
|
|
|
<!--===================================
|
|
= Pricing Table =
|
|
====================================-->
|
|
|
|
{{#if_show sections.pricing}}
|
|
|
|
<section class="section pricing">
|
|
<div class="container">
|
|
|
|
<div class="row">
|
|
<div class="col-12">
|
|
<div class="section-title">
|
|
|
|
<h3>
|
|
{{sections.pricing.title}}
|
|
<span class="alternate">
|
|
{{sections.pricing.highlightTitle}}
|
|
</span>
|
|
</h3>
|
|
|
|
<p>{{sections.pricing.description}}</p>
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="row">
|
|
|
|
{{#each sections.pricing.plans}}
|
|
|
|
<div class="col-lg-4 col-md-6 {{#if center}}m-auto{{/if}}">
|
|
|
|
<div class="pricing-item {{#if featured}}featured{{/if}}">
|
|
|
|
<div class="pricing-heading">
|
|
|
|
<div class="title">
|
|
<h6>{{title}}</h6>
|
|
</div>
|
|
|
|
<div class="price">
|
|
<h2>
|
|
{{price}}<span>{{currency}}</span>
|
|
</h2>
|
|
|
|
<p>{{priceLabel}}</p>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="pricing-body">
|
|
|
|
<ul class="feature-list m-0 p-0">
|
|
|
|
{{#each features}}
|
|
|
|
<li>
|
|
<p>
|
|
|
|
{{#if available}}
|
|
|
|
<span class="fa fa-check-circle available"></span>
|
|
|
|
{{else}}
|
|
|
|
<span class="fa fa-times-circle unavailable"></span>
|
|
|
|
{{/if}}
|
|
|
|
{{text}}
|
|
|
|
</p>
|
|
</li>
|
|
|
|
{{/each}}
|
|
|
|
</ul>
|
|
|
|
</div>
|
|
|
|
<div class="pricing-footer text-center">
|
|
|
|
<a
|
|
href="{{buttonUrl}}"
|
|
class="btn {{#if featured}}btn-main-md{{else}}btn-transparent-md{{/if}}"
|
|
>
|
|
{{buttonText}}
|
|
</a>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
{{/each}}
|
|
|
|
</div>
|
|
|
|
</div>
|
|
</section>
|
|
|
|
{{/if_show}}
|
|
<!--==== End of Pricing Table ====-->
|
|
|
|
|
|
<!--===========================================
|
|
= Call to Action Ticket =
|
|
============================================-->
|
|
|
|
{{#if_show sections.ctaTicket}}
|
|
|
|
<section class="cta-ticket bg-ticket overlay-dark">
|
|
<div class="container">
|
|
<div class="row">
|
|
|
|
<div class="col-md-8">
|
|
<div class="content-block">
|
|
|
|
<h2>
|
|
{{sections.ctaTicket.title}}
|
|
<span class="alternate">
|
|
{{sections.ctaTicket.highlightTitle}}
|
|
</span>
|
|
</h2>
|
|
|
|
<p>{{sections.ctaTicket.description}}</p>
|
|
|
|
<a
|
|
href="{{sections.ctaTicket.buttonUrl}}"
|
|
class="btn btn-main-md"
|
|
>
|
|
{{sections.ctaTicket.buttonText}}
|
|
</a>
|
|
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
|
|
<div class="image-block">
|
|
<img
|
|
src="{{resolveAsset assetsBaseUrl sections.ctaTicket.image}}"
|
|
alt="{{sections.ctaTicket.imageAlt}}"
|
|
class="img-fluid"
|
|
>
|
|
</div>
|
|
|
|
</section>
|
|
|
|
{{/if_show}}
|
|
<!--==== End of Call to Action Ticket ====-->
|
|
|
|
|
|
<!--==============================
|
|
= Sponsors =
|
|
===============================-->
|
|
|
|
{{#if_show sections.sponsors}}
|
|
|
|
<section class="sponsors section bg-sponsors overlay-white" id="sponsors">
|
|
<div class="container">
|
|
|
|
<div class="row">
|
|
<div class="col-12">
|
|
<div class="section-title">
|
|
|
|
<h3>
|
|
{{sections.sponsors.title}}
|
|
<span class="alternate">
|
|
{{sections.sponsors.highlightTitle}}
|
|
</span>
|
|
</h3>
|
|
|
|
<p>{{sections.sponsors.description}}</p>
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="row">
|
|
<div class="col-12">
|
|
|
|
{{#each sections.sponsors.groups}}
|
|
|
|
<div class="sponsor-title text-center">
|
|
<h5>{{title}}</h5>
|
|
</div>
|
|
|
|
<div class="block text-center">
|
|
<ul class="list-inline sponsors-list">
|
|
|
|
{{#each sponsors}}
|
|
|
|
<li class="list-inline-item">
|
|
<div class="image-block text-center">
|
|
|
|
<a href="{{url}}">
|
|
<img
|
|
src="{{resolveAsset @root.assetsBaseUrl image}}"
|
|
alt="{{alt}}"
|
|
class="img-fluid"
|
|
>
|
|
</a>
|
|
|
|
</div>
|
|
</li>
|
|
|
|
{{/each}}
|
|
|
|
</ul>
|
|
</div>
|
|
|
|
{{/each}}
|
|
|
|
<div class="sponsor-btn text-center">
|
|
<a
|
|
href="{{sections.sponsors.buttonUrl}}"
|
|
class="btn btn-main-md"
|
|
>
|
|
{{sections.sponsors.buttonText}}
|
|
</a>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
</section>
|
|
|
|
{{/if_show}}
|
|
<!--==== End of Sponsors ====-->
|
|
|
|
<!--================================
|
|
= News Posts =
|
|
=================================-->
|
|
|
|
{{#if_show sections.news}}
|
|
|
|
<section class="news section" id="news">
|
|
<div class="container">
|
|
|
|
<div class="row">
|
|
<div class="col-12">
|
|
<div class="section-title">
|
|
|
|
<h3>
|
|
{{sections.news.title}}
|
|
<span class="alternate">
|
|
{{sections.news.highlightTitle}}
|
|
</span>
|
|
</h3>
|
|
|
|
<p>{{sections.news.description}}</p>
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="row">
|
|
|
|
{{#each sections.news.posts}}
|
|
|
|
<div class="{{columnClass}}">
|
|
<div class="blog-post">
|
|
|
|
<div class="post-thumb">
|
|
<a href="{{postUrl}}">
|
|
<img
|
|
src="{{resolveAsset @root.assetsBaseUrl image}}"
|
|
alt="{{imageAlt}}"
|
|
class="img-fluid"
|
|
>
|
|
</a>
|
|
</div>
|
|
|
|
<div class="post-content">
|
|
|
|
<div class="date">
|
|
<h4>
|
|
{{day}}
|
|
<span>{{month}}</span>
|
|
</h4>
|
|
</div>
|
|
|
|
<div class="post-title">
|
|
<h2>
|
|
<a href="{{postUrl}}">
|
|
{{title}}
|
|
</a>
|
|
</h2>
|
|
</div>
|
|
|
|
<div class="post-meta">
|
|
<ul class="list-inline">
|
|
|
|
<li class="list-inline-item">
|
|
<i class="fa fa-user-o"></i>
|
|
<a href="{{authorUrl}}">
|
|
{{author}}
|
|
</a>
|
|
</li>
|
|
|
|
<li class="list-inline-item">
|
|
<i class="fa fa-heart-o"></i>
|
|
<a href="{{likesUrl}}">
|
|
{{likes}}
|
|
</a>
|
|
</li>
|
|
|
|
<li class="list-inline-item">
|
|
<i class="fa fa-comments-o"></i>
|
|
<a href="{{commentsUrl}}">
|
|
{{comments}}
|
|
</a>
|
|
</li>
|
|
|
|
</ul>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
{{/each}}
|
|
|
|
</div>
|
|
|
|
</div>
|
|
</section>
|
|
|
|
{{/if_show}}
|
|
<!--==== End of News Posts ====-->
|
|
|
|
<!--==============================================
|
|
= Call to Action Subscribe =
|
|
===============================================-->
|
|
|
|
{{#if_show sections.subscribe}}
|
|
|
|
<section class="cta-subscribe bg-subscribe overlay-dark">
|
|
<div class="container">
|
|
<div class="row">
|
|
|
|
<div class="col-md-6 mr-auto">
|
|
<div class="content">
|
|
|
|
<h3>
|
|
{{sections.subscribe.title}}
|
|
<span class="alternate">
|
|
{{sections.subscribe.highlightTitle}}
|
|
</span>
|
|
</h3>
|
|
|
|
<p>{{sections.subscribe.description}}</p>
|
|
|
|
</div>
|
|
</div>
|
|
|
|
<div class="col-md-6 ml-auto align-self-center">
|
|
|
|
<form action="#" class="row">
|
|
|
|
<div class="col-lg-8 col-md-12">
|
|
<input
|
|
type="email"
|
|
class="form-control main white mb-lg-0"
|
|
placeholder="{{sections.subscribe.emailPlaceholder}}"
|
|
>
|
|
</div>
|
|
|
|
<div class="col-lg-4 col-md-12">
|
|
<div class="subscribe-button">
|
|
|
|
<button
|
|
type="submit"
|
|
class="btn btn-main-md"
|
|
>
|
|
{{sections.subscribe.buttonText}}
|
|
</button>
|
|
|
|
</div>
|
|
</div>
|
|
|
|
</form>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
{{/if_show}}
|
|
<!--==== End of Call to Action Subscribe ====-->
|
|
|
|
<!--================================
|
|
= Google Map =
|
|
=================================-->
|
|
|
|
{{#if_show sections.map}}
|
|
|
|
<section class="map">
|
|
|
|
<iframe
|
|
id="map"
|
|
src="{{sections.map.embedUrl}}"
|
|
frameborder="0"
|
|
scrolling="no"
|
|
marginheight="0"
|
|
marginwidth="0"
|
|
allowfullscreen
|
|
loading="lazy"
|
|
></iframe>
|
|
<div class="address-block">
|
|
|
|
<h4>{{sections.map.venueName}}</h4>
|
|
|
|
<ul class="address-list p-0 m-0">
|
|
|
|
<li>
|
|
<i class="fa fa-home"></i>
|
|
<span>{{sections.map.address}}</span>
|
|
</li>
|
|
|
|
<li>
|
|
<i class="fa fa-phone"></i>
|
|
<span>{{sections.map.phone}}</span>
|
|
</li>
|
|
|
|
</ul>
|
|
|
|
<a
|
|
href="{{sections.map.buttonUrl}}"
|
|
class="btn btn-white-md"
|
|
>
|
|
{{sections.map.buttonText}}
|
|
</a>
|
|
|
|
</div>
|
|
|
|
</section>
|
|
|
|
{{/if_show}}
|
|
<!--==== End of Google Map ====-->
|
|
|
|
<!--============================
|
|
= Footer =
|
|
=============================-->
|
|
|
|
{{#if_show sections.footer}}
|
|
|
|
<footer class="footer-main">
|
|
<div class="container">
|
|
<div class="row">
|
|
|
|
<div class="col-md-12">
|
|
<div class="block text-center">
|
|
|
|
<div class="footer-logo">
|
|
<img
|
|
src="{{resolveAsset assetsBaseUrl sections.footer.logo}}"
|
|
alt="{{sections.footer.logoAlt}}"
|
|
class="img-fluid"
|
|
>
|
|
</div>
|
|
|
|
<ul class="social-links-footer list-inline">
|
|
|
|
{{#each sections.footer.socialLinks}}
|
|
|
|
<li class="list-inline-item">
|
|
<a href="{{url}}">
|
|
<i class="{{icon}}"></i>
|
|
</a>
|
|
</li>
|
|
|
|
{{/each}}
|
|
|
|
</ul>
|
|
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
</footer>
|
|
|
|
{{/if_show}}
|
|
<!-- Subfooter -->
|
|
|
|
{{#if_show sections.subfooter}}
|
|
|
|
<footer class="subfooter">
|
|
<div class="container">
|
|
<div class="row">
|
|
|
|
<div class="col-md-6 align-self-center">
|
|
<div class="copyright-text">
|
|
<p>
|
|
<a href="{{sections.subfooter.brandUrl}}">
|
|
{{sections.subfooter.brandName}}
|
|
</a>
|
|
{{sections.subfooter.copyrightText}}
|
|
</p>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="col-md-6">
|
|
<a
|
|
href="{{sections.subfooter.topUrl}}"
|
|
class="to-top"
|
|
>
|
|
<i class="{{sections.subfooter.topIcon}}"></i>
|
|
</a>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
</footer>
|
|
|
|
{{/if_show}}
|
|
|
|
|
|
<!-- JAVASCRIPTS -->
|
|
<!-- jQuey -->
|
|
<script src="{{assetUrl assetsBaseUrl 'plugins/jquery/jquery.js'}}"></script>
|
|
<!-- Popper js -->
|
|
<script src="{{assetUrl assetsBaseUrl 'plugins/popper/popper.min.js'}}"></script>
|
|
<!-- Bootstrap 4 -->
|
|
<script src="{{assetUrl assetsBaseUrl 'plugins/bootstrap/js/bootstrap.min.js'}}"></script>
|
|
<!-- Smooth Scroll -->
|
|
<script src="{{assetUrl assetsBaseUrl 'plugins/smoothscroll/SmoothScroll.min.js'}}"></script>
|
|
<!-- Isotope -->
|
|
<script src="{{assetUrl assetsBaseUrl 'plugins/isotope/mixitup.min.js'}}"></script>
|
|
<!-- Magnific Popup -->
|
|
<script src="{{assetUrl assetsBaseUrl 'plugins/magnific-popup/jquery.magnific-popup.min.js'}}"></script>
|
|
<!-- Slick Carousel -->
|
|
<script src="{{assetUrl assetsBaseUrl 'plugins/slick/slick.min.js'}}"></script>
|
|
<!-- SyoTimer -->
|
|
<script src="{{assetUrl assetsBaseUrl 'plugins/syotimer/jquery.syotimer.min.js'}}"></script>
|
|
<!-- Google Mapl -->
|
|
<!-- <script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyCC72vZw-6tGqFyRhhg5CkF2fqfILn2Tsw"></script>
|
|
<script type="text/javascript" src="{{assetUrl assetsBaseUrl 'plugins/google-map/gmap.js'}}"></script> -->
|
|
<!-- Custom Script -->
|
|
<script src="{{assetUrl assetsBaseUrl 'js/custom.js'}}"></script>
|
|
|
|
</body>
|
|
|
|
</html>
|
|
|
|
|
|
|