EventBuzz_Backend/microsite-v2-templates/eventre/template.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>