?
áEÓê¤ÎïLwebshll2019
<!DOCTYPE html>
<html lang="en">
<head>
<!-- Meta Tags -->
<meta charset="utf-8">
<meta content="width=device-width, initial-scale=1, shrink-to-fit=no" name="viewport">
<!-- Author -->
<meta name="author" content="Themes Industry">
<!-- description -->
<meta name="description" content="MegaOne is a highly creative, modern, visually stunning and Bootstrap responsive multipurpose studio and portfolio HTML5 template with 8 ready home page demos.">
<!-- keywords -->
<meta name="keywords" content="Creative, modern, clean, bootstrap responsive, html5, css3, portfolio, blog, studio, templates, multipurpose, one page, corporate, start-up, studio, branding, designer, freelancer, carousel, parallax, photography, studio, masonry, grid, faq">
<!-- Page Title -->
<title>Events | MegaOne HTML5 Template</title>
<!-- Favicon -->
<link rel="icon" href="event/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="event/css/line-awesome.min.css">
<link rel="stylesheet" href="event/css/layers.css">
<link rel="stylesheet" href="event/css/settings.css">
<link rel="stylesheet" href="event/css/loader.css">
<link rel="stylesheet" href="event/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>
<!-- <img src="event/img/load3.gif">-->
<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-->
<!--bottom Arrow start-->
<div class="bottom-arr scroll-top-arrow">
<i class="las la-angle-up"></i>
</div>
<!--bottom Arrow 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="#head-sec">Home</a>
</li>
<li class="nav-item">
<a class="nav-link scroll" href="#about-sec">About Event</a>
</li>
<li class="nav-item">
<a class="nav-link scroll" href="#speaker-sec">Organizers</a>
</li>
<li class="nav-item">
<a class="nav-link scroll" href="#portfolio-sec">Gallery</a>
</li>
<li class="nav-item">
<a class="nav-link scroll" href="#pricing-sec">Buy Ticket</a>
</li>
<li class="nav-item">
<a class="nav-link scroll" href="#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="slider-sec" id="slider-sec">
<!-- START REVOLUTION SLIDER -->
<div id="rev_slider_4_1_wrapper" class="rev_slider_wrapper fullscreen-container" data-alias="gravitydesign17 snowaddon1" data-source="gallery" style="background:#1d2931;padding:0px;">
<!-- START REVOLUTION SLIDER 5.4.8.1 fullscreen mode -->
<div id="rev_slider_4_1" class="rev_slider fullscreenbanner" style="display:none;" data-version="5.4.8.1">
<ul> <!-- SLIDE -->
<li data-index="rs-18" data-transition="fade" data-slotamount="default" data-hideafterloop="0" data-hideslideonmobile="off" data-easein="default" data-easeout="default" data-masterspeed="300" data-rotate="0" data-saveperformance="off" data-title="Slide" data-param1="" data-param2="" data-param3="" data-param4="" data-param5="" data-param6="" data-param7="" data-param8="" data-param9="" data-param10="" data-description="">
<!-- MAIN IMAGE -->
<img src="event/img/slider/transparent.png" alt="" data-bgposition="center center" data-bgfit="cover" data-bgrepeat="no-repeat" data-bgparallax="off" class="rev-slidebg" data-no-retina>
<!-- LAYERS -->
<!-- LAYER NR. 1 -->
<div class="tp-caption tp-resizeme"
id="slide-18-layer-1"
data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']"
data-y="['bottom','bottom','bottom','bottom']" data-voffset="['0','0','0','0']"
data-width="full-proportional"
data-height="full-proportional"
data-whitespace="nowrap"
data-type="image"
data-basealign="slide"
data-responsive_offset="on"
data-frames='[{"delay":500,"speed":2000,"frame":"0","from":"opacity:0;","to":"o:1;","ease":"Power3.easeInOut"},{"delay":"wait","speed":310,"frame":"999","to":"opacity:0;","ease":"Power3.easeInOut"}]'
data-textAlign="['inherit','inherit','inherit','inherit']"
data-paddingtop="[0,0,0,0]"
data-paddingright="[0,0,0,0]"
data-paddingbottom="[0,0,0,0]"
data-paddingleft="[0,0,0,0]"
style="z-index: 5;"><img src="event/img/slider/d5b54-slide1-banner.jpg" alt="" data-ww="['full-proportional','full-proportional','full-proportional','full-proportional']" data-hh="['full-proportional','full-proportional','full-proportional','full-proportional']" data-no-retina> </div>
<!-- LAYER NR. 2 -->
<div class="tp-caption tp-resizeme rs-parallaxlevel-1"
id="slide-18-layer-8"
data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']"
data-y="['bottom','bottom','bottom','bottom']" data-voffset="['622','617','747','597']"
data-fontsize="['120','120','120','80']"
data-lineheight="['90','90','90','60']"
data-width="none"
data-height="none"
data-whitespace="nowrap"
data-type="text"
data-responsive_offset="on"
data-frames='[{"delay":1300,"speed":2000,"frame":"0","from":"sX:2;opacity:0;fb:20px;","to":"o:1;fb:0;","ease":"Power3.easeInOut"},{"delay":"wait","speed":310,"frame":"999","to":"opacity:0;fb:0;","ease":"Power3.easeInOut"}]'
data-textAlign="['center','center','center','center']"
data-paddingtop="[0,0,0,0]"
data-paddingright="[0,0,0,0]"
data-paddingbottom="[0,0,0,0]"
data-paddingleft="[0,0,0,0]"
style="z-index: 6; white-space: nowrap; font-size: 120px; line-height: 90px; font-weight: 700; color: rgba(255,0,255,1);font-family:Poppins;letter-spacing:-10px;">
<div class="rs-looped rs-wave" data-speed="3" data-angle="0" data-radius="2px" data-origin="50% 50%">MegaOne. </div></div>
<!-- LAYER NR. 3 -->
<div class="tp-caption tp-resizeme rs-parallaxlevel-1"
id="slide-18-layer-7"
data-x="['center','center','center','center']" data-hoffset="['-3','-3','-3','-3']"
data-y="['bottom','bottom','bottom','bottom']" data-voffset="['625','620','750','600']"
data-fontsize="['120','120','120','80']"
data-lineheight="['90','90','90','60']"
data-width="none"
data-height="none"
data-whitespace="nowrap"
data-type="text"
data-responsive_offset="on"
data-frames='[{"delay":1200,"speed":2000,"frame":"0","from":"sX:2;opacity:0;fb:20px;","to":"o:1;fb:0;","ease":"Power3.easeInOut"},{"delay":"wait","speed":310,"frame":"999","to":"opacity:0;fb:0;","ease":"Power3.easeInOut"}]'
data-textAlign="['center','center','center','center']"
data-paddingtop="[0,0,0,0]"
data-paddingright="[0,0,0,0]"
data-paddingbottom="[0,0,0,0]"
data-paddingleft="[0,0,0,0]"
style="z-index: 7; white-space: nowrap; font-size: 120px; line-height: 90px; font-weight: 700; color: rgba(255,255,0,1); font-family:Poppins;letter-spacing:-10px;">
<div class="rs-looped rs-wave" data-speed="3" data-angle="0" data-radius="2px" data-origin="50% 50%">MegaOne. </div></div>
<!-- LAYER NR. 4 -->
<div class="tp-caption tp-resizeme rs-parallaxlevel-1"
id="slide-18-layer-5"
data-x="['center','center','center','center']" data-hoffset="['3','3','3','3']"
data-y="['bottom','bottom','bottom','bottom']" data-voffset="['625','620','750','600']"
data-fontsize="['120','120','120','80']"
data-lineheight="['90','90','90','60']"
data-width="none"
data-height="none"
data-whitespace="nowrap"
data-type="text"
data-responsive_offset="on"
data-frames='[{"delay":1100,"speed":2000,"frame":"0","from":"sX:2;opacity:0;fb:20px;","to":"o:1;fb:0;","ease":"Power3.easeInOut"},{"delay":"wait","speed":310,"frame":"999","to":"opacity:0;fb:0;","ease":"Power3.easeInOut"}]'
data-textAlign="['center','center','center','center']"
data-paddingtop="[0,0,0,0]"
data-paddingright="[0,0,0,0]"
data-paddingbottom="[0,0,0,0]"
data-paddingleft="[0,0,0,0]"
style="z-index: 8; white-space: nowrap; font-size: 120px; line-height: 90px; font-weight: 700; color: rgba(0,255,255,1); font-family:Poppins;letter-spacing:-10px;">
<div class="rs-looped rs-wave" data-speed="3" data-angle="0" data-radius="2px" data-origin="50% 50%">MegaOne. </div></div>
<!-- LAYER NR. 5 -->
<div class="tp-caption tp-resizeme rs-parallaxlevel-1"
id="slide-18-layer-3"
data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']"
data-y="['bottom','bottom','bottom','bottom']" data-voffset="['625','620','750','600']"
data-fontsize="['120','120','120','80']"
data-lineheight="['90','90','90','60']"
data-width="none"
data-height="none"
data-whitespace="nowrap"
data-type="text"
data-responsive_offset="on"
data-frames='[{"delay":1000,"speed":2000,"frame":"0","from":"sX:2;opacity:0;fb:20px;","to":"o:1;fb:0;","ease":"Power3.easeInOut"},{"delay":"wait","speed":310,"frame":"999","to":"opacity:0;fb:0;","ease":"Power3.easeInOut"}]'
data-textAlign="['center','center','center','center']"
data-paddingtop="[0,0,0,0]"
data-paddingright="[0,0,0,0]"
data-paddingbottom="[0,0,0,0]"
data-paddingleft="[0,0,0,0]"
style="z-index: 9; white-space: nowrap; font-size: 120px; line-height: 90px; font-weight: 700; color: rgba(255,255,255,1); font-family:Poppins;letter-spacing:-10px;">MegaOne. </div>
<!-- LAYER NR. 6 -->
<div class="tp-caption tp-resizeme rs-parallaxlevel-1"
id="slide-18-layer-15"
data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']"
data-y="['bottom','bottom','bottom','bottom']" data-voffset="['50','29','200','160']"
data-width="none"
data-height="none"
data-whitespace="nowrap"
data-type="image"
data-responsive_offset="on"
data-frames='[{"delay":850,"speed":2000,"frame":"0","from":"sX:1.1;sY:1.1;opacity:0;fb:20px;","to":"o:1;fb:0;","ease":"Power3.easeInOut"},{"delay":"wait","speed":310,"frame":"999","to":"opacity:0;fb:0;","ease":"Power3.easeInOut"}]'
data-textAlign="['inherit','inherit','inherit','inherit']"
data-paddingtop="[0,0,0,0]"
data-paddingright="[0,0,0,0]"
data-paddingbottom="[0,0,0,0]"
data-paddingleft="[0,0,0,0]"
style="z-index: 10;">
<div class="rs-looped rs-wave" data-speed="5" data-angle="0" data-radius="3px" data-origin="50% 50%"><img src="event/img/slider/galaxy_bg-2.png" alt="" data-ww="['509px','509px','509px','307px']" data-hh="['250px','250px','250px','150px']" data-no-retina> </div></div>
<!-- LAYER NR. 7 -->
<div class="tp-caption tp-resizeme rs-parallaxlevel-2"
id="slide-18-layer-2"
data-x="['center','center','center','center']" data-hoffset="['55','50','0','60']"
data-y="['bottom','bottom','bottom','bottom']" data-voffset="['184','200','300','280']"
data-width="none"
data-height="none"
data-whitespace="nowrap"
data-type="image"
data-responsive_offset="on"
data-frames='[{"delay":250,"speed":5000,"frame":"0","from":"y:100px;rZ:15deg;opacity:0;fb:20px;","to":"o:1;fb:0;","ease":"Power4.easeOut"},{"delay":"wait","speed":310,"frame":"999","to":"opacity:0;fb:0;","ease":"Power3.easeInOut"}]'
data-textAlign="['inherit','inherit','inherit','inherit']"
data-paddingtop="[0,0,0,0]"
data-paddingright="[0,0,0,0]"
data-paddingbottom="[0,0,0,0]"
data-paddingleft="[0,0,0,0]"
style="z-index: 11;">
<div class="rs-looped rs-wave" data-speed="10" data-angle="0" data-radius="5px" data-origin="50% 50%"><img src="event/img/slider/8e0ec-slide1.png" alt="" data-ww="['380px','350px','350px','300px']" data-hh="['560px','500px','550px','400px']" data-no-retina> </div></div>
<!-- LAYER NR. 8 -->
<div class="tp-caption tp-resizeme rs-parallaxlevel-3"
id="slide-18-layer-9"
data-x="['center','center','center','center']" data-hoffset="['-531','-531','-348','-204']"
data-y="['bottom','bottom','bottom','bottom']" data-voffset="['420','350','421','431']"
data-width="none"
data-height="none"
data-whitespace="nowrap"
data-type="image"
data-responsive_offset="on"
data-frames='[{"delay":250,"speed":3000,"frame":"0","from":"y:150px;rZ:90deg;opacity:0;fb:10px;","to":"o:1;fb:0;","ease":"Power4.easeOut"},{"delay":"wait","speed":310,"frame":"999","to":"opacity:0;fb:0;","ease":"Power3.easeInOut"}]'
data-textAlign="['inherit','inherit','inherit','inherit']"
data-paddingtop="[0,0,0,0]"
data-paddingright="[0,0,0,0]"
data-paddingbottom="[0,0,0,0]"
data-paddingleft="[0,0,0,0]"
style="z-index: 12;">
<div class="rs-looped rs-wave" data-speed="5" data-angle="0" data-radius="3px" data-origin="50% 50%"><img src="event/img/slider/flake2.png" alt="" data-ww="['29px','29px','29px','29px']" data-hh="['25px','21px','21px','21px']" data-no-retina> </div></div>
<!-- LAYER NR. 9 -->
<div class="tp-caption tp-resizeme rs-parallaxlevel-3"
id="slide-18-layer-10"
data-x="['center','center','center','center']" data-hoffset="['400','493','326','194']"
data-y="['bottom','bottom','bottom','bottom']" data-voffset="['420','399','408','438']"
data-width="none"
data-height="none"
data-whitespace="nowrap"
data-type="image"
data-responsive_offset="on"
data-frames='[{"delay":350,"speed":3000,"frame":"0","from":"y:150px;rZ:-90deg;opacity:0;fb:10px;","to":"o:1;fb:0;","ease":"Power4.easeOut"},{"delay":"wait","speed":310,"frame":"999","to":"opacity:0;fb:0;","ease":"Power3.easeInOut"}]'
data-textAlign="['inherit','inherit','inherit','inherit']"
data-paddingtop="[0,0,0,0]"
data-paddingright="[0,0,0,0]"
data-paddingbottom="[0,0,0,0]"
data-paddingleft="[0,0,0,0]"
style="z-index: 13;">
<div class="rs-looped rs-wave" data-speed="5" data-angle="0" data-radius="3px" data-origin="50% 50%"><img src="event/img/slider/flake6.png" alt="" data-ww="['28px','28px','28px','28px']" data-hh="['27px','27px','27px','27px']" data-no-retina> </div></div>
<!-- LAYER NR. 10 -->
<div class="tp-caption tp-resizeme rs-parallaxlevel-5"
id="slide-18-layer-11"
data-x="['center','center','center','center']" data-hoffset="['200','350','245','141']"
data-y="['bottom','bottom','bottom','bottom']" data-voffset="['360','338','331','348']"
data-width="none"
data-height="none"
data-whitespace="nowrap"
data-type="image"
data-responsive_offset="on"
data-frames='[{"delay":450,"speed":3000,"frame":"0","from":"y:150px;rZ:45deg;opacity:0;fb:10px;","to":"o:1;fb:0;","ease":"Power4.easeOut"},{"delay":"wait","speed":310,"frame":"999","to":"opacity:0;fb:0;","ease":"Power3.easeInOut"}]'
data-textAlign="['inherit','inherit','inherit','inherit']"
data-paddingtop="[0,0,0,0]"
data-paddingright="[0,0,0,0]"
data-paddingbottom="[0,0,0,0]"
data-paddingleft="[0,0,0,0]"
style="z-index: 14">
<div class="rs-looped rs-wave" data-speed="3" data-angle="0" data-radius="2px" data-origin="50% 50%"><img src="event/img/slider/flake5.png" alt="" data-ww="['26px','26px','26px','26px']" data-hh="['24px','24px','24px','24px']" data-no-retina> </div></div>
<!-- LAYER NR. 11 -->
<div class="tp-caption tp-resizeme rs-parallaxlevel-5"
id="slide-18-layer-12"
data-x="['center','center','center','center']" data-hoffset="['-400','-455','-321','-214']"
data-y="['bottom','bottom','bottom','bottom']" data-voffset="['380','320','357','381']"
data-width="none"
data-height="none"
data-whitespace="nowrap"
data-type="image"
data-responsive_offset="on"
data-frames='[{"delay":550,"speed":3000,"frame":"0","from":"y:150px;rZ:-125deg;opacity:0;fb:10px;","to":"o:1;fb:0;","ease":"Power4.easeOut"},{"delay":"wait","speed":310,"frame":"999","to":"opacity:0;fb:0;","ease":"Power3.easeInOut"}]'
data-textAlign="['inherit','inherit','inherit','inherit']"
data-paddingtop="[0,0,0,0]"
data-paddingright="[0,0,0,0]"
data-paddingbottom="[0,0,0,0]"
data-paddingleft="[0,0,0,0]"
style="z-index: 15;">
<div class="rs-looped rs-wave" data-speed="5" data-angle="0" data-radius="4px" data-origin="50% 50%"><img src="event/img/slider/flake3.png" alt="" data-ww="['27px','27px','27px','27px']" data-hh="['26px','26px','26px','26px']" data-no-retina> </div></div>
<!-- LAYER NR. 12 -->
<div class="tp-caption tp-resizeme rs-parallaxlevel-4"
id="slide-18-layer-13"
data-x="['center','center','center','center']" data-hoffset="['-88','-88','-88','-37']"
data-y="['bottom','bottom','bottom','bottom']" data-voffset="['382','382','382','399']"
data-width="none"
data-height="none"
data-whitespace="nowrap"
data-type="image"
data-responsive_offset="on"
data-frames='[{"delay":650,"speed":3000,"frame":"0","from":"y:150px;rZ:125deg;opacity:0;fb:10px;","to":"o:1;fb:0;","ease":"Power4.easeOut"},{"delay":"wait","speed":310,"frame":"999","to":"opacity:0;fb:0;","ease":"Power3.easeInOut"}]'
data-textAlign="['inherit','inherit','inherit','inherit']"
data-paddingtop="[0,0,0,0]"
data-paddingright="[0,0,0,0]"
data-paddingbottom="[0,0,0,0]"
data-paddingleft="[0,0,0,0]"
style="z-index: 16;">
<div class="rs-looped rs-wave" data-speed="6" data-angle="0" data-radius="3px" data-origin="50% 50%"><img src="event/img/slider/flake1.png" alt="" data-ww="['13','13','13','13px']" data-hh="12px" data-no-retina> </div></div>
<!-- LAYER NR. 13 -->
<div class="tp-caption tp-resizeme rs-parallaxlevel-4"
id="slide-18-layer-14"
data-x="['center','center','center','center']" data-hoffset="['-232','-232','-232','-170']"
data-y="['bottom','bottom','bottom','bottom']" data-voffset="['300','300','300','366']"
data-width="none"
data-height="none"
data-whitespace="nowrap"
data-type="image"
data-responsive_offset="on"
data-frames='[{"delay":750,"speed":3000,"frame":"0","from":"y:150px;rZ:-125deg;opacity:0;fb:10px;","to":"o:1;fb:0;","ease":"Power4.easeOut"},{"delay":"wait","speed":310,"frame":"999","to":"opacity:0;fb:0;","ease":"Power3.easeInOut"}]'
data-textAlign="['inherit','inherit','inherit','inherit']"
data-paddingtop="[0,0,0,0]"
data-paddingright="[0,0,0,0]"
data-paddingbottom="[0,0,0,0]"
data-paddingleft="[0,0,0,0]"
style="z-index: 17;">
<div class="rs-looped rs-wave" data-speed="7" data-angle="0" data-radius="6px" data-origin="50% 50%"><img src="event/img/slider/flake4.png" alt="" data-ww="['16px','16px','16px','16px']" data-hh="['15px','15px','15px','15px']" data-no-retina> </div></div>
<!-- LAYER NR. 14 -->
<a class="tp-caption tp-resizeme count_down_days"
href="#" target="_blank" id="slide-18-layer-18"
data-x="['left','left','center','center']" data-hoffset="['0','0','-85','-85']"
data-y="['bottom','bottom','bottom','bottom']" data-voffset="['115','15','210','210']"
data-fontsize="['80','80','65','65']"
data-lineheight="['80','80','23','20']"
data-fontweight="['700','700','300','300']"
data-width="['none','none','270','270']"
data-height="none"
data-whitespace="['normal','normal','nowrap','nowrap']"
data-type="text"
data-actions=''
data-responsive_offset="on"
data-frames='[{"delay":1400,"speed":1510,"frame":"0","from":"sX:2;opacity:0;fb:10px;","to":"o:1;fb:0;","ease":"Power3.easeInOut"},{"delay":"wait","speed":310,"frame":"999","to":"opacity:0;fb:0;","ease":"Power3.easeInOut"},{"frame":"hover","speed":"0","ease":"Linear.easeNone","to":"o:1;rX:0;rY:0;rZ:0;z:0;fb:0px;","style":"c:rgba(255,255,255,1);"}]'
data-textAlign="['center','center','center','center']"
data-paddingtop="[0,0,0,0]"
data-paddingright="[0,0,0,0]"
data-paddingbottom="[0,0,0,0]"
data-paddingleft="[0,0,0,0]"
style="z-index: 18; white-space: normal; font-size: 100px; line-height: 80px; font-weight: 700; color: rgba(255,255,255,1); letter-spacing: 2px;font-family:'Open Sans', sans-serif;cursor:pointer;text-decoration: none;">23</a>
<!-- LAYER NR. 15 -->
<a class="tp-caption tp-resizeme"
href="#" target="_blank" id="slide-18-layer-19"
data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']"
data-y="['bottom','bottom','bottom','bottom']" data-voffset="['100','10','100','100']"
data-fontsize="['45','30','25','25']"
data-lineheight="['48','48','33','26']"
data-fontweight="['700','700','300','300']"
data-width="['none','none','270','270']"
data-height="none"
data-whitespace="nowrap"
data-type="text"
data-actions=''
data-responsive_offset="on"
data-frames='[{"delay":1400,"speed":1510,"frame":"0","from":"sX:2;opacity:0;fb:10px;","to":"o:1;fb:0;","ease":"Power3.easeInOut"},{"delay":"wait","speed":310,"frame":"999","to":"opacity:0;fb:0;","ease":"Power3.easeInOut"},{"frame":"hover","speed":"0","ease":"Linear.easeNone","to":"o:1;rX:0;rY:0;rZ:0;z:0;fb:0px;","style":"c:rgba(255,255,255,1);"}]'
data-textAlign="['center','center','center','center']"
data-paddingtop="[0,0,0,0]"
data-paddingright="[0,0,0,0]"
data-paddingbottom="[0,0,0,0]"
data-paddingleft="[0,0,0,0]"
style="z-index: 19; white-space: nowrap; font-size: 45px; line-height: 48px; font-weight: 700; color: rgba(255,255,255,1); letter-spacing: -1px;font-family:'Montserrat', sans-serif;cursor:pointer;text-decoration: none;">Be Part of an Exciting<br/>Gala Event </a>
<!-- LAYER NR. 16 -->
<a class="tp-caption tp-resizeme"
id="slide-18-layer-20"
data-x="['right','right','center','center']" data-hoffset="['0','0','0','0']"
data-y="['bottom','bottom','bottom','bottom']" data-voffset="['103','15','25','15']"
data-fontsize="['16','16','18','18']"
data-lineheight="['28','28','23','23']"
data-width="['317','317','500','350']"
data-height="none"
data-whitespace="['normal','normal','normal','normal']"
data-type="text"
data-actions=''
data-responsive_offset="on"
data-frames='[{"delay":1400,"speed":1510,"frame":"0","from":"sX:2;opacity:0;fb:10px;","to":"o:1;fb:0;","ease":"Power3.easeInOut"},{"delay":"wait","speed":310,"frame":"999","to":"opacity:0;fb:0;","ease":"Power3.easeInOut"},{"frame":"hover","speed":"0","ease":"Linear.easeNone","to":"o:1;rX:0;rY:0;rZ:0;z:0;fb:0px;","style":"c:rgba(255,255,255,1);"}]'
data-textAlign="['center','center','center','center']"
data-paddingtop="[0,0,0,0]"
data-paddingright="[0,0,0,0]"
data-paddingbottom="[0,0,0,0]"
data-paddingleft="[0,0,0,0]"
style="z-index: 20; min-width: 317px; max-width: 317px; white-space: normal; font-size: 16px; line-height: 28px; font-weight: 300; color: rgba(255,255,255,1); font-family:'Montserrat', sans-serif;cursor:pointer;text-decoration: none;">Donec quis nunc mollis, tincidunt vel, pellentesque arcu. Nam nec tristique ex, vitae posuere enim. </a>
<!-- LAYER NR. 18 -->
<a class="tp-caption tp-resizeme count_down_hours"
id="slide-18-layer-22"
data-x="['left','left','center','center']" data-hoffset="['148','148','-10','-10']"
data-y="['bottom','bottom','bottom','bottom']" data-voffset="['140','50','220','220']"
data-fontsize="['45','45','25','25']"
data-lineheight="['50','50','23','23']"
data-fontweight="['700','700','300','300']"
data-width="['none','none','270','270']"
data-height="none"
data-whitespace="['normal','normal','nowrap','nowrap']"
data-type="text"
data-actions=''
data-responsive_offset="on"
data-frames='[{"delay":1400,"speed":1510,"frame":"0","from":"sX:2;opacity:0;fb:10px;","to":"o:1;fb:0;","ease":"Power3.easeInOut"},{"delay":"wait","speed":310,"frame":"999","to":"opacity:0;fb:0;","ease":"Power3.easeInOut"},{"frame":"hover","speed":"0","ease":"Linear.easeNone","to":"o:1;rX:0;rY:0;rZ:0;z:0;fb:0px;","style":"c:rgba(255,255,255,1);"}]'
data-textAlign="['center','center','center','center']"
data-paddingtop="[0,0,0,0]"
data-paddingright="[0,0,0,0]"
data-paddingbottom="[0,0,0,0]"
data-paddingleft="[0,0,0,0]"
style="z-index: 22; white-space: normal; font-size: 55px; line-height: 50px; font-weight: 700; color: rgba(255,255,255,1); font-family:'Open Sans', sans-serif;cursor:pointer;text-decoration: none;">11 </a>
<!-- LAYER NR. 19 -->
<a class="tp-caption tp-resizeme count_down_min"
id="slide-18-layer-23"
data-x="['left','left','center','center']" data-hoffset="['235','235','75','75']"
data-y="['bottom','bottom','bottom','bottom']" data-voffset="['140','50','220','220']"
data-fontsize="['45','45','25','25']"
data-lineheight="['50','50','23','23']"
data-fontweight="['700','700','300','300']"
data-width="['none','none','270','270']"
data-height="none"
data-whitespace="['normal','normal','nowrap','nowrap']"
data-type="text"
data-actions=''
data-responsive_offset="on"
data-frames='[{"delay":1400,"speed":1510,"frame":"0","from":"sX:2;opacity:0;fb:10px;","to":"o:1;fb:0;","ease":"Power3.easeInOut"},{"delay":"wait","speed":310,"frame":"999","to":"opacity:0;fb:0;","ease":"Power3.easeInOut"},{"frame":"hover","speed":"0","ease":"Linear.easeNone","to":"o:1;rX:0;rY:0;rZ:0;z:0;fb:0px;","style":"c:rgba(255,255,255,1);"}]'
data-textAlign="['center','center','center','center']"
data-paddingtop="[0,0,0,0]"
data-paddingright="[0,0,0,0]"
data-paddingbottom="[0,0,0,0]"
data-paddingleft="[0,0,0,0]"
style="z-index: 23; white-space: normal; font-size: 55px; line-height: 50px; font-weight: 700; color: rgba(255,255,255,1); font-family:'Open Sans', sans-serif;cursor:pointer;text-decoration: none;">52 </a>
<!-- LAYER NR. 20 -->
<a class="tp-caption tp-resizeme count_down_sec"
id="slide-18-layer-24"
data-x="['left','left','center','center']" data-hoffset="['150','150','-7','-7']"
data-y="['bottom','bottom','bottom','bottom']" data-voffset="['70','0','190','190']"
data-fontsize="['45','45','25','25']"
data-lineheight="['50','50','23','23']"
data-fontweight="['700','700','300','300']"
data-width="['none','none','270','270']"
data-height="none"
data-whitespace="['normal','normal','nowrap','nowrap']"
data-type="text"
data-actions=''
data-responsive_offset="on"
data-frames='[{"delay":1400,"speed":1510,"frame":"0","from":"sX:2;opacity:0;fb:10px;","to":"o:1;fb:0;","ease":"Power3.easeInOut"},{"delay":"wait","speed":310,"frame":"999","to":"opacity:0;fb:0;","ease":"Power3.easeInOut"},{"frame":"hover","speed":"0","ease":"Linear.easeNone","to":"o:1;rX:0;rY:0;rZ:0;z:0;fb:0px;","style":"c:rgba(255,255,255,1);"}]'
data-textAlign="['center','center','center','center']"
data-paddingtop="[0,0,0,0]"
data-paddingright="[0,0,0,0]"
data-paddingbottom="[0,0,0,0]"
data-paddingleft="[0,0,0,0]"
style="z-index: 24; white-space: normal; font-size: 55px; line-height: 50px; font-weight: 700; color: rgba(255,255,255,1); font-family:'Open Sans', sans-serif;cursor:pointer;text-decoration: none;">09 </a>
<!-- LAYER NR. 21 -->
<a class="tp-caption tp-resizeme"
id="slide-18-layer-25"
data-x="['left','left','center','center']" data-hoffset="['230','230','80','80']"
data-y="['bottom','bottom','bottom','bottom']" data-voffset="['82','8','190','190']"
data-fontsize="['16','16','18','18']"
data-lineheight="['24','24','23','23']"
data-width="['none','none','270','270']"
data-height="none"
data-whitespace="['normal','normal','nowrap','nowrap']"
data-type="text"
data-actions=''
data-responsive_offset="on"
data-frames='[{"delay":1400,"speed":1510,"frame":"0","from":"sX:2;opacity:0;fb:10px;","to":"o:1;fb:0;","ease":"Power3.easeInOut"},{"delay":"wait","speed":310,"frame":"999","to":"opacity:0;fb:0;","ease":"Power3.easeInOut"},{"frame":"hover","speed":"0","ease":"Linear.easeNone","to":"o:1;rX:0;rY:0;rZ:0;z:0;fb:0px;","style":"c:rgba(255,255,255,1);"}]'
data-textAlign="['center','center','center','center']"
data-paddingtop="[0,0,0,0]"
data-paddingright="[0,0,0,0]"
data-paddingbottom="[0,0,0,0]"
data-paddingleft="[0,0,0,0]"
style="z-index: 25; white-space: normal; font-size: 16px; line-height: 24px; font-weight: 300; color: rgba(255,255,255,1); font-family:'Open Sans', sans-serif;cursor:pointer;text-decoration: none;">Seconds </a>
<!-- LAYER NR. 22 -->
<a class="tp-caption tp-resizeme"
id="slide-18-layer-26"
data-x="['left','left','center','center']" data-hoffset="['6','6','-90','-90']"
data-y="['bottom','bottom','bottom','bottom']" data-voffset="['210','100','250','250']"
data-fontsize="['16','16','18','18']"
data-lineheight="['24','24','23','23']"
data-width="['none','none','270','270']"
data-height="none"
data-whitespace="['normal','normal','nowrap','nowrap']"
data-type="text"
data-actions=''
data-responsive_offset="on"
data-frames='[{"delay":1400,"speed":1510,"frame":"0","from":"sX:2;opacity:0;fb:10px;","to":"o:1;fb:0;","ease":"Power3.easeInOut"},{"delay":"wait","speed":310,"frame":"999","to":"opacity:0;fb:0;","ease":"Power3.easeInOut"},{"frame":"hover","speed":"0","ease":"Linear.easeNone","to":"o:1;rX:0;rY:0;rZ:0;z:0;fb:0px;","style":"c:rgba(255,255,255,1);"}]'
data-textAlign="['center','center','center','center']"
data-paddingtop="[0,0,0,0]"
data-paddingright="[0,0,0,0]"
data-paddingbottom="[0,0,0,0]"
data-paddingleft="[0,0,0,0]"
style="z-index: 26; white-space: normal; font-size: 16px; line-height: 24px; font-weight: 300; color: rgba(255,255,255,1); font-family:'Open Sans', sans-serif;cursor:pointer;text-decoration: none;">Days </a>
<!-- LAYER NR. 23 -->
<a class="tp-caption tp-resizeme"
id="slide-18-layer-27"
data-x="['left','left','center','center']" data-hoffset="['152','150','-5','-5']"
data-y="['bottom','bottom','bottom','bottom']" data-voffset="['210','100','249','249']"
data-fontsize="['16','16','18','18']"
data-lineheight="['24','24','23','23']"
data-width="['none','none','270','270']"
data-height="none"
data-whitespace="['normal','normal','nowrap','nowrap']"
data-type="text"
data-actions=''
data-responsive_offset="on"
data-frames='[{"delay":1400,"speed":1510,"frame":"0","from":"sX:2;opacity:0;fb:10px;","to":"o:1;fb:0;","ease":"Power3.easeInOut"},{"delay":"wait","speed":310,"frame":"999","to":"opacity:0;fb:0;","ease":"Power3.easeInOut"},{"frame":"hover","speed":"0","ease":"Linear.easeNone","to":"o:1;rX:0;rY:0;rZ:0;z:0;fb:0px;","style":"c:rgba(255,255,255,1);"}]'
data-textAlign="['center','center','center','center']"
data-paddingtop="[0,0,0,0]"
data-paddingright="[0,0,0,0]"
data-paddingbottom="[0,0,0,0]"
data-paddingleft="[0,0,0,0]"
style="z-index: 27; white-space: normal; font-size: 16px; line-height: 24px; font-weight: 300; color: rgba(255,255,255,1); font-family:'Open Sans', sans-serif;cursor:pointer;text-decoration: none;">Hours </a>
<!-- LAYER NR. 24 -->
<a class="tp-caption tp-resizeme"
id="slide-18-layer-28"
data-x="['left','left','center','center']" data-hoffset="['236','236','85','85']"
data-y="['bottom','bottom','bottom','bottom']" data-voffset="['210','100','249','249']"
data-fontsize="['16','16','18','18']"
data-lineheight="['24','24','23','23']"
data-width="['none','none','270','270']"
data-height="none"
data-whitespace="['normal','normal','nowrap','nowrap']"
data-type="text"
data-actions=''
data-responsive_offset="on"
data-frames='[{"delay":1400,"speed":1510,"frame":"0","from":"sX:2;opacity:0;fb:10px;","to":"o:1;fb:0;","ease":"Power3.easeInOut"},{"delay":"wait","speed":310,"frame":"999","to":"opacity:0;fb:0;","ease":"Power3.easeInOut"},{"frame":"hover","speed":"0","ease":"Linear.easeNone","to":"o:1;rX:0;rY:0;rZ:0;z:0;fb:0px;","style":"c:rgba(255,255,255,1);"}]'
data-textAlign="['center','center','center','center']"
data-paddingtop="[0,0,0,0]"
data-paddingright="[0,0,0,0]"
data-paddingbottom="[0,0,0,0]"
data-paddingleft="[0,0,0,0]"
style="z-index: 28; white-space: normal; font-size: 16px; line-height: 24px; font-weight: 300; color: rgba(255,255,255,1); font-family:'Open Sans', sans-serif;cursor:pointer;text-decoration: none;">Minutes </a>
</li>
</ul>
<div class="tp-bannertimer tp-bottom" style="visibility: hidden !important;"></div>
</div>
</div>
<!-- END REVOLUTION SLIDER -->
<a class="navigate-arrow" href="#about-sec">
<i class="fas fa-chevron-down"></i>
</a>
</div>
<!--slider sec end-->
<!--About sec start-->
<div class="about-sec" id="about-sec" style="background: url('event/img/speaker_bg.png');">
<div class="container">
<div class="row">
<div class="col-12 col-lg-6 order-2 order-lg-1 d-flex justify-content-center align-items-center about-img">
<div class="tilt tilt-movie large-icon" data-tilt>
<i class="las la-headphones about-icon"></i>
</div>
<i class="las la-plus floating-icon"></i>
<i class="las la-circle floating-icon"></i>
<i class="las la-caret-up floating-icon"></i>
<i class="las la-chart-line floating-icon"></i>
<i class="las la-bell floating-icon"></i>
</div>
<div class="col-12 col-lg-6 order-1 order-lg-2 text-center text-lg-left">
<div class="about-info">
<span class="sub-heading">Join it now</span>
<h4 class="heading">Why You Should Join Event</h4>
<span class="fly-line"></span>
<p class="text-des">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.</p>
<div class="row location-details">
<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 class="col-12">
<a class="btn anim-btn rounded-pill" href="event/about-event.html">ABOUT EVENT
<span></span><span></span><span></span><span></span>
</a>
</div>
</div>
</div>
</div>
</div>
<div class="row about-cards text-center">
<div class="col-12 about-detail">
<span class="sub-heading">Join the event</span>
<h4 class="large-heading">Event Outcomes.</h4>
<span class="fly-line"></span>
</div>
<div class="col-12 col-lg-4 ab-card wow fadeInLeft">
<div class="about-card">
<i class="las la-microphone-alt"></i>
<h4 class="heading"><span>01.</span>Great Speakers</h4>
<p class="text-des">Lorem Ipsum is simply dummy text of the printing and typesetting and unknown printer galley.</p>
</div>
</div>
<div class="col-12 col-lg-4 ab-card active wow fadeInUp">
<div class="about-card">
<i class="lab la-teamspeak"></i>
<h4 class="heading"><span>02.</span>New People</h4>
<p class="text-des">Lorem Ipsum is simply dummy text of the printing and typesetting and unknown printer galley.</p>
</div>
</div>
<div class="col-12 col-lg-4 ab-card wow fadeInRight">
<div class="about-card">
<i class="las la-glass-cheers"></i>
<h4 class="heading"><span>03.</span>Have Fun</h4>
<p class="text-des">Lorem Ipsum is simply dummy text of the printing and typesetting and unknown printer galley.</p>
</div>
</div>
</div>
</div>
</div>
<!--About sec end-->
<!--Counters sec Start-->
<div class="count-sec" id="count-sec" style="background: url('event/img/counter-slider1.jpg');">
<div class="count-overlay"></div>
<div class="container">
<div class="row text-center count-content">
<div class="col-12 col-lg-4 count-li">
<h6 class="num"><span class="counter" data-count="68">68</span>+</h6>
<h4 class="heading">Victory Speaker</h4>
<p class="text-des"></p>
<span class="fly-line"></span>
</div>
<div class="col-12 col-lg-4 count-li">
<h6 class="num"><span class="counter" data-count="99">99</span>+</h6>
<h4 class="heading">International Speaker</h4>
<span class="fly-line"></span>
</div>
<div class="col-12 col-lg-4 count-li">
<h6 class="num"><span class="counter" data-count="103">103</span>+</h6>
<h4 class="heading">Event Participants</h4>
<span class="fly-line"></span>
</div>
</div>
</div>
</div>
<!--Counters sec end-->
<!--Speaker sec start-->
<div class="speaker-sec" 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 Organizers</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="event/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="event/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="event/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="event/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-->
<!--portfolio sec start-->
<div class="portfolio-sec" id="portfolio-sec" style="background: url('event/img/speaker_bg1.jpg');">
<div class="container">
<div class="row">
<div class="col-12 text-center portfolio-heading">
<span class="sub-heading">Creative Portfolio</span>
<h4 class="large-heading">Our Amazing Gallery</h4>
<span class="fly-line"></span>
</div>
</div>
</div>
<div id="js-filters-full-width" class="cbp-l-filters-alignCenter">
<div data-filter="*" class="cbp-filter-item-active cbp-filter-item rounded-pill">
All <div class="cbp-filter-counter"></div>
</div>
<div data-filter=".concert" class="cbp-filter-item rounded-pill">
Concerts <div class="cbp-filter-counter"></div>
</div>
<div data-filter=".fest" class="cbp-filter-item rounded-pill">
Festivals <div class="cbp-filter-counter"></div>
</div>
<div data-filter=".sufi" class="cbp-filter-item rounded-pill">
Sufi <div class="cbp-filter-counter"></div>
</div>
<div data-filter=".rock" class="cbp-filter-item rounded-pill">
Rock <div class="cbp-filter-counter"></div>
</div>
</div>
<div id="js-grid-full-width" class="cbp">
<div class="cbp-item concert rock">
<a href="event/img/g1.jpg" class="cbp-caption cbp-lightbox" data-title="Gala Event<br>by Paul Flavius Nechita">
<div class="cbp-caption-defaultWrap">
<img src="event/img/g1.jpg" alt="image">
</div>
<div class="cbp-caption-activeWrap">
<div class="cbp-l-caption-alignCenter">
<div class="cbp-l-caption-body">
<div class="cbp-l-caption-title">Gala Event</div>
<div class="cbp-l-caption-desc"><span class="fly-line"></span></div>
</div>
</div>
</div>
</a>
</div>
<div class="cbp-item fest">
<a href="event/img/g2.jpg" class="cbp-caption cbp-lightbox" data-title="Music Festival <br>by Paul Flavius Nechita">
<div class="cbp-caption-defaultWrap">
<img src="event/img/g2.jpg" alt="image">
</div>
<div class="cbp-caption-activeWrap">
<div class="cbp-l-caption-alignCenter">
<div class="cbp-l-caption-body">
<div class="cbp-l-caption-title">Music Festival</div>
<div class="cbp-l-caption-desc"><span class="fly-line"></span></div>
</div>
</div>
</div>
</a>
</div>
<div class="cbp-item sufi concert">
<a href="event/img/g3.jpg" class="cbp-caption cbp-lightbox" data-title="Sufi Night Event<br>by Paul Flavius Nechita">
<div class="cbp-caption-defaultWrap">
<img src="event/img/g3.jpg" data-cbp-src="event/img/g3.jpg" alt="" width="650" height="340">
</div>
<div class="cbp-caption-activeWrap">
<div class="cbp-l-caption-alignCenter">
<div class="cbp-l-caption-body">
<div class="cbp-l-caption-title">Sufi Night</div>
<div class="cbp-l-caption-desc"><span class="fly-line"></span></div>
</div>
</div>
</div>
</a>
</div>
<div class="cbp-item concert sufi">
<a href="event/img/g4.jpg" class="cbp-caption cbp-lightbox" data-title="Singing Concert<br>by Paul Flavius Nechita">
<div class="cbp-caption-defaultWrap">
<img src="event/img/g4.jpg" data-cbp-src="event/img/g4.jpg" alt="" width="650" height="670">
</div>
<div class="cbp-caption-activeWrap">
<div class="cbp-l-caption-alignCenter">
<div class="cbp-l-caption-body">
<div class="cbp-l-caption-title">Singing Concert</div>
<div class="cbp-l-caption-desc"><span class="fly-line"></span></div>
</div>
</div>
</div>
</a>
</div>
<div class="cbp-item fest rock">
<a href="event/img/g6.jpg" class="cbp-caption cbp-lightbox" data-title="Mega Festival<br>by Paul Flavius Nechita">
<div class="cbp-caption-defaultWrap">
<img src="event/img/g6.jpg" alt="image">
</div>
<div class="cbp-caption-activeWrap">
<div class="cbp-l-caption-alignCenter">
<div class="cbp-l-caption-body">
<div class="cbp-l-caption-title">Mega Fest</div>
<div class="cbp-l-caption-desc"><span class="fly-line"></span></div>
</div>
</div>
</div>
</a>
</div>
<div class="cbp-item sufi rock">
<a href="event/img/g5.jpg" class="cbp-caption cbp-lightbox" data-title="Day Concert<br>by Paul Flavius Nechita">
<div class="cbp-caption-defaultWrap">
<img src="event/img/g5.jpg" alt="image">
</div>
<div class="cbp-caption-activeWrap">
<div class="cbp-l-caption-alignCenter">
<div class="cbp-l-caption-body">
<div class="cbp-l-caption-title">DayLight Rock</div>
<div class="cbp-l-caption-desc"><span class="fly-line"></span></div>
</div>
</div>
</div>
</a>
</div>
</div>
</div>
<!--portfolio sec end-->
<!--Pricing sec start-->
<div class="pricing-sec" id="pricing-sec">
<div class="container">
<div class="row pricing-heading-sec">
<div class="col-12 text-center">
<span class="sub-heading">Pricing Plans</span>
<h4 class="large-heading">Get Your Ticket Now</h4>
<span class="fly-line"></span>
</div>
</div>
<div class="row pricing-cards">
<div class="col-12 col-lg-4 p-card wow fadeInUp">
<div class="pricing-card wow fadeInLeft zig-zag-top zig-zag-bottom">
<h4 class="pricing-heading">Early Bird</h4>
<div class="row no-gutters price-info">
<div class="col-12 col-md-4 price-tag">
<span class="p-icon"><i class="las la-dollar-sign"></i></span>
<span class="p-price">20</span>
<span class="p-since">Month</span>
</div>
<div class="col-12 col-md-8 price-text">
<p class="small-text">
It has survived not only five centuries, but also the leap into electronic.
</p>
</div>
</div>
<ul class="feature-list">
<li><i class="fas fa-check mr-3"></i>Front Seats</li>
<li><i class="fas fa-check mr-3"></i>Free Entrance</li>
<li><i class="fas fa-check mr-3"></i>Free Checkout</li>
<li><i class="fas fa-check mr-3"></i>1x Speech Listening</li>
</ul>
<button class="btn red-btn rounded-pill w-100" data-toggle="modal" data-target="#exampleModal">BUY TICKET</button>
</div>
</div>
<div class="col-12 col-lg-4 p-card wow fadeInUp">
<div class="pricing-card active wow fadeInUp zig-zag-top zig-zag-bottom">
<h4 class="pricing-heading">Regular</h4>
<div class="row no-gutters price-info">
<div class="col-12 col-md-4 price-tag">
<span class="p-icon"><i class="las la-dollar-sign"></i></span>
<span class="p-price">35</span>
<span class="p-since">Month</span>
</div>
<div class="col-12 col-md-8 price-text">
<p class="small-text">
It has survived not only five centuries, but also the leap into electronic.
</p>
</div>
</div>
<ul class="feature-list">
<li><i class="fas fa-check mr-3"></i>Front Seats</li>
<li><i class="fas fa-check mr-3"></i>Free Entrance</li>
<li><i class="fas fa-check mr-3"></i>Free Snacks</li>
<li><i class="fas fa-check mr-3"></i>Free Checkout</li>
<li><i class="fas fa-check mr-3"></i>5x Speech Listening</li>
</ul>
<button class="btn red-btn rounded-pill w-100" data-toggle="modal" data-target="#exampleModal">BUY TICKET</button>
</div>
</div>
<div class="col-12 col-lg-4 p-card wow fadeInUp">
<div class="pricing-card wow fadeInRight zig-zag-top zig-zag-bottom">
<h4 class="pricing-heading">VIP</h4>
<div class="row no-gutters price-info">
<div class="col-12 col-md-4 price-tag">
<span class="p-icon"><i class="las la-dollar-sign"></i></span>
<span class="p-price">58</span>
<span class="p-since">Month</span>
</div>
<div class="col-12 col-md-8 price-text">
<p class="small-text">
It has survived not only five centuries, but also the leap into electronic.
</p>
</div>
</div>
<ul class="feature-list">
<li><i class="fas fa-check mr-3"></i>Front Seats</li>
<li><i class="fas fa-check mr-3"></i>Free Entrance</li>
<li><i class="fas fa-check mr-3"></i>Free Snacks</li>
<li><i class="fas fa-check mr-3"></i>8x Speech Listening</li>
</ul>
<button class="btn red-btn rounded-pill w-100" data-toggle="modal" data-target="#exampleModal">BUY TICKET</button>
</div>
</div>
</div>
</div>
</div>
<!--Pricing sec end-->
<!--timeline sec start-->
<div class="timeline-sec" id="timeline-sec" style="background: url('event/img/timeline5.jpg');">
<div class="timeline-overlay"></div>
<div class="container">
<div class="row">
<div class="col-12 text-center timeline-heading">
<span class="sub-heading">Join the event</span>
<h4 class="large-heading">Event Timeline</h4>
<span class="fly-line"></span>
</div>
<div class="col-12">
<div class="row timeline-year">
<div class="col-12">
<div class="t-year">
<h4 class="heading">Day 1</h4>
</div>
</div>
</div>
<ul class="timeline">
<li class="timeline-block simple-timeline wow fadeInLeft">
<div class="event-details">
<h4 class="event-heading">Gala Event</h4>
<p class="text-des">Lorem Ipsum is simply dummy text of the printing and that typesetting Donec pulvinar mi sit.</p>
<div class="event-time">May 22 , 2020 <span> at 4pm</span> </div>
</div>
</li>
<li class="timeline-block inverse-timeline wow fadeInRight" data-wow-delay=".2s">
<div class="event-details">
<h4 class="event-heading">Spoarts Event</h4>
<p class="text-des">Lorem Ipsum is simply dummy text of the printing and that typesetting Donec pulvinar mi sit.</p>
<div class="event-time">Jan 22, 2020 <span> at 10pm</span></div>
</div>
</li>
<li class="timeline-block inverse-timeline wow fadeInRight" data-wow-delay=".6s">
<div class="event-details">
<h4 class="event-heading">Spoarts Event</h4>
<p class="text-des">Lorem Ipsum is simply dummy text of the printing and that typesetting Donec pulvinar mi sit.</p>
<div class="event-time">Jan 22, 2020 <span> at 1am</span></div>
</div>
</li>
<li class="timeline-block simple-timeline wow fadeInLeft" data-wow-delay=".4s">
<div class="event-details">
<h4 class="event-heading">Gala Event</h4>
<p class="text-des">Lorem Ipsum is simply dummy text of the printing and that typesetting Donec pulvinar mi sit.</p>
<div class="event-time">May 22, 2020 <span> at 6pm</span></div>
</div>
</li>
</ul>
<div class="row timeline-year">
<div class="col-12">
<div class="t-year">
<h4 class="heading">Day 2</h4>
</div>
</div>
</div>
<ul class="timeline">
<li class="timeline-block simple-timeline wow fadeInLeft" data-wow-delay=".8s">
<div class="event-details">
<h4 class="event-heading">Gala Event</h4>
<p class="text-des">Lorem Ipsum is simply dummy text of the printing and that typesetting Donec pulvinar mi sit.</p>
<div class="event-time">May 22, 2020 <span> at 3pm</span></div>
</div>
</li>
<li class="timeline-block simple-timeline wow fadeInLeft" data-wow-delay=".12s">
<div class="event-details">
<h4 class="event-heading">Gala Event</h4>
<p class="text-des">Lorem Ipsum is simply dummy text of the printing and that typesetting Donec pulvinar mi sit.</p>
<div class="event-time">May 22, 2020 <span> at 8pm</span></div>
</div>
</li>
<li class="timeline-block inverse-timeline wow fadeInRight" data-wow-delay=".10s">
<div class="event-details">
<h4 class="event-heading">Spoarts Event</h4>
<p class="text-des">Lorem Ipsum is simply dummy text of the printing and that typesetting Donec pulvinar mi sit.</p>
<div class="event-time">Jan 22, 2020 <span> at 5pm</span></div>
</div>
</li>
</ul>
</div>
</div>
</div>
</div>
<!--timeline sec end-->
<!--testimonial sec start-->
<div class="testimonial-sec" id="testimonial-sec">
<div class="container">
<div class="row">
<div class="col-12 text-center testimonial-heading">
<span class="sub-heading">Join the event</span>
<h4 class="large-heading">Event Reviews</h4>
<span class="fly-line"></span>
</div>
</div>
<div class="testimonial-card owl-carousel owl-theme">
<div class="item text-center">
<div class="testimonial-review">
<div class="image-holder">
<img src="event/img/test1.jpg" alt="testimonial-img">
</div>
<div class="client-info media-body">
<h5 class="client-name mt-0">- JOE MARTIN -</h5>
<p class="client-designation">Senior Developer</p>
</div>
<div class="review-detail">
<p class="text-des">Lorem ipsum is simply dummy text of the printing and type setting. Lorem Ipsum has been the industry’s is dummy. Lorem ipsum is simply dummy text of the printing and typesetting. Lorem Ipsum has been the industry’s standard dummy.</p>
<ul class="test-review">
<li><a href="#"><i class="las la-star"></i></a></li>
<li><a href="#"><i class="las la-star"></i></a></li>
<li><a href="#"><i class="las la-star"></i></a></li>
<li><a href="#"><i class="las la-star"></i></a></li>
<li><a href="#"><i class="las la-star"></i></a></li>
</ul>
</div>
</div>
</div>
<div class="item text-center">
<div class="testimonial-review">
<div class="image-holder">
<img src="event/img/test3.jpg" alt="testimonial-img">
</div>
<div class="client-info media-body">
<h5 class="client-name mt-0">- JOE MARTIN -</h5>
<p class="client-designation">Senior Developer</p>
</div>
<div class="review-detail">
<p class="text-des">Lorem ipsum is simply dummy text of the printing and type setting. Lorem Ipsum has been the industry’s is dummy. Lorem ipsum is simply dummy text of the printing and typesetting. Lorem Ipsum has been the industry’s standard dummy.</p>
<ul class="test-review">
<li><a href="#"><i class="las la-star"></i></a></li>
<li><a href="#"><i class="las la-star"></i></a></li>
<li><a href="#"><i class="las la-star"></i></a></li>
<li><a href="#"><i class="las la-star"></i></a></li>
<li><a href="#"><i class="las la-star"></i></a></li>
</ul>
</div>
</div>
</div>
<div class="item text-center">
<div class="testimonial-review">
<div class="image-holder">
<img src="event/img/test2.jpg" alt="testimonial-img">
</div>
<div class="client-info media-body">
<h5 class="client-name mt-0">- JOE MARTIN -</h5>
<p class="client-designation">Senior Developer</p>
</div>
<div class="review-detail">
<p class="text-des">Lorem ipsum is simply dummy text of the printing and type setting. Lorem Ipsum has been the industry’s is dummy. Lorem ipsum is simply dummy text of the printing and typesetting. Lorem Ipsum has been the industry’s standard dummy.</p>
<ul class="test-review">
<li><a href="#"><i class="las la-star"></i></a></li>
<li><a href="#"><i class="las la-star"></i></a></li>
<li><a href="#"><i class="las la-star"></i></a></li>
<li><a href="#"><i class="las la-star"></i></a></li>
<li><a href="#"><i class="las la-star"></i></a></li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
<!--testimonial sec end-->
<!--Brands sec start-->
<div class="brand-sec" id="brand-sec" style="background: url('event/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="event/img/brand1.png" alt="brand1">
</div>
<div class="item brand-img d-flex justify-content-center">
<img src="event/img/brand1.png" alt="brand2">
</div>
<div class="item brand-img d-flex justify-content-center">
<img src="event/img/brand1.png" alt="brand3">
</div>
<div class="item brand-img d-flex justify-content-center">
<img src="event/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-->
<!--modal window contact form start-->
<div class="modal fade" id="exampleModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
<div class="modal-dialog modal-dialog-centered modal-lg" role="document">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="exampleModalLabel">Ticket Registeration</h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="modal-body contact-sec">
<div class="contact-box">
<div class="c-box wow fadeInRight">
<!-- <h4 class="heading">Ticket Registeration?</h4>-->
<!-- <p class="text-des">Lorem ipsum is simply dummy text of the printing and typesetting industry. </p>-->
<form class="contact-form">
<div class="row my-form">
<div class="display-error"><span id="error"></span></div>
<div class="col-12 col-md-6">
<input type="text" class="form-control" id="candidate_fname" name="candidate_fname" placeholder="Full Name" required="required">
</div>
<div class="col-12 col-md-6">
<input type="text" class="form-control" id="candidate_email" name="candidate_email" placeholder="Email" required="required">
</div>
<div class="col-12 col-md-6">
<input type="email" class="form-control" id="user_no" name="user_no" placeholder="Contact No" required="required">
</div>
<div class="col-12 col-md-6">
<select class="form-control" id="ticket_price" name="ticket_price" required="required">
<option class="form-control" value="">Select Ticket Price</option>
<option class="form-control" value="Early Bird - $20"> Early Bird - $20 </option>
<option class="form-control" value="Regular - $35"> Regular - $35 </option>
<option class="form-control" value="Vip - $58"> Vip - $58 </option>
</select>
</div>
<div class="col-12">
<input type="email" class="form-control" id="user_credit" name="user_credit" placeholder="Credit Card No" required="required">
</div>
<div class="col-12">
<textarea class="form-control" id="user_message" name="user_message" placeholder="Message" rows="7" required="required">Do You Have Any Question?</textarea>
</div>
<div class="col-12">
<button class="btn anim-btn rounded-pill user-contact" type="submit">Register Now
<span></span><span></span><span></span><span></span>
</button>
</div>
</div>
</form>
</div>
</div>
</div>
</div>
</div>
</div>
<!--modal window contact form 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="event/js/countdown.js"></script>
<script src="vendor/js/parallaxie.min.js"></script>
<script src="vendor/js/owl.carousel.min.js"></script>
<script src="event/js/tilt.jquery.js"></script>
<script src="vendor/js/wow.min.js"></script>
<!--counter js links-->
<script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyCJRG4KqGVNvAPY4UcVDLcLNXMXk2ktNfY"></script>
<script src="event/js/map.js"></script>
<script src="event/js/script.js"></script>
</body>
</html>