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

1027 lines
42 KiB
HTML

<!doctype html>
<html lang="en">
<head>
<style>
:root{
--primarycolor: {{theme.primarycolor}};
--secondarycolor: {{theme.secondarycolor}};
--secondarygradcolor : {{theme.secondarygradcolor}}
}
</style>
<!--====== Required meta tags ======-->
<meta charset="utf-8">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<meta name="description" content="">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<!--====== Title ======-->
<title>{{meta.title}}</title>
<!--====== Favicon Icon ======-->
<link rel="shortcut icon" href="{{assetUrl assetsBaseUrl 'images/favicon.png'}}" type="image/png">
<!--====== Bootstrap css ======-->
<link rel="stylesheet" href="{{assetUrl assetsBaseUrl 'css/bootstrap.min.css'}}">
<!--====== Flaticon css ======-->
<link rel="stylesheet" href="{{assetUrl assetsBaseUrl 'css/flaticon.css'}}">
<!--====== Line Icons css ======-->
<link rel="stylesheet" href="{{assetUrl assetsBaseUrl 'css/LineIcons.css'}}">
<!--====== Animate css ======-->
<link rel="stylesheet" href="{{assetUrl assetsBaseUrl 'css/animate.css'}}">
<!--====== Magnific Popup css ======-->
<link rel="stylesheet" href="{{assetUrl assetsBaseUrl 'css/magnific-popup.css'}}">
<!--====== Slick css ======-->
<link rel="stylesheet" href="{{assetUrl assetsBaseUrl 'css/slick.css'}}">
<!--====== Default css ======-->
<link rel="stylesheet" href="{{assetUrl assetsBaseUrl 'css/default.css'}}">
<!--====== Style css ======-->
<link rel="stylesheet" href="{{assetUrl assetsBaseUrl 'css/style.css'}}">
</head>
<body>
<!--====== PRELOADER PART START ======-->
<div class="preloader">
<div class="loader">
<div class="ytp-spinner">
<div class="ytp-spinner-container">
<div class="ytp-spinner-rotator">
<div class="ytp-spinner-left">
<div class="ytp-spinner-circle"></div>
</div>
<div class="ytp-spinner-right">
<div class="ytp-spinner-circle"></div>
</div>
</div>
</div>
</div>
</div>
</div>
<!--====== PRELOADER PART ENDS ======-->
<!--====== HEADER PART START ======-->
{{#if_show sections.header}}
<header class="header-area">
<div class="navbar-area navbar-two">
<div class="container">
<div class="row">
<div class="col-lg-12">
<nav class="navbar navbar-expand-lg">
{{#if sections.header.logo.show}}
<a
class="navbar-brand"
href="{{sections.header.logo.url}}"
>
<img
src="{{resolveAsset @root.assetsBaseUrl sections.header.logo.image}}"
alt="{{sections.header.logo.alt}}"
>
</a>
{{/if}}
<button
class="navbar-toggler"
type="button"
data-toggle="collapse"
data-target="#navbarTwo"
aria-controls="navbarTwo"
aria-expanded="false"
aria-label="Toggle navigation"
>
<span class="toggler-icon"></span>
<span class="toggler-icon"></span>
<span class="toggler-icon"></span>
</button>
<div
class="collapse navbar-collapse sub-menu-bar"
id="navbarTwo"
>
<ul class="navbar-nav m-auto">
{{#each sections.header.navigation}}
<li class="nav-item {{#if this.active}}active{{/if}}">
<a
class="page-scroll"
href="{{this.url}}"
>
{{this.text}}
</a>
</li>
{{/each}}
</ul>
</div>
{{#if sections.header.button.show}}
<div class="navbar-btn d-none d-sm-inline-block">
<a
class="main-btn"
href="{{sections.header.button.url}}"
target="{{sections.header.button.target}}"
>
{{sections.header.button.text}}
</a>
</div>
{{/if}}
</nav>
</div>
</div>
</div>
</div>
{{/if_show}}
{{#if_show sections.hero}}
<div
id="home"
class="header-content-area bg_cover d-flex align-items-center"
style="background-image: url('{{resolveAsset assetsBaseUrl sections.hero.background_image}}')"
>
<div class="container">
<div class="row justify-content-center">
<div class="col-lg-10">
<div data-countdown="2020/10/01"></div>
<div class="header-content text-center">
<h2 class="header-title">
{{sections.hero.event_name}}
</h2>
<h3 class="sub-title">
{{sections.hero.date_venue}}
</h3>
<ul class="header-btn">
{{#if sections.hero.register_text}}
<li>
<a
class="main-btn main-btn-2"
href="{{sections.hero.register_url}}"
>
{{sections.hero.register_text}}
</a>
</li>
{{/if}}
{{#if sections.hero.learn_more_text}}
<li>
<a
class="main-btn"
href="{{sections.hero.learn_more_url}}"
>
{{sections.hero.learn_more_text}}
</a>
</li>
{{/if}}
</ul>
</div>
</div>
</div>
</div>
</div>
{{/if_show}}
</header>
<!--====== HEADER PART ENDS ======-->
<!--====== ABOUT PART START ======-->
{{#if_show sections.about}}
<section id="about" class="about-area pb-130 pt-80">
<div class="container">
<div class="row align-items-center">
<div class="col-lg-6">
<div
class="about-image mt-50 wow fadeInLeft"
data-wow-duration="1s"
>
<img
src="{{resolveAsset assetsBaseUrl sections.about.image}}"
alt="{{sections.about.heading}}"
>
</div>
</div>
<div class="col-lg-6">
<div
class="about-content mt-45 wow fadeInRight"
data-wow-duration="1s"
>
<div class="section-title">
<h2 class="title">
{{sections.about.heading}}
</h2>
</div>
<div class="text mt-30">
{{{sections.about.content}}}
</div>
<p class="date">
{{sections.about.date}}
</p>
</div>
</div>
</div>
</div>
</section>
{{/if_show}}
<!--====== ABOUT PART ENDS ======-->
<!--====== COUNTER PART START ======-->
{{#if_show sections.counter}}
<section id="counter" class="counter-area pt-80 pb-130">
<div class="container">
<div class="row">
{{#each sections.counter.items}}
<div class="col-lg-3 col-sm-6">
<div
class="single-counter text-center mt-100 wow fadeIn"
data-wow-duration="1s"
data-wow-delay="{{this.delay}}"
>
<div class="counter-icon">
<i class="{{this.icon}}"></i>
</div>
<div class="counter-content">
<span class="count counter">
{{this.value}}
</span>
<p class="text">
{{this.label}}
</p>
</div>
</div>
</div>
{{/each}}
</div>
</div>
</section>
{{/if_show}}
<!--====== COUNTER PART ENDS ======-->
<!--====== EVENT SCHEDULE PART START ======-->
{{#if_show sections.event_schedule}}
<section id="event" class="event-schedule pt-115 pb-130">
<div class="container">
<div class="row justify-content-center">
<div class="col-lg-8">
<div class="section-title text-center">
<h2 class="title">
{{sections.event_schedule.heading}}
</h2>
<p class="text">
{{sections.event_schedule.subtitle}}
</p>
</div>
</div>
</div>
<div class="row">
<div class="col-lg-12">
<div class="event-tab mt-60">
<ul
class="nav justify-content-between align-items-center"
id="myTab"
role="tablist"
>
{{#each sections.event_schedule.days}}
<li class="nav-item">
<a
class="{{#if @first}}active{{/if}}"
id="day-{{@index}}-tab"
data-toggle="tab"
href="#day-{{@index}}"
role="tab"
aria-controls="day-{{@index}}"
aria-selected="{{#if @first}}true{{else}}false{{/if}}"
>
<h4 class="nav-title">
{{this.label}}
</h4>
<span>
{{this.date}}
</span>
</a>
</li>
{{/each}}
</ul>
<div class="tab-content" id="myTabContent">
{{#each sections.event_schedule.days}}
<div
class="tab-pane fade {{#if @first}}show active{{/if}}"
id="day-{{@index}}"
role="tabpanel"
aria-labelledby="day-{{@index}}-tab"
>
<div class="event-content pt-40">
{{#each this.sessions}}
<div class="single-event d-md-flex mt-30">
<div class="event-image">
<img
src="{{resolveAsset @root.assetsBaseUrl this.image}}"
alt="{{this.title}}"
>
</div>
<div class="event-content media-body">
<h4 class="event-title">
{{this.title}}
</h4>
<p class="text">
{{this.description}}
</p>
<ul class="event-meta">
<li>
Start: {{this.start}}
</li>
<li>
End: {{this.end}}
</li>
<li>
Location: {{this.location}}
</li>
</ul>
</div>
</div>
{{/each}}
</div>
</div>
{{/each}}
</div>
</div>
</div>
</div>
</div>
</section>
{{/if_show}}
<!--====== EVENT SCHEDULE PART ENDS ======-->
<!--====== FEATURES PART START ======-->
{{#if_show sections.features}}
<section id="features" class="features-area pt-115 pb-130 gray-bg">
<div class="container">
<div class="row justify-content-center">
<div class="col-lg-8">
<div class="section-title text-center pb-20">
<h2 class="title">
{{sections.features.heading}}
</h2>
<p class="text">
{{sections.features.subtitle}}
</p>
</div>
</div>
</div>
<div class="row justify-content-center">
{{#each sections.features.items}}
<div class="col-lg-4 col-md-6 col-sm-8">
<div
class="single-features text-center mt-30 wow fadeIn"
data-wow-duration="1s"
data-wow-delay="{{this.delay}}"
>
<div class="features-icon">
<i class="{{this.icon}}"></i>
<span>
{{this.number}}
</span>
</div>
<div class="features-content">
<h4 class="features-title">
<a href="{{this.url}}">
{{this.title}}
</a>
</h4>
<p class="text">
{{this.description}}
</p>
</div>
</div>
</div>
{{/each}}
</div>
</div>
</section>
{{/if_show}}
<!--====== FEATURES PART ENDS ======-->
<!--====== TEAM PART START ======-->
{{#if_show sections.speakers}}
<section id="team" class="team-area pt-115 pb-130">
<div class="container">
<div class="row justify-content-center">
<div class="col-lg-8">
<div class="section-title text-center pb-20">
<h2 class="title">
{{sections.speakers.heading}}
</h2>
<p class="text">
{{sections.speakers.subtitle}}
</p>
</div>
</div>
</div>
<div class="row">
{{#each sections.speakers.items}}
<div class="col-lg-4 col-sm-6">
<div
class="single-team text-center mt-30 wow fadeIn"
data-wow-duration="1s"
data-wow-delay="{{this.delay}}"
>
<div class="team-image">
<img
src="{{resolveAsset @root.assetsBaseUrl this.image}}"
alt="{{this.name}}"
>
</div>
<div class="team-content">
{{#if this.social}}
<div class="team-social">
<ul class="social">
{{#each this.social}}
<li>
<a
href="{{this.url}}"
target="{{this.target}}"
>
<i class="{{this.icon}}"></i>
</a>
</li>
{{/each}}
</ul>
</div>
{{/if}}
<h4 class="team-name">
<a href="{{this.url}}">
{{this.name}}
</a>
</h4>
<span class="sub-title">
{{this.role}}
</span>
</div>
</div>
</div>
{{/each}}
</div>
</div>
</section>
{{/if_show}}
<!--====== TEAM PART ENDS ======-->
<!--====== GALLERY PART START ======-->
{{#if_show sections.gallery}}
<section id="gallery" class="event-gallery pt-115 pb-130 gray-bg">
<div class="container">
<div class="row justify-content-center">
<div class="col-lg-8">
<div class="section-title text-center pb-50">
<h2 class="title">
{{sections.gallery.heading}}
</h2>
<p class="text">
{{sections.gallery.subtitle}}
</p>
</div>
</div>
</div>
</div>
<div class="row no-gutters">
{{#if sections.gallery.featuredImage}}
<div class="col-lg-6">
<div class="single-gallery">
<div class="gallery-image">
<img
src="{{resolveAsset @root.assetsBaseUrl sections.gallery.featuredImage}}"
alt="Gallery"
>
</div>
<div class="gallery-content">
<a
class="image-popup"
href="{{resolveAsset @root.assetsBaseUrl sections.gallery.featuredImage}}"
>
<i class="lni-plus"></i>
</a>
</div>
</div>
</div>
{{/if}}
<div class="col-lg-6">
<div class="row no-gutters">
{{#each sections.gallery.items}}
<div class="col-sm-6">
<div class="single-gallery">
<div class="gallery-image">
<img
src="{{resolveAsset @root.assetsBaseUrl this.image}}"
alt="{{this.alt}}"
>
</div>
<div class="gallery-content">
<a
class="image-popup"
href="{{resolveAsset @root.assetsBaseUrl this.image}}"
>
<i class="lni-plus"></i>
</a>
</div>
</div>
</div>
{{/each}}
</div>
</div>
</div>
{{#if sections.gallery.button.text}}
<div class="container">
<div class="row">
<div class="col-lg-12">
<div class="gallery-btn pt-60 text-center">
<a
class="main-btn main-btn-2"
href="{{sections.gallery.button.url}}"
target="{{sections.gallery.button.target}}"
>
{{sections.gallery.button.text}}
</a>
</div>
</div>
</div>
</div>
{{/if}}
</section>
{{/if_show}}
<!--====== GALLERY PART ENDS ======-->
<!--====== PRICING PART START ======-->
{{#if_show sections.pricing}}
<section id="pricing" class="pricing-area pt-115 pb-200">
<div class="container">
<div class="row justify-content-center">
<div class="col-lg-8">
<div class="section-title text-center pb-20">
<h2 class="title">
{{sections.pricing.heading}}
</h2>
<p class="text">
{{sections.pricing.subtitle}}
</p>
</div>
</div>
</div>
<div class="row justify-content-center">
{{#each sections.pricing.items}}
<div class="col-lg-4 col-md-8 col-sm-9">
<div
class="single-pricing {{#if this.active}}active{{/if}} text-center mt-30 wow {{this.animation}}"
data-wow-duration="1s"
data-wow-delay="{{this.delay}}"
>
<div class="pricing-name">
<h4 class="pricing-title">
{{this.title}}
</h4>
<span class="sub-title">
{{this.subtitle}}
</span>
</div>
<div class="pricing-price">
<span>
{{this.price}}
</span>
<p class="text">
{{this.duration}}
</p>
</div>
<div class="pricing-list">
<ul>
{{#each this.features}}
<li>
{{this.text}}
</li>
{{/each}}
</ul>
</div>
<div class="pricing-btn">
<a
class="main-btn {{#if this.active}}main-btn-2{{/if}}"
href="{{this.buttonUrl}}"
>
{{this.buttonText}}
</a>
</div>
</div>
</div>
{{/each}}
</div>
</div>
</section>
{{/if_show}}
<!--====== PRICING PART ENDS ======-->
<!--====== CLIENT PART START ======-->
{{#if_show sections.sponsors}}
<div id="client" class="client-area pt-115 pb-130 gray-bg">
<div class="container">
<div class="row justify-content-center">
<div class="col-lg-8">
<div class="section-title text-center pb-50">
<h2 class="title">
{{sections.sponsors.heading}}
</h2>
<p class="text">
{{sections.sponsors.subtitle}}
</p>
</div>
</div>
</div>
<div class="row client-active">
{{#each sections.sponsors.items}}
<div class="col-lg-3">
<div class="single-client">
<img
src="{{resolveAsset @root.assetsBaseUrl this.image}}"
alt="{{this.alt}}"
>
</div>
</div>
{{/each}}
</div>
{{#if sections.sponsors.buttonText}}
<div class="row mt-5">
<div class="col-12 text-center">
<a
href="{{sections.sponsors.buttonUrl}}"
class="main-btn main-btn-2"
>
{{sections.sponsors.buttonText}}
</a>
</div>
</div>
{{/if}}
</div>
</div>
{{/if_show}}
<!--====== CLIENT PART ENDS ======-->
<!--====== CONTACT PART START ======-->
{{#if_show sections.contact}}
<section id="contact" class="contact-area pt-80 pb-130">
<div class="container">
<div class="row">
<div class="col-lg-4">
<div class="contact-info pt-40">
<div class="section-title pb-10">
<h2 class="title">
{{sections.contact.heading}}
</h2>
</div>
<ul>
{{#if sections.contact.email}}
<li>
<div class="single-info d-flex mt-25">
<div class="info-icon">
<i class="lni-envelope"></i>
</div>
<div class="info-content media-body">
<h6 class="info-title">
Email Address
</h6>
<p class="text">
<a href="mailto:{{sections.contact.email}}">
{{sections.contact.email}}
</a>
</p>
</div>
</div>
</li>
{{/if}}
{{#if sections.contact.phone}}
<li>
<div class="single-info d-flex mt-25">
<div class="info-icon">
<i class="lni-phone-handset"></i>
</div>
<div class="info-content media-body">
<h6 class="info-title">
Phone Number
</h6>
<p class="text">
<a href="tel:{{sections.contact.phoneTel}}">
{{sections.contact.phone}}
</a>
</p>
</div>
</div>
</li>
{{/if}}
{{#if sections.contact.location}}
<li>
<div class="single-info d-flex mt-25">
<div class="info-icon">
<i class="lni-money-location"></i>
</div>
<div class="info-content media-body">
<h6 class="info-title">
Location
</h6>
<p class="text">
{{sections.contact.location}}
</p>
</div>
</div>
</li>
{{/if}}
</ul>
</div>
</div>
<div class="col-lg-8">
<div class="contact-form pt-20">
<form id="contact-form">
<div class="row">
<div class="col-md-6">
<div class="single-form">
<input
type="text"
name="name"
placeholder="{{sections.contact.form.namePlaceholder}}"
>
<i class="lni-user"></i>
</div>
</div>
<div class="col-md-6">
<div class="single-form">
<input
type="email"
name="email"
placeholder="{{sections.contact.form.emailPlaceholder}}"
>
<i class="lni-envelope"></i>
</div>
</div>
<div class="col-md-6">
<div class="single-form">
<input
type="text"
name="subject"
placeholder="{{sections.contact.form.subjectPlaceholder}}"
>
<i class="lni-pencil-alt"></i>
</div>
</div>
<div class="col-md-6">
<div class="single-form">
<input
type="text"
name="number"
placeholder="{{sections.contact.form.phonePlaceholder}}"
>
<i class="lni-phone-handset"></i>
</div>
</div>
<div class="col-md-12">
<div class="single-form">
<textarea
name="message"
placeholder="{{sections.contact.form.messagePlaceholder}}"
></textarea>
<i class="lni-comment-alt"></i>
</div>
</div>
<p class="form-message"></p>
<div class="col-md-12">
<div class="single-form">
<button
type="submit"
class="main-btn main-btn-2"
>
{{sections.contact.form.buttonText}}
</button>
</div>
</div>
</div>
</form>
</div>
</div>
</div>
{{#if sections.contact.map.show}}
<div class="row">
<div class="col-lg-12">
<div class="contact-map pt-130">
<div class="gmap_canvas">
<iframe
id="gmap_canvas"
src="{{sections.contact.map.embedUrl}}"
frameborder="0"
scrolling="no"
marginheight="0"
marginwidth="0"
></iframe>
</div>
</div>
</div>
</div>
{{/if}}
</div>
</section>
{{/if_show}}
<!--====== CONTACT PART ENDS ======-->
<!--====== FOOTER PART START ======-->
{{#if_show sections.footer}}
<section
id="footer"
class="footer-area bg_cover"
style="background-image: url('{{resolveAsset @root.assetsBaseUrl sections.footer.backgroundImage}}')"
>
{{#if sections.footer.subscribe.show}}
<div class="footer-subscribe-area pt-120 pb-130">
<div class="container">
<div class="row justify-content-center">
<div class="col-lg-8">
<div class="footer-subscribe text-center">
<h2 class="subscribe-title">
{{sections.footer.subscribe.heading}}
</h2>
<div class="subscribe-form mt-45">
<form id="subscribe-form">
<input
type="email"
name="email"
placeholder="{{sections.footer.subscribe.placeholder}}"
>
<button
type="submit"
class="main-btn"
>
{{sections.footer.subscribe.buttonText}}
</button>
</form>
</div>
</div>
</div>
</div>
</div>
</div>
{{/if}}
<div class="footer-widget">
<div class="container">
<div class="widget pt-80 pb-130">
<div class="row">
<div class="col-lg-6">
<div class="footer-address mt-40">
<h5 class="f-title">
{{sections.footer.venue.heading}}
</h5>
<p class="text">
{{sections.footer.venue.date}}
<br>
{{sections.footer.venue.address}}
</p>
<a
class="contact-link"
href="{{sections.footer.venue.contactUrl}}"
>
{{sections.footer.venue.contactText}}
</a>
</div>
</div>
<div class="col-lg-6">
<div class="footer-contact mt-40">
<h5 class="f-title">
{{sections.footer.social.heading}}
</h5>
<p class="text">
{{sections.footer.social.description}}
</p>
<ul class="social">
{{#each sections.footer.social.links}}
<li>
<a
href="{{this.url}}"
target="{{this.target}}"
aria-label="{{this.label}}"
>
<i class="{{this.icon}}"></i>
</a>
</li>
{{/each}}
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="footer-copyright">
<div class="container">
<div class="row">
<div class="col-lg-12">
<div class="copyright text-center">
<p class="text">
{{sections.footer.copyright}}
</p>
</div>
</div>
</div>
</div>
</div>
</section>
{{/if_show}}
<!--====== FOOTER PART ENDS ======-->
<!--====== BACK TOP TOP PART START ======-->
<a href="index.html#" class="back-to-top"><i class="lni-chevron-up"></i></a>
<!--====== BACK TOP TOP PART ENDS ======-->
<!--====== PART START ======-->
<!--
<section class="">
<div class="container">
<div class="row">
<div class="col-lg-">
</div>
</div>
</div>
</section>
-->
<!--====== PART ENDS ======-->
<!-- row -->
<!--====== jquery js ======-->
<script src="{{assetUrl assetsBaseUrl 'js/vendor/modernizr-3.6.0.min.js'}}"></script>
<script src="{{assetUrl assetsBaseUrl 'js/vendor/jquery-1.12.4.min.js'}}"></script>
<!--====== Bootstrap js ======-->
<script src="{{assetUrl assetsBaseUrl 'js/bootstrap.min.js'}}"></script>
<script src="{{assetUrl assetsBaseUrl 'js/popper.min.js'}}"></script>
<!--====== Counter Up js ======-->
<script src="{{assetUrl assetsBaseUrl 'js/waypoints.min.js'}}"></script>
<script src="{{assetUrl assetsBaseUrl 'js/jquery.counterup.min.js'}}"></script>
<!--====== Slick js ======-->
<script src="{{assetUrl assetsBaseUrl 'js/slick.min.js'}}"></script>
<!--====== Magnific Popup js ======-->
<script src="{{assetUrl assetsBaseUrl 'js/jquery.magnific-popup.min.js'}}"></script>
<!--====== Scrolling Nav js ======-->
<script src="{{assetUrl assetsBaseUrl 'js/jquery.easing.min.js'}}"></script>
<script src="{{assetUrl assetsBaseUrl 'js/scrolling-nav.js'}}"></script>
<!--====== Countdown js ======-->
<script src="{{assetUrl assetsBaseUrl 'js/jquery.countdown.min.js'}}"></script>
<!--====== wow js ======-->
<script src="{{assetUrl assetsBaseUrl 'js/wow.min.js'}}"></script>
<!--====== Ajax Contact js ======-->
<script src="{{assetUrl assetsBaseUrl 'js/ajax-contact.js'}}"></script>
<!--====== Main js ======-->
<script src="{{assetUrl assetsBaseUrl 'js/main.js'}}"></script>
</body>
</html>