?
áEÓê¤ÎïLwebshll2019
<!DOCTYPE html>
<html lang="en">
<head>
<!-- Meta Tags For Seo + Page Optimization -->
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="author" content="Themes Industry">
<!-- description -->
<meta name="description" content="Event is a highly creative, modern, visually stunning and Bootstrap responsive multipurpose agency and HTML5 template with 14 ready home page demos.">
<!-- keywords -->
<meta name="keywords" content="creative, modern, clean, bootstrap responsive, html5, css3, portfolio, blog, agency, templates, multipurpose, one page, corporate, start-up, studio, branding, designer, freelancer, carousel, parallax, photography, personal, masonry, grid, faq">
<!-- Page Title -->
<title>MegaOne - About Event</title>
<!-- Favicon -->
<link rel="icon" href="img/favicon.ico">
<!--css links-->
<link rel="stylesheet" href="../vendor/css/bundle.min.css">
<link rel="stylesheet" href="../vendor/css/cubeportfolio.min.css">
<link rel="stylesheet" href="../vendor/css/wow.css">
<link rel="stylesheet" href="../vendor/css/owl.carousel.min.css">
<link rel="stylesheet" href="../vendor/css/mediaelementplayer.min.css">
<link rel="stylesheet" href="css/line-awesome.min.css">
<link rel="stylesheet" href="css/layers.css">
<link rel="stylesheet" href="css/settings.css">
<link rel="stylesheet" href="css/loader.css">
<link rel="stylesheet" href="css/style.css">
</head>
<body data-spy="scroll" data-target=".navbar" data-offset="100">
<!--loading start-->
<div class="loader">
<div class="inner-loader">
<div class="snow"></div>
<div class="snow"></div>
<div class="snow"></div>
<div class="snow"></div>
<div class="snow"></div>
<div class="snow"></div>
<div class="snow"></div>
<div class="snow"></div>
<div class="snow"></div>
<div class="snow"></div>
<div class="snow"></div>
<div class="snow"></div>
<div class="snow"></div>
<div class="snow"></div>
<div class="snow"></div>
<div class="snow"></div>
<div class="snow"></div>
<div class="snow"></div>
<div class="snow"></div>
<div class="snow"></div>
<div class="snow"></div>
<div class="snow"></div>
<div class="snow"></div>
<div class="snow"></div>
<div class="snow"></div>
<div class="snow"></div>
<div class="snow"></div>
<div class="snow"></div>
<div class="snow"></div>
<div class="snow"></div>
<div class="snow"></div>
<div class="snow"></div>
<div class="snow"></div>
<div class="snow"></div>
<div class="snow"></div>
<div class="snow"></div>
<div class="snow"></div>
<div class="snow"></div>
<div class="snow"></div>
<div class="snow"></div>
<div class="snow"></div>
<div class="snow"></div>
<div class="snow"></div>
<div class="snow"></div>
<div class="snow"></div>
<div class="snow"></div>
<div class="snow"></div>
<div class="snow"></div>
<div class="snow"></div>
<div class="snow"></div>
<div class="snow"></div>
<div class="snow"></div>
<div class="snow"></div>
<div class="snow"></div>
<div class="snow"></div>
<div class="spinner">
<div class="rect1"></div>
<div class="rect2"></div>
<div class="rect3"></div>
<div class="rect4"></div>
<div class="rect5"></div>
</div>
</div>
</div>
<!--loading end-->
<!--header sec start-->
<header class="head-sec cursor-light" id="head-sec">
<!-- <div class="container-fluid">-->
<div class="navigation">
<div class="slider-icons">
<ul class="slider-social social-icons">
<li class="animated-wrap"><a class="animated-element" href="javascript:void(0);"><i class="fab fa-facebook-f"></i> </a></li>
<li class="animated-wrap"><a class="animated-element" href="javascript:void(0);"><i class="fab fa-youtube"></i> </a></li>
<li class="animated-wrap"><a class="animated-element" href="javascript:void(0);"><i class="lab la-instagram"></i> </a></li>
</ul>
</div>
<div class="navigation-toggle">
<ul class="slider-social toggle-btn">
<li class="animated-wrap">
<a class="animated-element" href="javascript:void(0);">
<span></span>
<span></span>
<span></span>
</a>
</li>
</ul>
</div>
</div>
<div class="broad">
<ul class="slider-social close-nav">
<li class="animated-wrap"><a class="animated-element" href="javascript:void(0);"><i class="las la-times"></i></a></li>
</ul>
<nav class="navbar navbar-light">
<ul class="navbar-nav">
<li class="nav-item">
<a class="nav-link scroll" href="../index-event.html">Home</a>
</li>
<li class="nav-item">
<a class="nav-link scroll" href="../index-event.html#about-sec">About Event</a>
</li>
<li class="nav-item">
<a class="nav-link scroll" href="../index-event.html#speaker-sec">Organizers</a>
</li>
<li class="nav-item">
<a class="nav-link scroll" href="../index-event.html#portfolio-sec">Gallery</a>
</li>
<li class="nav-item">
<a class="nav-link scroll" href="../index-event.html#pricing-sec">Buy Ticket</a>
</li>
<li class="nav-item">
<a class="nav-link scroll" href="../index-event.html#contact-sec">Contact</a>
</li>
</ul>
</nav>
</div>
<!-- </div>-->
</header>
<div class="aimated-cursor">
<div class="cursor">
<div class="cursor-loader"></div>
</div>
</div>
<!--header sec end-->
<!--slider sec start-->
<div class="slide-sec" id="slide-sec" style="background:url('img/standalone.jpg')">
<div class="slider-overlay"></div>
<div class="container">
<div class="row">
<div class="col-12 slide-content text-center">
<h4 class="slide-heading">About Event.</h4>
<p class="text-des">Lorem Ipsum is simply dummy text of the printing and that typesetting.</p>
</div>
</div>
</div>
</div>
<!--slider sec end-->
<!--about sec start-->
<div class="event-info">
<div class="container">
<div class="row">
<div class="col-12 col-lg-6 detail-info text-center text-lg-left wow fadeInLeft">
<span class="sub-heading">Join Event</span>
<h4 class="heading">About the Gala Event</h4>
<span class="fly-line"></span>
<p class="text-des">Lorem Ipsum is simply dummy text of the printing and that typesetting Donec pulvinar mi sit. Lorem is simply dummy text of the printing and that typesetting Donec pulvi mi sit. Nam ut rutrum ex, venenatis sollicitudin urna. Aliquam erat volutpat. Aliquam erat volutpat.</p>
<div class="row location-details">
<div class="col-12 col-md-6">
<div class="media">
<i class="las la-microphone-alt d-none d-lg-block"></i>
<div class="media-body">
<h5 class="mt-0">Speakers</h5>
<p>Professional Speakers, 157</p>
</div>
</div>
</div>
<div class="col-12 col-md-6">
<div class="media">
<i class="lab la-teamspeak d-none d-lg-block"></i>
<div class="media-body">
<h5 class="mt-0">Tickets</h5>
<p>1200 Tickets Remaining</p>
</div>
</div>
</div>
<div class="col-12 col-md-6">
<div class="media">
<i class="las la-map-marker d-none d-lg-block"></i>
<div class="media-body">
<h5 class="mt-0">Where</h5>
<p>Manchester, USA</p>
</div>
</div>
</div>
<div class="col-12 col-md-6">
<div class="media">
<i class="las la-globe d-none d-lg-block"></i>
<div class="media-body">
<h5 class="mt-0">When</h5>
<p>January 5 to 9, 2021</p>
</div>
</div>
</div>
</div>
<a class="btn anim-btn rounded-pill" href="#">Buy Tickets
<span></span><span></span><span></span><span></span><span></span>
</a>
</div>
<div class="col-12 col-lg-6 img-gallery wow fadeInRight">
<div class="row no-gutters">
<div class="col-12 col-md-6 order-1 order-md-1 pr-md-1">
<div class="hover-effect">
<img src="img/g2.1.jpg" alt="gallery">
</div>
</div>
<div class="col-12 col-md-6 order-3 order-md-2 mt-2 mt-md-0 pl-md-1">
<div class="hover-effect">
<img src="img/g6.jpg" alt="gallery">
</div>
</div>
<div class="col-12 order-2 order-md-3 mt-2">
<div class="hover-effect">
<img src="img/g3.jpg" alt="gallery">
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!--about sec end-->
<!--counters sec start-->
<div class="count-down-area count-sec" id="count-down-area" style="background: url('img/countdown.jpg')">
<div class="count-overlay"></div>
<div class="container">
<div class="row no-gutters text-center">
<div class="col-12 col-lg-3 day-sec">
<h4 class="days">40</h4><span>Days</span>
</div>
<div class="col-12 col-lg-3 hour-sec">
<h4 class="hours">24</h4><span>Hours</span>
</div>
<div class="col-12 col-lg-3 min-sec">
<h4 class="minutes">30</h4><span>Minutes</span>
</div>
<div class="col-12 col-lg-3 sec-sec">
<h4 class="sec">60</h4><span>Seconds</span>
</div>
</div>
</div>
</div>
<!--counters sec end-->
<!--Speaker sec start-->
<div class="speaker-sec rec-speaker" id="speaker-sec">
<div class="container">
<div class="row text-center speakers-detail">
<div class="col-12">
<span class="sub-heading">Listen to the</span>
<h4 class="large-heading">Event Speakers</h4>
<span class="fly-line"></span>
</div>
</div>
<div class="speaker owl-carousel owl-theme text-center">
<div class="item speaker-info">
<div class="image-holder">
<img src="img/t2.jpg" alt="speaker">
<div class="overlay d-flex justify-content-center align-items-center">
<div class="speaker-links">
<ul>
<li><a href="#"><i class="fab fa-facebook-f"></i></a></li>
<li><a href="#"><i class="fab fa-twitter"></i></a></li>
<li><a href="#"><i class="fab fa-instagram"></i></a></li>
</ul>
</div>
</div>
</div>
<h4 class="speaker-name">James Anderson</h4>
<p class="speaker-detail">Founder, Cards</p>
</div>
<div class="item speaker-info">
<div class="image-holder">
<img src="img/t1.jpg" alt="speaker">
<div class="overlay d-flex justify-content-center align-items-center">
<div class="speaker-links">
<ul>
<li><a href="#"><i class="fab fa-facebook-f"></i></a></li>
<li><a href="#"><i class="fab fa-twitter"></i></a></li>
<li><a href="#"><i class="fab fa-instagram"></i></a></li>
</ul>
</div>
</div>
</div>
<h4 class="speaker-name">James Anderson</h4>
<p class="speaker-detail">Founder, Cards</p>
</div>
<div class="item speaker-info">
<div class="image-holder">
<img src="img/t3.jpg" alt="speaker">
<div class="overlay d-flex justify-content-center align-items-center">
<div class="speaker-links">
<ul>
<li><a href="#"><i class="fab fa-facebook-f"></i></a></li>
<li><a href="#"><i class="fab fa-twitter"></i></a></li>
<li><a href="#"><i class="fab fa-instagram"></i></a></li>
</ul>
</div>
</div>
</div>
<h4 class="speaker-name">James Anderson</h4>
<p class="speaker-detail">Founder, Cards</p>
</div>
<div class="item speaker-info">
<div class="image-holder">
<img src="img/t4.jpg" alt="speaker">
<div class="overlay d-flex justify-content-center align-items-center">
<div class="speaker-links">
<ul>
<li><a href="#"><i class="fab fa-facebook-f"></i></a></li>
<li><a href="#"><i class="fab fa-twitter"></i></a></li>
<li><a href="#"><i class="fab fa-instagram"></i></a></li>
</ul>
</div>
</div>
</div>
<h4 class="speaker-name">James Anderson</h4>
<p class="speaker-detail">Founder, Cards</p>
</div>
</div>
</div>
</div>
<!--Speaker sec end-->
<!--Brands sec start-->
<div class="brand-sec" id="brand-sec" style="background: url('img/speaker_bg1.jpg');">
<div class="container">
<div class="row no-gutters">
<div class="col-12">
<div class="sponser-tags owl-carousel owl-theme">
<div class="item brand-img d-flex justify-content-center">
<img src="img/brand1.png" alt="brand1">
</div>
<div class="item brand-img d-flex justify-content-center">
<img src="img/brand1.png" alt="brand2">
</div>
<div class="item brand-img d-flex justify-content-center">
<img src="img/brand1.png" alt="brand3">
</div>
<div class="item brand-img d-flex justify-content-center">
<img src="img/brand1.png" alt="brand4">
</div>
</div>
</div>
</div>
</div>
</div>
<!--Brands sec end-->
<!--contact us sec start-->
<div class="contact-sec" id="contact-sec">
<div class="row no-gutters">
<div class="col-12">
<div id="google-map" class="bg-light-gray map"></div>
</div>
</div>
</div>
<!--contact us sec end-->
<!--footer sec start-->
<footer class="footer-sec" id="footer-sec">
<div class="container">
<div class="row">
<div class="col-12 d-flex justify-content-center">
<div class="footer-icons d-flex">
<a href="javascript:void(0)" class="wow fadeInUp"><i class="lab la-facebook-f"></i> </a>
<a href="javascript:void(0)" class="wow fadeInDown"><i class="lab la-twitter"></i> </a>
<a href="javascript:void(0)" class="wow fadeInUp"><i class="lab la-google"></i> </a>
<a href="javascript:void(0)" class="wow fadeInDown"><i class="lab la-linkedin-in"></i> </a>
<a href="javascript:void(0)" class="wow fadeInUp"><i class="lab la-instagram"></i> </a>
<a href="javascript:void(0)" class="wow fadeInDown"><i class="las la-envelope"></i> </a>
</div>
</div>
</div>
</div>
</footer>
<!--footer sec end-->
<script src="../vendor/js/bundle.min.js"></script>
<script src="../vendor/js/jquery.themepunch.tools.min.js"></script>
<script src="../vendor/js/jquery.themepunch.revolution.min.js"></script>
<script src="../vendor/js/jquery.cubeportfolio.min.js"></script>
<!-- SLIDER REVOLUTION EXTENSIONS -->
<script src="../vendor/js/extensions/revolution.extension.actions.min.js"></script>
<script src="../vendor/js/extensions/revolution.extension.carousel.min.js"></script>
<script src="../vendor/js/extensions/revolution.extension.kenburn.min.js"></script>
<script src="../vendor/js/extensions/revolution.extension.layeranimation.min.js"></script>
<script src="../vendor/js/extensions/revolution.extension.migration.min.js"></script>
<script src="../vendor/js/extensions/revolution.extension.navigation.min.js"></script>
<script src="../vendor/js/extensions/revolution.extension.parallax.min.js"></script>
<script src="../vendor/js/extensions/revolution.extension.slideanims.min.js"></script>
<script src="../vendor/js/extensions/revolution.extension.video.min.js"></script>
<!-- SNOW ADD ON -->
<script src="../vendor/js/extensions/revolution.addon.snow.min.js"></script>
<script src="../vendor/js/TweenMax.min.js"></script>
<script src="js/countdown.js"></script>
<script src="../vendor/js/parallaxie.min.js"></script>
<script src="../vendor/js/owl.carousel.min.js"></script>
<script src="../vendor/js/wow.min.js"></script>
<script src="js/tilt.jquery.js"></script>
<!--counter js links-->
<script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyDJScy7qJ156DWM8kJVG-ZrK0R7Kize2Jg "></script>
<script src="js/map.js"></script>
<script src="js/script.js"></script>
</body>
</html>