451 lines
20 KiB
HTML
451 lines
20 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
|
|
<title>{{meta.title}}</title>
|
|
<link rel="stylesheet" href="{{assetUrl assetsBaseUrl 'assets/css/bootstrap.min.css'}}">
|
|
<link rel="stylesheet" href="{{assetUrl assetsBaseUrl 'assets/fonts/line-icons.css'}}">
|
|
<link rel="stylesheet" href="{{assetUrl assetsBaseUrl 'assets/css/nivo-lightbox.css'}}">
|
|
<link rel="stylesheet" href="{{assetUrl assetsBaseUrl 'assets/css/animate.css'}}">
|
|
<link rel="stylesheet" href="{{assetUrl assetsBaseUrl 'assets/css/main.css'}}">
|
|
<link rel="stylesheet" href="{{assetUrl assetsBaseUrl 'assets/css/responsive.css'}}">
|
|
<style>
|
|
:root {
|
|
--eventup-accent: {{theme.accent}};
|
|
--eventup-accent-start: {{theme.accent}};
|
|
--eventup-heading-color: {{#if theme.heading.color}}{{theme.heading.color}}{{else}}{{theme.headingColor}}{{/if}};
|
|
}
|
|
{{#if sections.hero.image.url}}
|
|
#hero-area.hero-area-bg { background-image: url('{{resolveAsset assetsBaseUrl sections.hero.image.url}}'); }
|
|
{{/if}}
|
|
</style>
|
|
<script id="eventup-microsite-config" type="application/json">{{json this}}</script>
|
|
</head>
|
|
<body>
|
|
|
|
{{#if_show sections.logo}}
|
|
<nav class="navbar navbar-expand-lg bg-inverse fixed-top scrolling-navbar">
|
|
<div class="container">
|
|
<a href="#header-wrap" class="navbar-brand">
|
|
{{#if sections.logo.header.url}}
|
|
<img src="{{resolveAsset assetsBaseUrl sections.logo.header.url}}" alt="{{sections.logo.header.alt}}" style="max-height:{{sections.logo.header.maxHeight}}px">
|
|
{{/if}}
|
|
</a>
|
|
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarCollapse" aria-controls="navbarCollapse" aria-expanded="false" aria-label="Toggle navigation">
|
|
<i class="lni-menu"></i>
|
|
</button>
|
|
<div class="collapse navbar-collapse" id="navbarCollapse">
|
|
<ul class="navbar-nav mr-auto w-100 justify-content-end">
|
|
<li class="nav-item active"><a class="nav-link" href="#header-wrap">Home</a></li>
|
|
{{#if_show sections.about}}<li class="nav-item"><a class="nav-link" href="#about">About</a></li>{{/if_show}}
|
|
{{#if_show sections.speakers}}<li class="nav-item"><a class="nav-link" href="#team">Speakers</a></li>{{/if_show}}
|
|
{{#if_show sections.event_schedule}}<li class="nav-item"><a class="nav-link" href="#schedules">Schedule</a></li>{{/if_show}}
|
|
{{#if_show sections.sponsors}}<li class="nav-item"><a class="nav-link" href="#sponsors">Sponsors</a></li>{{/if_show}}
|
|
{{#if_show sections.contact}}<li class="nav-item"><a class="nav-link" href="#contact-map">Contact</a></li>{{/if_show}}
|
|
{{#if sections.hero.cta.text}}
|
|
<li class="nav-item nav-item--register">
|
|
<a class="btn btn-common" href="{{sections.hero.cta.url}}" data-nav-cta-link{{#if (eq sections.hero.cta.target "_blank")}} target="_blank" rel="noopener noreferrer"{{/if}}>{{sections.hero.cta.text}}</a>
|
|
</li>
|
|
{{/if}}
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</nav>
|
|
<div class="navbar-spacer" aria-hidden="true"></div>
|
|
{{/if_show}}
|
|
|
|
<header id="header-wrap">
|
|
{{#if_show sections.hero}}
|
|
<div id="hero-area" class="hero-area-bg" data-site-component="hero">
|
|
<div class="overlay"></div>
|
|
<div class="container-fluid hero-split-container">
|
|
<div class="row hero-split align-items-center no-gutters">
|
|
<div class="col-lg-6 col-md-6 col-12 hero-split__media">
|
|
{{#if sections.logo.hero.url}}
|
|
<div class="hero-logo-wrap">
|
|
<img class="hero-logo" src="{{resolveAsset assetsBaseUrl sections.logo.hero.url}}" alt="{{sections.logo.hero.alt}}">
|
|
</div>
|
|
{{/if}}
|
|
</div>
|
|
<div class="col-lg-6 col-md-6 col-12 hero-split__content">
|
|
<div class="hero-split__text">
|
|
<h2 class="head-title hero-brand-title">{{sections.hero.event_name}}</h2>
|
|
<p class="banner-info">{{sections.hero.date_venue}}</p>
|
|
{{#if sections.hero.cta.text}}
|
|
<div class="banner-btn">
|
|
<a href="{{sections.hero.cta.url}}" class="btn btn-common" data-hero-cta-link{{#if (eq sections.hero.cta.target "_blank")}} target="_blank" rel="noopener noreferrer"{{/if}}>{{sections.hero.cta.text}}</a>
|
|
</div>
|
|
{{/if}}
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
{{/if_show}}
|
|
</header>
|
|
|
|
{{#if sections.hero.countdown.show}}
|
|
<section id="count" data-site-component="countdown">
|
|
<div class="container">
|
|
<div class="row justify-content-center">
|
|
<div class="col-10">
|
|
<div class="count-wrapper text-center">
|
|
<div class="time-countdown wow fadeInUp" data-wow-delay="0.2s">
|
|
<div id="clock" class="time-count"></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
{{/if}}
|
|
|
|
{{#if_show sections.about}}
|
|
<section id="about" class="section-padding" data-site-component="about">
|
|
<div class="container">
|
|
<div class="row">
|
|
<div class="col-lg-12">
|
|
<div class="about-content">
|
|
<div class="about-text">
|
|
<h2>{{sections.about.heading}}</h2>
|
|
<div>{{{sections.about.content}}}</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
{{/if_show}}
|
|
|
|
{{#if_show sections.video}}
|
|
<div class="ready-to-play" data-site-component="video">
|
|
<div class="container">
|
|
<div class="section-title-header text-center">
|
|
<h2 class="section-title wow fadeInUp">{{sections.video.heading}}</h2>
|
|
</div>
|
|
<div class="video-grid row">
|
|
{{#each sections.video.items}}
|
|
<div class="col-md-6 mb-4">
|
|
<video class="w-100" controls preload="metadata" src="{{resolveAsset @root.assetsBaseUrl this.url}}"></video>
|
|
{{#if this.title}}<p class="mt-2 text-center">{{this.title}}</p>{{/if}}
|
|
</div>
|
|
{{/each}}
|
|
</div>
|
|
</div>
|
|
</div>
|
|
{{/if_show}}
|
|
|
|
{{#if_show sections.informationBar}}
|
|
<section id="information-bar" data-site-component="information-bar">
|
|
<div class="container">
|
|
<div class="row inforation-wrapper">
|
|
{{#each sections.informationBar.items}}
|
|
<div class="col-lg-3 col-md-6 col-xs-12">
|
|
<div class="info-bar-item">
|
|
<i class="{{this.icon}} info-bar-item__icon"></i>
|
|
<div class="info-bar-item__text">
|
|
<b class="info-bar-item__label">{{this.label}}</b>
|
|
<span class="info-bar-item__value">{{this.value}}</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
{{/each}}
|
|
</div>
|
|
</div>
|
|
</section>
|
|
{{/if_show}}
|
|
|
|
{{#if_show sections.event_highlights}}
|
|
<section id="intro" class="intro section-padding" data-site-component="event_highlights">
|
|
<div class="container">
|
|
<div class="row">
|
|
<div class="col-12">
|
|
<div class="section-title-header text-center">
|
|
<h2 class="section-title wow fadeInUp">{{sections.event_highlights.heading}}</h2>
|
|
{{#if sections.event_highlights.subtitle}}<p class="wow fadeInDown">{{sections.event_highlights.subtitle}}</p>{{/if}}
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="row intro-wrapper">
|
|
{{#each sections.event_highlights.items}}
|
|
<div class="col-lg-4 col-md-6 col-xs-12">
|
|
<div class="single-intro-text mb-70">
|
|
<i class="{{this.icon}}"></i>
|
|
<h3>{{this.title}}</h3>
|
|
<p>{{this.description}}</p>
|
|
<span class="count-number">0{{@index}}</span>
|
|
</div>
|
|
</div>
|
|
{{/each}}
|
|
</div>
|
|
</div>
|
|
</section>
|
|
{{/if_show}}
|
|
|
|
{{#if_show sections.event_stats}}
|
|
<section class="counter-section section-padding" data-site-component="event_stats">
|
|
<div class="container">
|
|
<div class="row">
|
|
{{#each sections.event_stats.items}}
|
|
<div class="col-lg-3 col-md-6 col-xs-12 work-counter-widget">
|
|
<div class="counter">
|
|
<div class="icon"><i class="{{this.icon}}"></i></div>
|
|
<div class="counter-content">
|
|
<div class="counterUp">{{this.value}}</div>
|
|
<p>{{this.label}}</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
{{/each}}
|
|
</div>
|
|
</div>
|
|
</section>
|
|
{{/if_show}}
|
|
|
|
{{#if_show sections.speakers}}
|
|
<section id="team" class="section-padding text-center speakers" data-site-component="speakers">
|
|
<div class="container">
|
|
<div class="row">
|
|
<div class="col-12">
|
|
<div class="section-title-header text-center">
|
|
<h2 class="section-title wow fadeInUp">{{sections.speakers.heading}}</h2>
|
|
{{#if sections.speakers.subtitle}}<p class="wow fadeInDown">{{sections.speakers.subtitle}}</p>{{/if}}
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="row speakers-area wow fadeInDown">
|
|
{{#each sections.speakers.items}}
|
|
<div class="col-lg-3 col-md-6 col-xs-12 mb-4">
|
|
<div class="speaker-card">
|
|
{{#if this.image}}<img src="{{resolveAsset @root.assetsBaseUrl this.image}}" alt="{{this.name}}" class="img-fluid rounded-circle mb-3" style="width:140px;height:140px;object-fit:cover">{{/if}}
|
|
<h4>{{this.name}}</h4>
|
|
<p class="text-muted">{{this.role}}</p>
|
|
</div>
|
|
</div>
|
|
{{/each}}
|
|
</div>
|
|
</div>
|
|
</section>
|
|
{{/if_show}}
|
|
|
|
{{#if_show sections.event_schedule}}
|
|
<section id="schedules" class="schedule section-padding" data-site-component="event_schedule">
|
|
<div class="container">
|
|
<div class="row">
|
|
<div class="col-12">
|
|
<div class="section-title-header text-center">
|
|
<h2 class="section-title wow fadeInUp">{{sections.event_schedule.heading}}</h2>
|
|
{{#if sections.event_schedule.subtitle}}<p class="wow fadeInDown">{{sections.event_schedule.subtitle}}</p>{{/if}}
|
|
</div>
|
|
</div>
|
|
</div>
|
|
{{#each sections.event_schedule.days}}
|
|
<div class="mb-5">
|
|
<h4 class="text-center mb-3">{{this.label}}{{#if this.date}} — {{this.date}}{{/if}}</h4>
|
|
<div class="table-responsive">
|
|
<table class="table table-striped">
|
|
<tbody>
|
|
{{#each this.sessions}}
|
|
<tr>
|
|
<td style="width:28%">{{this.time}}</td>
|
|
<td style="width:18%">{{this.type}}</td>
|
|
<td>{{this.title}}</td>
|
|
</tr>
|
|
{{/each}}
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
{{/each}}
|
|
</div>
|
|
</section>
|
|
{{/if_show}}
|
|
|
|
{{#if_show sections.about_crest}}
|
|
<section id="about-crest" class="section-padding" data-site-component="about_crest">
|
|
<div class="container">
|
|
<div class="row justify-content-center">
|
|
<div class="col-lg-10">
|
|
<h2>{{sections.about_crest.heading}}</h2>
|
|
<div>{{{sections.about_crest.content}}}</div>
|
|
{{#if sections.about_crest.cta.text}}
|
|
<p class="mt-3"><a href="{{sections.about_crest.cta.url}}" class="btn btn-common">{{sections.about_crest.cta.text}}</a></p>
|
|
{{/if}}
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
{{/if_show}}
|
|
|
|
{{#if_show sections.sponsors}}
|
|
<section id="sponsors" class="section-padding" data-site-component="sponsors">
|
|
<div class="container">
|
|
{{#unless sections.sponsors.hideHeading}}
|
|
<div class="section-title-header text-center">
|
|
<h2 class="section-title">{{sections.sponsors.heading}}</h2>
|
|
{{#if sections.sponsors.subtitle}}<p>{{sections.sponsors.subtitle}}</p>{{/if}}
|
|
</div>
|
|
{{/unless}}
|
|
<div class="sponsors-groups text-center">
|
|
{{#each sections.sponsors.groups}}
|
|
<div class="mb-4">
|
|
{{#unless ../sections.sponsors.hideGroupTitles}}<h5 class="mb-3">{{this.title}}</h5>{{/unless}}
|
|
<div class="row justify-content-center align-items-center">
|
|
{{#each this.items}}
|
|
<div class="col-6 col-md-3 col-lg-2 mb-3">
|
|
<img src="{{resolveAsset @root.assetsBaseUrl this.image}}" alt="{{this.alt}}" class="img-fluid">
|
|
</div>
|
|
{{/each}}
|
|
</div>
|
|
</div>
|
|
{{/each}}
|
|
</div>
|
|
</div>
|
|
</section>
|
|
{{/if_show}}
|
|
|
|
{{#if_show sections.contact}}
|
|
<section id="contact-map" class="section-padding" data-site-component="contact">
|
|
<div class="container">
|
|
<div class="section-title-header text-center">
|
|
<h2 class="section-title wow fadeInUp">{{sections.contact.heading}}</h2>
|
|
{{#if sections.contact.subtitle}}<p class="wow fadeInDown">{{sections.contact.subtitle}}</p>{{/if}}
|
|
</div>
|
|
<div class="row justify-content-center">
|
|
<div class="col-lg-4">
|
|
{{#if sections.contact.phones}}
|
|
<ul class="list-unstyled">
|
|
{{#each sections.contact.phones}}
|
|
<li class="mb-2"><strong>{{this.label}}:</strong> <a href="tel:{{this.tel}}">{{this.number}}</a></li>
|
|
{{/each}}
|
|
</ul>
|
|
{{/if}}
|
|
{{#if sections.contact.address}}<p>{{sections.contact.address}}</p>{{/if}}
|
|
</div>
|
|
<div class="col-lg-8">
|
|
<form role="form" method="post" id="contactForm" name="contact-form" novalidate>
|
|
<div class="row">
|
|
<div class="col-md-6 form-line">
|
|
<div class="form-group">
|
|
<input type="text" class="form-control" name="name" placeholder="Name" required>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-6 form-line">
|
|
<div class="form-group">
|
|
<input type="email" class="form-control" name="email" placeholder="Email" required>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-12 form-line">
|
|
<div class="form-group">
|
|
<input type="text" class="form-control" name="subject" placeholder="Subject">
|
|
</div>
|
|
</div>
|
|
<div class="col-md-12">
|
|
<div class="form-group">
|
|
<textarea class="form-control" rows="4" name="message" placeholder="Message"></textarea>
|
|
</div>
|
|
<div class="form-group contact-captcha-group">
|
|
<label class="contact-captcha-label" for="contactCaptcha">Security check</label>
|
|
<div class="contact-captcha-row">
|
|
<span class="contact-captcha-question" data-contact-captcha-question aria-live="polite">Loading…</span>
|
|
<input type="text" class="form-control contact-captcha-input" id="contactCaptcha" data-contact-captcha-answer inputmode="numeric" autocomplete="off" placeholder="Answer" required>
|
|
<button type="button" class="btn btn-common contact-captcha-reload" data-contact-captcha-reload aria-label="Reload captcha">↻</button>
|
|
</div>
|
|
</div>
|
|
<div class="eb-contact-honeypot" aria-hidden="true">
|
|
<input type="text" name="_gotcha" tabindex="-1" autocomplete="off">
|
|
</div>
|
|
<div class="form-submit">
|
|
<button type="submit" class="btn btn-common" id="form-submit">Send Message</button>
|
|
<div id="msgSubmit" class="h3 text-center hidden"></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
{{/if_show}}
|
|
|
|
{{#if_show sections.map}}
|
|
<section id="google-map-area" data-site-component="map">
|
|
<div class="container-fluid">
|
|
<iframe title="Event location map" style="border:0; height: {{sections.map.height}}px; width: 100%;" src="{{sections.map.embedUrl}}" allowfullscreen loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
|
|
</div>
|
|
</section>
|
|
{{/if_show}}
|
|
|
|
{{#if_show sections.footer}}
|
|
<footer>
|
|
<div class="container">
|
|
<div class="row justify-content-center">
|
|
<div class="col-lg-10">
|
|
<div class="footer-otherinfo row align-items-start">
|
|
<div class="col-lg-4 footer-col-brand">
|
|
{{#if sections.logo.footer.url}}
|
|
<div class="footer-logo mb-3">
|
|
<img src="{{resolveAsset assetsBaseUrl sections.logo.footer.url}}" width="220" class="img-fluid" alt="{{sections.logo.footer.alt}}">
|
|
</div>
|
|
{{/if}}
|
|
{{#if sections.footer.tagline}}<p class="footer-tagline">{{sections.footer.tagline}}</p>{{/if}}
|
|
</div>
|
|
<div class="col-lg-4 footer-col-links">
|
|
<h6 class="footer-section-heading mb-4">{{sections.footer.linksHeading}}</h6>
|
|
<ul class="footer-link-list list-unstyled">
|
|
{{#each sections.footer.links}}
|
|
<li><a href="{{this.url}}" data-footer-link{{#if (eq this.target "_blank")}} target="_blank" rel="noopener noreferrer"{{/if}}>{{this.text}}</a></li>
|
|
{{/each}}
|
|
</ul>
|
|
</div>
|
|
<div class="col-lg-4 footer-col-social">
|
|
<h6 class="footer-section-heading mb-4">{{sections.footer.social.heading}}</h6>
|
|
<ul class="footer-social-list list-unstyled d-flex gap-3">
|
|
{{#each sections.footer.social.links}}
|
|
<li><a href="{{this.url}}" aria-label="{{this.label}}"><i class="{{this.icon}}"></i></a></li>
|
|
{{/each}}
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
<div class="site-info">
|
|
<p>Powered by <a href="https://eventbuzz.live" rel="nofollow" target="_blank">EventBuzz.live</a></p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</footer>
|
|
{{/if_show}}
|
|
|
|
<a href="#" class="back-to-top"><i class="lni-chevron-up"></i></a>
|
|
|
|
<div id="preloader">
|
|
<div class="sk-circle">
|
|
<div class="sk-circle1 sk-child"></div><div class="sk-circle2 sk-child"></div><div class="sk-circle3 sk-child"></div>
|
|
<div class="sk-circle4 sk-child"></div><div class="sk-circle5 sk-child"></div><div class="sk-circle6 sk-child"></div>
|
|
<div class="sk-circle7 sk-child"></div><div class="sk-circle8 sk-child"></div><div class="sk-circle9 sk-child"></div>
|
|
<div class="sk-circle10 sk-child"></div><div class="sk-circle11 sk-child"></div><div class="sk-circle12 sk-child"></div>
|
|
</div>
|
|
</div>
|
|
|
|
<script src="{{assetUrl assetsBaseUrl 'assets/js/jquery-min.js'}}"></script>
|
|
<script src="{{assetUrl assetsBaseUrl 'assets/js/popper.min.js'}}"></script>
|
|
<script src="{{assetUrl assetsBaseUrl 'assets/js/bootstrap.min.js'}}"></script>
|
|
<script src="{{assetUrl assetsBaseUrl 'assets/js/jquery.countdown.min.js'}}"></script>
|
|
<script src="{{assetUrl assetsBaseUrl 'assets/js/waypoints.min.js'}}"></script>
|
|
<script src="{{assetUrl assetsBaseUrl 'assets/js/jquery.counterup.min.js'}}"></script>
|
|
<script src="{{assetUrl assetsBaseUrl 'assets/js/jquery.nav.js'}}"></script>
|
|
<script src="{{assetUrl assetsBaseUrl 'assets/js/jquery.easing.min.js'}}"></script>
|
|
<script src="{{assetUrl assetsBaseUrl 'assets/js/wow.js'}}"></script>
|
|
<script src="{{assetUrl assetsBaseUrl 'assets/js/nivo-lightbox.js'}}"></script>
|
|
<script src="{{assetUrl assetsBaseUrl 'assets/js/video.js'}}"></script>
|
|
<script src="{{assetUrl assetsBaseUrl 'assets/js/registration-modal.js'}}"></script>
|
|
<script src="{{assetUrl assetsBaseUrl 'assets/js/feedback-fab.js'}}"></script>
|
|
<script src="{{assetUrl assetsBaseUrl 'assets/js/contact-form.js'}}"></script>
|
|
<script src="{{assetUrl assetsBaseUrl 'assets/js/marketing-popup.js'}}"></script>
|
|
<script src="{{assetUrl assetsBaseUrl 'assets/js/main.js'}}"></script>
|
|
<script src="{{assetUrl assetsBaseUrl 'assets/js/form-validator.min.js'}}"></script>
|
|
<script src="{{assetUrl assetsBaseUrl 'assets/js/eventup-ssr-bridge.js'}}"></script>
|
|
</body>
|
|
</html>
|