?
á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>Wedding | MegaOne HTML5 Template</title>
<!-- Favicon -->
<link rel="icon" href="wedding/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="wedding/css/line-awesome.min.css">
<link rel="stylesheet" href="wedding/css/layers.css">
<link rel="stylesheet" href="wedding/css/settings.css">
<link rel="stylesheet" href="wedding/css/loader.css">
<link rel="stylesheet" href="wedding/css/navigation.css">
<link rel="stylesheet" href="wedding/css/style.css">
</head>
<body data-spy="scroll" data-target=".navbar-nav" data-offset="100">
<!--loading start-->
<div class="loader">
<div class="inner-loader">
<div class="loader1"></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 end-->
<!--Header Start-->
<header class="head-sec cursor-light">
<!--Navigation-->
<nav class="navbar navbar-top-default navbar-expand-lg navbar-simple nav-line">
<div class="container">
<a href="#home" title="Logo" class="logo scroll navbar-brand">
<img src="wedding/img/logo-white.png" alt="logo" class="logo-white">
<img src="wedding/img/logo-black.png" alt="logo" class="logo-dark">
</a>
<!--Nav Links-->
<div class="collapse navbar-collapse" id="megaone">
<div class="navbar-nav ml-auto">
<a class="nav-link active scroll" href="#slider-sec">HOME</a>
<a class="nav-link scroll" href="#about-sec">ABOUT</a>
<a class="nav-link scroll" href="#speaker-sec">RSVP</a>
<a class="nav-link scroll" href="#portfolio-sec">GALLERY</a>
<a class="nav-link scroll" href="#timeline-sec">OUR STORY</a>
<a class="nav-link scroll" href="#testimonial-sec">REVIEWS</a>
</div>
</div>
<!--Side Menu Button-->
</div>
<div class="navigation-toggle">
<ul class="slider-social toggle-btn">
<li class="animated-wrap">
<a class="animated-element" href="javascript:void(0);" id="sidemenu_toggle">
<span></span>
<span></span>
<span></span>
</a>
</li>
</ul>
</div>
</nav>
<!--Side Nav-->
<div class="side-menu hidden">
<span class="btn-close" id="btn_sideNavClose"><i></i><i></i></span>
<span class="mega-title">Isabella & Alex</span>
<div class="inner-wrapper">
<nav class="side-nav w-100">
<a href="index-wedding.html" title="Logo" class="logo scroll navbar-brand">
<img src="wedding/img/logo-black.png" alt="logo">
</a>
<ul class="navbar-nav">
<li class="nav-item">
<a class="nav-link scroll" href="#slider-sec">Home</a>
</li>
<li class="nav-item">
<a class="nav-link scroll" href="#about-sec">About</a>
</li>
<li class="nav-item">
<a class="nav-link scroll" href="#speaker-sec">Rsvp</a>
</li>
<li class="nav-item">
<a class="nav-link scroll" href="#portfolio-sec">Gallary</a>
</li>
<li class="nav-item">
<a class="nav-link scroll" href="#timeline-sec">Our Story</a>
</li>
<li class="nav-item">
<a class="nav-link scroll" href="#testimonial-sec">Reviews</a>
</li>
</ul>
</nav>
<div class="side-footer w-100">
<ul class="social-icons-simple">
<li><a class="facebook-text-hvr" href="javascript:void(0)"><i class="fab fa-facebook-f"></i> </a> </li>
<li><a class="instagram-text-hvr" href="javascript:void(0)"><i class="fab fa-instagram"></i> </a> </li>
<li><a class="twitter-text-hvr" href="javascript:void(0)"><i class="fab fa-twitter"></i> </a> </li>
</ul>
<p>© 2020 MegaOne. Made With Love by Themesindustry</p>
</div>
</div>
</div>
<a id="close_side_menu" href="javascript:void(0);"></a>
<!-- End side menu -->
</header>
<div class="aimated-cursor">
<div class="cursor">
<div class="cursor-loader"></div>
</div>
</div>
<!--Header End-->
<!--slider sec start-->
<div class="slider-sec cursor-light" id="slider-sec">
<div id="rev_slider_1_1_wrapper" class="rev_slider_wrapper fullscreen-container" data-alias="slider-shop" data-source="gallery" style="background:rgba(255,255,255,0);padding:0px;">
<!-- START REVOLUTION SLIDER 5.4.8.1 fullscreen mode -->
<div id="rev_slider_1_1" class="rev_slider fullscreenbanner" style="display:none;" data-version="5.4.8.1">
<ul>
<!-- SLIDE -->
<li data-index="rs-3" data-transition="fade" data-slotamount="default" data-hideafterloop="0" data-hideslideonmobile="off" data-easein="default" data-easeout="default" data-masterspeed="300" data-thumb="assets/100x50_44515-slider-bg-3.jpg" data-rotate="0" data-saveperformance="off" data-title="Slide 3" 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="wedding/img/slider.jpg" data-bgposition="center center" data-bgfit="cover" data-bgrepeat="no-repeat" data-bgparallax="off" class="rev-slidebg" alt="slider-image" data-no-retina>
<div class="slider-overlay"></div>
<!-- LAYER NR. 11 -->
<div class="tp-caption tp-resizeme rs-parallaxlevel-1"
id="slide-3-layer-1"
data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']"
data-y="['middle','middle','middle','middle']" data-voffset="['-80','-75','-74','-74']"
data-fontsize="['18','18','16','16']"
data-width="none"
data-height="none"
data-whitespace="nowrap"
data-type="text"
data-responsive_offset="on"
data-frames='[{"delay":10,"speed":2000,"frame":"0","from":"y:[-100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;","mask":"x:0px;y:0px;s:inherit;e:inherit;","to":"o:1;","ease":"Power3.easeInOut"},{"delay":"wait","speed":280,"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;font-size: 16px;white-space: nowrap;letter-spacing: 2.5px;line-height: 22px; font-weight: 500; color: #eaeaef;font-family: 'Montserrat', sans-serif;text-transform: uppercase">Happy Wedding</div>
<!-- LAYER NR. 12 -->
<div class="tp-caption tp-resizeme rs-parallaxlevel-3"
id="slide-3-layer-2"
data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']"
data-y="['middle','middle','middle','middle']" data-voffset="['-8','-12','-12','-12']"
data-fontsize="['80','70','60','50']"
data-width="none"
data-height="none"
data-whitespace="nowrap"
data-type="text"
data-responsive_offset="on"
data-frames='[{"delay":10,"speed":2000,"frame":"0","from":"z:0;rX:0;rY:0;rZ:0;sX:0.9;sY:0.9;skX:0;skY:0;opacity:0;","to":"o:1;","ease":"Power2.easeOut"},{"delay":"wait","speed":280,"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: 6; white-space: nowrap; font-size: 60px; line-height: 16px; font-weight: 500; color: #ffffff; letter-spacing: 0px;font-family: 'Dancing Script', cursive;">Isabella & Alex</div>
<!-- LAYER NR. 13 -->
<div class="tp-caption tp-resizeme rs-parallaxlevel-2"
id="slide-3-layer-3"
data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']"
data-y="['middle','middle','middle','middle']" data-voffset="['70','55','55','55']"
data-fontsize="['22','20','20','20']"
data-width="none"
data-height="none"
data-whitespace="nowrap"
data-type="text"
data-responsive_offset="on"
data-frames='[{"delay":10,"speed":2000,"frame":"0","from":"y:[100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;opacity:0;","mask":"x:0px;y:[100%];s:inherit;e:inherit;","to":"o:1;","ease":"Power2.easeInOut"},{"delay":"wait","speed":280,"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: 7; white-space: nowrap; font-size: 18px; line-height: 40px; font-weight: 400; color: #eaeaef; font-family:'Montserrat', sans-serif;letter-spacing: 1px;text-transform: uppercase;"> We Are Getting Married</div>
</li>
<li data-index="rs-2" data-transition="fade" data-slotamount="default" data-hideafterloop="0" data-hideslideonmobile="off" data-easein="default" data-easeout="default" data-masterspeed="300" data-thumb="assets/100x50_44515-slider-bg-3.jpg" data-rotate="0" data-saveperformance="off" data-title="Slide 3" 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="wedding/img/slider1.jpg" data-bgposition="center center" data-bgfit="cover" data-bgrepeat="no-repeat" data-bgparallax="off" class="rev-slidebg" alt="slider-image" data-no-retina>
<div class="slider-overlay"></div>
<!-- LAYER NR. 11 -->
<div class="tp-caption tp-resizeme rs-parallaxlevel-1"
id="slide-2-layer-1"
data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']"
data-y="['middle','middle','middle','middle']" data-voffset="['-80','-75','-74','-74']"
data-fontsize="['18','16','16','16']"
data-width="none"
data-height="none"
data-whitespace="nowrap"
data-type="text"
data-responsive_offset="on"
data-frames='[{"delay":10,"speed":2000,"frame":"0","from":"y:[-100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;","mask":"x:0px;y:0px;s:inherit;e:inherit;","to":"o:1;","ease":"Power3.easeInOut"},{"delay":"wait","speed":280,"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; white-space: nowrap;letter-spacing: 2.5px;font-size: 16px; line-height: 22px; font-weight: 500; color: #eaeaef;font-family: 'Montserrat', sans-serif;text-transform: uppercase">Happy Wedding</div>
<!-- LAYER NR. 12 -->
<div class="tp-caption tp-resizeme rs-parallaxlevel-3"
id="slide-2-layer-2"
data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']"
data-y="['middle','middle','middle','middle']" data-voffset="['-8','-12','-12','-12']"
data-fontsize="['80','70','60','50']"
data-width="none"
data-height="none"
data-whitespace="nowrap"
data-type="text"
data-responsive_offset="on"
data-frames='[{"delay":10,"speed":2000,"frame":"0","from":"z:0;rX:0;rY:0;rZ:0;sX:0.9;sY:0.9;skX:0;skY:0;opacity:0;","to":"o:1;","ease":"Power2.easeOut"},{"delay":"wait","speed":280,"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: 6; white-space: nowrap; font-size: 60px; line-height: 16px; font-weight: 500; color: #ffffff; letter-spacing: 0px;font-family: 'Dancing Script', cursive;">Isabella & Alex</div>
<!-- LAYER NR. 13 -->
<div class="tp-caption tp-resizeme rs-parallaxlevel-2"
id="slide-2-layer-3"
data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']"
data-y="['middle','middle','middle','middle']" data-voffset="['70','55','55','55']"
data-fontsize="['22','20','20','20']"
data-width="none"
data-height="none"
data-whitespace="nowrap"
data-type="text"
data-responsive_offset="on"
data-frames='[{"delay":10,"speed":2000,"frame":"0","from":"y:[100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;opacity:0;","mask":"x:0px;y:[100%];s:inherit;e:inherit;","to":"o:1;","ease":"Power2.easeInOut"},{"delay":"wait","speed":280,"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: 7; white-space: nowrap; font-size: 18px; line-height: 40px; font-weight: 400; color: #eaeaef; font-family: 'Montserrat', sans-serif;letter-spacing: 1px;text-transform: uppercase;"> We Are Getting Married</div>
</li>
<li data-index="rs-1" data-transition="fade" data-slotamount="default" data-hideafterloop="0" data-hideslideonmobile="off" data-easein="default" data-easeout="default" data-masterspeed="300" data-thumb="assets/100x50_44515-slider-bg-3.jpg" data-rotate="0" data-saveperformance="off" data-title="Slide 3" 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="wedding/img/slider2.jpg" data-bgposition="center center" data-bgfit="cover" data-bgrepeat="no-repeat" data-bgparallax="off" class="rev-slidebg" alt="slider-image" data-no-retina>
<div class="slider-overlay"></div>
<!-- LAYER NR. 11 -->
<div class="tp-caption tp-resizeme rs-parallaxlevel-1"
id="slide-layer-1"
data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']"
data-y="['middle','middle','middle','middle']" data-voffset="['-80','-75','-74','-74']"
data-fontsize="['18','16','16','16']"
data-width="none"
data-height="none"
data-whitespace="nowrap"
data-type="text"
data-responsive_offset="on"
data-frames='[{"delay":10,"speed":2000,"frame":"0","from":"y:[-100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;","mask":"x:0px;y:0px;s:inherit;e:inherit;","to":"o:1;","ease":"Power3.easeInOut"},{"delay":"wait","speed":280,"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; white-space: nowrap;letter-spacing: 2.5px;font-size: 16px; line-height: 22px; font-weight: 500; color: #eaeaef;font-family: 'Montserrat', sans-serif;text-transform: uppercase">Happy Wedding</div>
<!-- LAYER NR. 12 -->
<div class="tp-caption tp-resizeme rs-parallaxlevel-3"
id="slide-layer-2"
data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']"
data-y="['middle','middle','middle','middle']" data-voffset="['-8','-12','-12','-12']"
data-fontsize="['80','70','60','50']"
data-width="none"
data-height="none"
data-whitespace="nowrap"
data-type="text"
data-responsive_offset="on"
data-frames='[{"delay":10,"speed":2000,"frame":"0","from":"z:0;rX:0;rY:0;rZ:0;sX:0.9;sY:0.9;skX:0;skY:0;opacity:0;","to":"o:1;","ease":"Power2.easeOut"},{"delay":"wait","speed":280,"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: 6; white-space: nowrap; font-size: 60px; line-height: 16px; font-weight: 500; color: #ffffff; letter-spacing: 0px;font-family: 'Dancing Script', cursive;">Isabella & Alex</div>
<!-- LAYER NR. 13 -->
<div class="tp-caption tp-resizeme rs-parallaxlevel-2"
id="slide-layer-3"
data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']"
data-y="['middle','middle','middle','middle']" data-voffset="['70','55','55','55']"
data-fontsize="['22','20','20','20']"
data-width="none"
data-height="none"
data-whitespace="nowrap"
data-type="text"
data-responsive_offset="on"
data-frames='[{"delay":10,"speed":2000,"frame":"0","from":"y:[100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;opacity:0;","mask":"x:0px;y:[100%];s:inherit;e:inherit;","to":"o:1;","ease":"Power2.easeInOut"},{"delay":"wait","speed":280,"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: 7; white-space: nowrap; font-size: 18px; line-height: 40px; font-weight: 400; color: #eaeaef;font-family: 'Montserrat', sans-serif;letter-spacing: 1px;text-transform: uppercase;"> We Are Getting Married</div>
</li>
</ul>
<div class="tp-bannertimer tp-bottom" style="visibility: hidden !important;"></div></div>
<!--SLIDER SOCIAL ICONS BTN-->
<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>
<!--SLIDER DOWN ARROW-->
<a class="navigate-arrow" href="#about-sec">
<i class="fas fa-chevron-down"></i>
</a>
</div><!-- END REVOLUTION SLIDER -->
</div>
<div class="aimated-cursor">
<div class="cursor">
<div class="cursor-loader"></div>
</div>
</div>
<!--slider sec end-->
<!--About sec start-->
<div class="about-sec" id="about-sec" style="background: url('wedding/img/speaker_bg.png');">
<div class="container">
<div class="row">
<div class="col-12 col-md-6 text-center about-self">
<div class="about-heading">
<span class="heading-subtitle">- THE BRIDE -</span>
<h2 class="heading-title">Isabella David</h2>
</div>
<div class="about-image-holder">
<img src="wedding/img/about-us-1.jpg" alt="Isabella David">
</div>
<div class="about-img-des">
<div class="inner-text">
<p class="small-text">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text.</p>
<span class="quote">~ Love Quote ~</span>
</div>
</div>
</div>
<div class="col-12 col-md-6 text-center about-self">
<div class="about-heading">
<span class="heading-subtitle">- THE GROOM -</span>
<h2 class="heading-title">Alex Ferdinand</h2>
</div>
<div class="about-image-holder">
<img src="wedding/img/about-us-2.jpg" alt="Alex Ferdinand">
</div>
<div class="about-img-des">
<div class="inner-text">
<p class="small-text">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text.</p>
<span class="quote">~ Love Quote ~</span>
</div>
</div>
</div>
</div>
</div>
</div>
<!--About sec end-->
<!--Counters sec Start-->
<div class="count-sec count-sec1" style="background: url('wedding/img/countdown1.jpg');">
<div class="count-overlay"></div>
<div class="container">
<div class="row text-left banner-2-content">
<div class="col-12">
<div class="text-home">
<h1 class="heading">Reception</h1>
<p class="text-white banner-2-content-p">Neque porro quisquam est qui dolorem ipsum</p>
<p class="sub-heading text-grey">December 10Th 2020</p>
<a href="#" class="btn white-and-black rounded-pill">Learn More</a>
</div>
</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">Looking Forward</span>
<h4 class="large-heading">Our Best Friends Ever</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="wedding/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">Groomsmen</p>
</div>
<div class="item speaker-info">
<div class="image-holder">
<img src="wedding/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">Bella Jones</h4>
<p class="speaker-detail">Bridesmaid</p>
</div>
<div class="item speaker-info">
<div class="image-holder">
<img src="wedding/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">Mark Smith</h4>
<p class="speaker-detail">Groomsmen</p>
</div>
<div class="item speaker-info">
<div class="image-holder">
<img src="wedding/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">Ash Kelly</h4>
<p class="speaker-detail">Bridesmaid</p>
</div>
</div>
</div>
</div>
<!--Speaker sec end-->
<!--portfolio sec start-->
<div class="portfolio-sec" id="portfolio-sec" style="background: url('wedding/img/speaker_bg1.jpg');">
<div class="container">
<div class="row">
<div class="col-12 text-center portfolio-heading">
<span class="sub-heading">Our Wedding Collection</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=".Couples" class="cbp-filter-item rounded-pill">
Couples <div class="cbp-filter-counter"></div>
</div>
<div data-filter=".Bride" class="cbp-filter-item rounded-pill">
Bride <div class="cbp-filter-counter"></div>
</div>
<div data-filter=".Wedding" class="cbp-filter-item rounded-pill">
Wedding <div class="cbp-filter-counter"></div>
</div>
<div data-filter=".Ceremony" class="cbp-filter-item rounded-pill">
Ceremony <div class="cbp-filter-counter"></div>
</div>
</div>
<div id="js-grid-full-width" class="cbp">
<div class="cbp-item Wedding">
<a href="wedding/img/g1.jpg" class="cbp-caption cbp-lightbox" data-title="Gala Event<br>by Paul Flavius Nechita">
<div class="cbp-caption-defaultWrap">
<img src="wedding/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">Making Love</div>
<div class="cbp-l-caption-desc"><span class="fly-line"></span></div>
</div>
</div>
</div>
</a>
</div>
<div class="cbp-item Bride Wedding">
<a href="wedding/img/g2.jpg" class="cbp-caption cbp-lightbox" data-title="Music Festival <br>by Paul Flavius Nechita">
<div class="cbp-caption-defaultWrap">
<img src="wedding/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">Modest Bride</div>
<div class="cbp-l-caption-desc"><span class="fly-line"></span></div>
</div>
</div>
</div>
</a>
</div>
<div class="cbp-item Couples Wedding Ceremony">
<a href="wedding/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="wedding/img/g3.jpg" data-cbp-src="wedding/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">Couples</div>
<div class="cbp-l-caption-desc"><span class="fly-line"></span></div>
</div>
</div>
</div>
</a>
</div>
<div class="cbp-item Couples Ceremony">
<a href="wedding/img/g4.jpg" class="cbp-caption cbp-lightbox" data-title="Singing Concert<br>by Paul Flavius Nechita">
<div class="cbp-caption-defaultWrap">
<img src="wedding/img/g4.jpg" data-cbp-src="wedding/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">Stylish Couples</div>
<div class="cbp-l-caption-desc"><span class="fly-line"></span></div>
</div>
</div>
</div>
</a>
</div>
<div class="cbp-item Couples Wedding">
<a href="wedding/img/g6.jpg" class="cbp-caption cbp-lightbox" data-title="Mega Festival<br>by Paul Flavius Nechita">
<div class="cbp-caption-defaultWrap">
<img src="wedding/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">Wedding Reception</div>
<div class="cbp-l-caption-desc"><span class="fly-line"></span></div>
</div>
</div>
</div>
</a>
</div>
<div class="cbp-item sufi Bride Ceremony">
<a href="wedding/img/g5.jpg" class="cbp-caption cbp-lightbox" data-title="Day Concert<br>by Paul Flavius Nechita">
<div class="cbp-caption-defaultWrap">
<img src="wedding/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">Bridesmaid</div>
<div class="cbp-l-caption-desc"><span class="fly-line"></span></div>
</div>
</div>
</div>
</a>
</div>
</div>
</div>
<!--portfolio sec end-->
<!--stats sec start-->
<div class="stats-sec" id="stats-sec" style="background: url('wedding/img/speaker_bg.png');">
<div class="container">
<div class="row">
<div class="col-12 text-center timeline-heading">
<span class="sub-heading">Join The Ceremony</span>
<h4 class="large-heading">Be Our Guest</h4>
<span class="fly-line"></span>
</div>
</div>
<ul class="text-center stats-content">
<li>
<div class="stats-li">
<i class="las la-users"></i>
<h6 class="num"><span class="counter" data-count="68">245</span></h6>
<h4 class="heading">Guests</h4>
</div>
</li>
<li>
<div class="stats-li">
<i class="las la-glass-cheers"></i>
<h6 class="num"><span class="counter" data-count="99">230</span></h6>
<h4 class="heading">Attend</h4>
</div>
</li>
<li>
<div class="stats-li">
<i class="las la-female"></i>
<h6 class="num"><span class="counter" data-count="103">87</span></h6>
<h4 class="heading">Bridesmaids</h4>
</div>
</li>
<li>
<div class="stats-li">
<i class="las la-user-tie"></i>
<h6 class="num"><span class="counter" data-count="103">70</span></h6>
<h4 class="heading">Groomsmen</h4>
</div>
</li>
</ul>
</div>
</div>
<!--stats sec end-->
<!--timeline sec start-->
<div class="timeline-sec" id="timeline-sec" style="background: url('wedding/img/timeline.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">Wedding Ceremony </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">Lunch Time</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">Party with Music</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">Cake Cutting</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">Reception Ceremony</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">Dinner Time</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">Closing Ceremony</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">Our Friends 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="wedding/img/t1.jpg" alt="testimonial-img">
</div>
<div class="client-info media-body">
<h5 class="client-name mt-0">- MARK ALAN -</h5>
<p class="client-designation">Groomsmen</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="wedding/img/t2.jpg" alt="testimonial-img">
</div>
<div class="client-info media-body">
<h5 class="client-name mt-0">- KAM ROSE-</h5>
<p class="client-designation">Bridesmaid</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="wedding/img/t3.jpg" alt="testimonial-img">
</div>
<div class="client-info media-body">
<h5 class="client-name mt-0">- JOE MARTIN -</h5>
<p class="client-designation">Groomsmen</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-->
<!--contact us sec start-->
<div class="contact-sec" id="contact-sec" style="background-image: url('wedding/img/speaker_bg1.jpg')">
<div class="row no-gutters">
<div class="col-12 location-details-contact">
<div class="row no-gutters">
<div class="col-12 col-md-4 loc-details">
<div class="contact-box d-flex justify-content-center align-items-center">
<div class="media">
<i class="las la-city"></i>
<div class="media-body">
<h5 class="mt-0">City</h5>
<p>New York City</p>
</div>
</div>
</div>
</div>
<div class="col-12 col-md-4 loc-details">
<div class="contact-box d-flex justify-content-center align-items-center">
<div class="media">
<i class="las la-phone"></i>
<div class="media-body">
<h5 class="mt-0">Phone Number</h5>
<p>001 63165370895</p>
</div>
</div>
</div>
</div>
<div class="col-12 col-md-4 loc-details">
<div class="contact-box d-flex justify-content-center align-items-center">
<div class="media">
<i class="las la-map-marker"></i>
<div class="media-body">
<h5 class="mt-0">Location</h5>
<p>123 Street,USA</p>
</div>
</div>
</div>
</div>
</div>
</div>
<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 class="col-12 text-center mt-3">
<p class="company-about fadeIn">© 2020 MegaOne. Made With Love By <a href="javascript:void(0);" style="text-decoration:none;color:#000000;">Themesindustry</a></p>
</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="wedding/js/countdown.js"></script>
<script src="vendor/js/parallaxie.min.js"></script>
<script src="vendor/js/owl.carousel.min.js"></script>
<script src="wedding/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=AIzaSyDJScy7qJ156DWM8kJVG-ZrK0R7Kize2Jg "></script>
<script src="wedding/js/map.js"></script>
<script src="wedding/js/script.js"></script>
</body>
</html>