EventBuzz_Backend/microsite-v2-templates/eventre/template.html

1193 lines
29 KiB
HTML

<!DOCTYPE html>
<html lang="en">
<head>
<style>
:root{
--primary: {{sections.theme.primaryColor}};
--secondary: {{sections.theme.secondaryColor}};
--heading: {{sections.theme.textColor}};
--body: {{sections.theme.bodyTextColor}};
--sectionBackground: {{sections.theme.sectionBackground}};
--backgroundColor : {{sections.theme.backgroundColor}};
--btn-bg: {{sections.theme.buttonBackground}};
--btn-text: {{sections.theme.buttonText}};
--navbar-bg: {{sections.theme.navbarBackground}};
--navbar-text: {{sections.theme.navbarText}};
--navbar-active: {{sections.theme.navbarActive}};
--footer-bg: {{sections.theme.footerBackground}};
--footer-text: {{sections.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>{{meta.title}}</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"> -->
<link
rel="icon"
type="image/png"
href="{{resolveAsset assetsBaseUrl sections.uploadFavicon.favicon}}"
/>
</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 -->
{{#if sections.navbar.showLogo}}
<a class="navbar-brand" href="{{sections.navbar.logoUrl}}">
<img
src="{{resolveAsset assetsBaseUrl sections.navbar.logo}}"
alt="{{sections.navbar.logoAlt}}">
</a>
{{/if}}
<!-- 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">
{{#each sections.navbar.navigation}}
{{#if (eq this.url "#")}}
<li class="nav-item">
<a class="nav-link" href="{{this.url}}">
{{this.text}}
</a>
</li>
{{else if (and (eq this.url "#about") @root.sections.about.show)}}
<li class="nav-item">
<a class="nav-link" href="{{this.url}}">
{{this.text}}
</a>
</li>
{{else if (and (eq this.url "#speakers") @root.sections.speakers.show)}}
<li class="nav-item">
<a class="nav-link" href="{{this.url}}">
{{this.text}}
</a>
</li>
{{else if (and (eq this.url "#schedule") @root.sections.schedule.show)}}
<li class="nav-item">
<a class="nav-link" href="{{this.url}}">
{{this.text}}
</a>
</li>
{{else if (and (eq this.url "#registration") @root.sections.registration.show)}}
<li class="nav-item">
<a class="nav-link" href="{{this.url}}">
{{this.text}}
</a>
</li>
{{else if (and (eq this.url "#pricing") @root.sections.pricing.show)}}
<li class="nav-item">
<a class="nav-link" href="{{this.url}}">
{{this.text}}
</a>
</li>
{{else if (and (eq this.url "#sponsors") @root.sections.sponsors.show)}}
<li class="nav-item">
<a class="nav-link" href="{{this.url}}">
{{this.text}}
</a>
</li>
{{else if (and (eq this.url "#news") @root.sections.news.show)}}
<li class="nav-item">
<a class="nav-link" href="{{this.url}}">
{{this.text}}
</a>
</li>
{{else if (and (eq this.url "#subscribe") @root.sections.subscribe.show)}}
<li class="nav-item">
<a class="nav-link" href="{{this.url}}">
{{this.text}}
</a>
</li>
{{else if (and (eq this.url "#map") @root.sections.map.show)}}
<li class="nav-item">
<a class="nav-link" href="{{this.url}}">
{{this.text}}
</a>
</li>
{{/if}}
{{/each}}
</ul>
{{#if sections.navbar.showTicketButton}}
<a href="{{sections.navbar.ticketUrl}}" class="ticket">
<span>{{sections.navbar.ticketText}}</span>
</a>
{{/if}}
</div>
</div>
</nav>
{{/if_show}}
<!--==== End of Navigation Section ====-->
<!--============================
= Banner =
=============================-->
{{#if_show sections.banner}}
<section
class="banner overlay"
id="home"
style="background-image: url('{{sections.banner.backgroundImage}}'); background-size: cover; background-position: center center; background-repeat: no-repeat;"
>
<div class="container">
<div class="row">
<div class="col-lg-12">
<div class="block">
<div class="timer" data-date="{{sections.banner.eventDate}}"></div>
<h1>{{sections.banner.title}}</h1>
<h2>{{sections.banner.subtitle}}</h2>
<h6>
{{sections.banner.eventDate}}
{{#if sections.banner.eventLocation}}
&nbsp;&nbsp;{{sections.banner.eventLocation}}
{{/if}}
</h6>
{{#if sections.banner.showButton}}
<a
href="{{sections.banner.buttonUrl}}"
class="btn btn-white-md"
>
{{sections.banner.buttonText}}
</a>
{{/if}}
</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">
{{#if sections.about.showPrimaryButton}}
<li class="list-inline-item">
<a
href="{{sections.about.primaryButtonUrl}}"
class="btn btn-main-md"
>
{{sections.about.primaryButtonText}}
</a>
</li>
{{/if}}
{{#if sections.about.showSecondaryButton}}
<li class="list-inline-item">
<a
href="{{sections.about.secondaryButtonUrl}}"
class="btn btn-transparent-md"
>
{{sections.about.secondaryButtonText}}
</a>
</li>
{{/if}}
</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">
{{#each social}}
<li class="list-inline-item">
<a href="{{url}}" target="{{target}}">
<i class="{{icon}}"></i>
</a>
</li>
{{/each}}
</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">
<!-- Left Services -->
<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>
<!-- Right Registration Form -->
<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">
<!-- Name -->
{{#if sections.registration.showName}}
<div class="col-md-6">
<input
type="text"
class="form-control main"
placeholder="{{sections.registration.namePlaceholder}}"
>
</div>
{{/if}}
<!-- Email -->
{{#if sections.registration.showEmail}}
<div class="col-md-6">
<input
type="email"
class="form-control main"
placeholder="{{sections.registration.emailPlaceholder}}"
>
</div>
{{/if}}
<!-- Phone -->
{{#if sections.registration.showPhone}}
<div class="col-md-6">
<input
type="text"
class="form-control main"
placeholder="{{sections.registration.phonePlaceholder}}"
>
</div>
{{/if}}
<!-- Ticket Type -->
{{#if sections.registration.showTicket}}
<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>
{{/if}}
<!-- Button -->
{{#if sections.registration.showButton}}
<div class="col-12">
<a
href="{{sections.registration.buttonUrl}}"
class="btn btn-white-md"
>
{{sections.registration.buttonText}}
</a>
</div>
{{/if}}
</form>
</div>
</div>
</div>
</div>
</div>
</section>
{{/if_show}}
<!--==== End of Registration ====-->
<!--===================================
= Pricing Table =
====================================-->
{{#if_show sections.pricing}}
<section class="section pricing" id="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>
{{currency}}{{price}}
</h2>
<p>{{priceLabel}}</p>
</div>
</div>
<div class="pricing-body">
<ul class="feature-list m-0 p-0">
{{#each features}}
<li>
<p>
<span class="fa fa-check-circle available"></span>
{{text}}
</p>
</li>
{{/each}}
</ul>
</div>
<div class="pricing-footer text-center">
{{#if showButton}}
<a
href="{{buttonUrl}}"
class="btn {{#if featured}}btn-main-md{{else}}btn-transparent-md{{/if}}"
>
{{buttonText}}
</a>
{{/if}}
</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>
{{#if sections.ctaTicket.showButton}}
<a
href="{{sections.ctaTicket.buttonUrl}}"
class="btn btn-main-md"
>
{{sections.ctaTicket.buttonText}}
</a>
{{/if}}
</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}}
{{#if sections.sponsors.showButton}}
<div class="sponsor-btn text-center">
<a
href="{{sections.sponsors.buttonUrl}}"
class="btn btn-main-md"
>
{{sections.sponsors.buttonText}}
</a>
</div>
{{/if}}
</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">
{{#if sections.subscribe.showButton}}
<div class="subscribe-button">
<button
type="submit"
class="btn btn-main-md"
>
{{sections.subscribe.buttonText}}
</button>
</div>
{{/if}}
</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>
{{#if sections.map.showButton}}
<a
href="{{sections.map.buttonUrl}}"
class="btn btn-white-md"
>
{{sections.map.buttonText}}
</a>
{{/if}}
</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>