?
á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="film, 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>Film & Movies | MegaOne HTML5 Template</title>
<!-- Favicon -->
<link href="" rel="icon">
<!-- Bundle -->
<link href="vendor/css/bundle.min.css" rel="stylesheet">
<!-- Plugin Css -->
<link href="film/css/line-awesome.min.css" rel="stylesheet">
<link href="vendor/css/revolution-settings.min.css" rel="stylesheet">
<link href="vendor/css/jquery.fancybox.min.css" rel="stylesheet">
<link href="vendor/css/owl.carousel.min.css" rel="stylesheet">
<link href="vendor/css/cubeportfolio.min.css" rel="stylesheet">
<link href="film/css/slick.css" rel="stylesheet">
<link href="film/css/slick-theme.css" rel="stylesheet">
<!-- Style Sheet -->
<link href="film/css/navigation.css" rel="stylesheet">
<link href="film/css/style.css" rel="stylesheet">
</head>
<body data-spy="scroll" data-target=".navbar" data-offset="90">
<!-- Preloader -->
<div class="preloader">
<div class="centrize full-width">
<div class="vertical-center">
<div class="spinner">
<div class="double-bounce1"></div>
<div class="double-bounce2"></div>
</div>
</div>
</div>
</div>
<!-- Preloader End -->
<!--Header Start-->
<header id="home">
<!--Navigation-->
<nav class="navbar navbar-top-default navbar-expand-lg navbar-simple nav-line">
<div class="row no-gutters w-100">
<div class="col-3 pl-3">
<a href="#home" title="Logo" class="logo scroll">
<!--Logo Default-->
<img src="film/img/logo.png" alt="logo" class="logo-dark">
</a>
</div>
<!--Nav Links-->
<div class="col-6">
<div class="collapse navbar-collapse" id="megaone">
<div class="navbar-nav ml-auto mr-auto">
<a class="nav-link active scroll" href="#home">Home</a>
<a class="nav-link scroll" href="#about">Story</a>
<a class="nav-link scroll" href="#our-cast">Our Cast</a>
<a class="nav-link scroll" href="#portfolio-sec">Movie Work</a>
<a class="nav-link scroll" href="#our-blog">Blogs</a>
<a class="nav-link scroll" href="#contact">Contact</a>
</div>
</div>
</div>
<!--Side Menu Button-->
<div class="col-3 pr-3">
<a href="javascript:void(0)" class="sidemenu_btn" id="sidemenu_toggle">
<span></span>
<span></span>
<span></span>
</a>
</div>
</div>
</nav>
<!--Side Nav-->
<div class="side-menu hidden">
<div class="inner-wrapper">
<span class="btn-close" id="btn_sideNavClose"><i></i><i></i></span>
<nav class="side-nav w-100">
<ul class="navbar-nav">
<li class="nav-item">
<a class="nav-link scroll" href="#home">Home</a>
</li>
<li class="nav-item">
<a class="nav-link scroll" href="#about">Story</a>
</li>
<li class="nav-item">
<a class="nav-link scroll" href="#our-cast">Cast</a>
</li>
<li class="nav-item">
<a class="nav-link scroll" href="#portfolio-sec">Movie Work</a>
</li>
<li class="nav-item">
<a class="nav-link scroll" href="#our-blog">Blog</a>
</li>
<li class="nav-item">
<a class="nav-link scroll" href="#contact">Contact</a>
</li>
</ul>
</nav>
<div class="side-footer text-white 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 class="text-white">© 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>
<!--Header End-->
<!--Home Start-->
<div id="rev-slider" class="rev-slider">
<!-- START REVOLUTION SLIDER -->
<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;">
<div id="rev_slider_1_5" class="rev_slider fullscreenbanner" style="display:none;" data-version="5.4.8.1">
<ul>
<!-- SLIDE -->
<li data-index="rs-3" data-transition="fadethroughdark" data-slotamount="default" data-hideafterloop="0" data-hideslideonmobile="off" data-easein="default" data-easeout="default" data-masterspeed="2000" data-thumb="assets/100x50_44515-slider-bg-3.jpg" data-rotate="0" data-saveperformance="off" data-title="Slide 3" data-param1="01" data-param2="" data-param3="" data-param4="" data-param5="" data-param6="" data-param7="" data-param8="" data-param9="" data-param10="" data-description="">
<!-- MAIN IMAGE -->
<img src="film/img/slider-img.jpg" data-bgposition="center center" data-kenburns="on" data-duration="10000" data-ease="Linear.easeNone" data-scalestart="100" data-scaleend="120" data-rotatestart="0" data-rotateend="0" data-offsetstart="0 0" data-offsetend="0 0" data-bgparallax="10" data-bgfit="cover" data-bgrepeat="no-repeat" class="rev-slidebg" alt="slider-image" data-no-retina>
<div class="slider-overlay"></div>
<!-- LAYERS -->
<!-- LAYER NR. 11 -->
<div class="tp-caption tp-resizeme rs-parallaxlevel-2"
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','-80','-80','-80']"
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; font-size: 18px; line-height: 22px; font-weight: 500; color: #eaeaef;font-family: 'Roboto', sans-serif;">Film - Series in Brooklyn, New York </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="['0','0','0','0']"
data-fontsize="['100','100','80','60']"
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: 100px; line-height: 16px; font-weight: 700; color: #ffffff; letter-spacing: 0;font-family: 'Oswald', sans-serif;-webkit-text-stroke: 1px rgb(255, 255, 255);">DREAM SCALPES.</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="['100','100','100','100']"
data-fontsize="['20','20','18','18']"
data-width="800"
data-height="none"
data-whitespace="normal"
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="['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: 18px; line-height: 30px;letter-spacing:1px;text-align: center; font-weight: 300; color: #eaeaef; font-family: 'Roboto', sans-serif;">Lorem ipsum dolor sit amet, conse ctetur adipiscing nu elit sed do eiusmod tem, conse ctetur adipiscing nu elit sed do eiusmod tem..</div>
<div class="tp-caption rev-btn rs-parallaxlevel-2"
id="slide-3-layer-4"
data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']"
data-y="['middle','middle','middle','middle']" data-voffset="['190','190','190','190']"
data-width="none"
data-height="none"
data-whitespace="nowrap"
data-type="text"
data-responsive_offset="on"
data-responsive="off"
data-frames='[{"delay":10,"speed":2000,"frame":"0","from":"x:-50px;opacity:0;","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: 11; max-width:960px; white-space: nowrap; font-size: 14px; line-height: 22px;letter-spacing: 3px; font-weight: 500; color: #ffffff; font-family:'Roboto',sans-serif;"><a class="btn yellow-and-white-slider-btn" data-fancybox="" href="https://vimeo.com/221171310">Watch Trailer</a>
</div>
</li>
</ul>
<div class="tp-bannertimer tp-bottom" style="visibility: hidden !important;"></div></div>
</div>
<!-- END REVOLUTION SLIDER -->
</div>
<!--Home End-->
<!--About Star-->
<section id="about">
<div class="container">
<div class="row dot-box">
<!-- Heading Area-->
<div class="col-12 col-lg-6 about-img-area text-center text-lg-left">
<div class="heading-area pl-lg-4 p-0">
<h6 class="sub-title main-color">Basic Info About Shop</h6>
<h2 class="title">ABOUT US STORY</h2>
<p class="paragraph">There are many variations of passages of Lorem Ipsum available be the majority have suffered alteration in some form, by injected humour or randomised words.</p>
<!--List-->
<a class="btn yellow-and-white-slider-btn" href="#">READ MORE</a>
</div>
</div>
<div class="col-12 col-lg-6 about-img-area">
<div class="about-img">
<img src="film/img/img2.jpg">
</div>
</div>
</div>
</div>
</section>
<!--About End-->
<!--Project End-->
<section class="production-sec">
<div class="container">
<div class="row">
<div class="col-12 col-md-8 offset-md-2 text-center">
<div class="about-heading heading-details">
<h4 class="heading">OUR PRODUCTION</h4>
<p class="top-des"></p>
</div>
</div>
</div>
<div class="row">
<div class="col-12 col-md-6 col-lg-3 text-center">
<div class="production-box">
<i class="las la-tv"></i>
<h4 class="production-heading">TV Shows.</h4>
<p class="production-des">Lorem ipsum dolor sit amet, conse ctetur adipiscing nu elit sed do eiusmod tem.</p>
</div>
</div>
<div class="col-12 col-md-6 col-lg-3 text-center">
<div class="production-box">
<i class="las la-trophy"></i>
<h4 class="production-heading">Awards.</h4>
<p class="production-des">Lorem ipsum dolor sit amet, conse ctetur adipiscing nu elit sed do eiusmod tem.</p>
</div>
</div>
<div class="col-12 col-md-6 col-lg-3 text-center">
<div class="production-box">
<i class="las la-film"></i>
<h4 class="production-heading">Movies.</h4>
<p class="production-des">Lorem ipsum dolor sit amet, conse ctetur adipiscing nu elit sed do eiusmod tem.</p>
</div>
</div>
<div class="col-12 col-md-6 col-lg-3 text-center">
<div class="production-box">
<i class="las la-camera-retro"></i>
<h4 class="production-heading">Festivals.</h4>
<p class="production-des">Lorem ipsum dolor sit amet, conse ctetur adipiscing nu elit sed do eiusmod tem.</p>
</div>
</div>
</div>
</div>
</section>
<!--Project End-->
<!--video sec start-->
<section id="video-sec" class="video-sec bg-video-img">
<div class="overlay d-flex justify-content-center align-items-center">
<div class="container">
<div class="row">
<div class="col-12 text-center">
<div class="video-btn">
<a data-fancybox="" href="https://vimeo.com/90840341"><i class="las la-play play-btn text-brown"></i></a>
</div>
</div>
</div>
</div>
</div>
</section>
<!--Video sec end-->
<!--our cast sec start-->
<section class="our-cast" id="our-cast">
<div class="container">
<div class="row">
<div class="col-12 col-md-8 offset-md-2 text-center">
<div class="about-heading heading-details">
<h4 class="heading">OUR CAST</h4>
<p class="top-des"></p>
</div>
</div>
</div>
<div class="row no-gutters testimonial-cast owl-carousel owl-theme">
<div class="item">
<div class="row no-gutters cast-card">
<div class="col-12">
<div class="cast-img">
<img src="film/img/cast1.jpg">
</div>
<div class="cast-detail d-flex align-items-center">
<div class="cast-content">
<h4 class="cast-name">Lopez Joshe</h4>
<span class="cast-designation">Dribble Actor</span>
<p class="cast-des">Lorem ipsum dolor sit amet conset sed tem sit amet, conset sed tem.</p>
<ul class="cast-social">
<li><a href="#"><i class="lab la-facebook-f"></i></a></li>
<li><a href="#"><i class="lab la-twitter"></i></a></li>
<li><a href="#"><i class="lab la-dribbble"></i></a></li>
<li><a href="#"><i class="lab la-instagram"></i></a></li>
</ul>
</div>
<div class="overlay-cast"></div>
</div>
</div>
</div>
</div>
<div class="item">
<div class="row no-gutters cast-card">
<div class="col-12">
<div class="cast-detail d-flex align-items-center">
<div class="cast-content">
<h4 class="cast-name">Lopez Joshe</h4>
<span class="cast-designation">Dribble Actor</span>
<p class="cast-des">Lorem ipsum dolor sit amet conset sed tem sit amet, conset sed tem.</p>
<ul class="cast-social">
<li><a href="#"><i class="lab la-facebook-f"></i></a></li>
<li><a href="#"><i class="lab la-twitter"></i></a></li>
<li><a href="#"><i class="lab la-dribbble"></i></a></li>
<li><a href="#"><i class="lab la-instagram"></i></a></li>
</ul>
</div>
<div class="overlay-cast"></div>
</div>
<div class="cast-img">
<img src="film/img/cast2.jpg">
</div>
</div>
</div>
</div>
<div class="item">
<div class="row no-gutters cast-card">
<div class="col-12">
<div class="cast-img">
<img src="film/img/cast3.jpg">
</div>
<div class="cast-detail d-flex align-items-center">
<div class="cast-content">
<h4 class="cast-name">Lopez Joshe</h4>
<span class="cast-designation">Dribble Actor</span>
<p class="cast-des">Lorem ipsum dolor sit amet conset sed tem sit amet, conset sed tem.</p>
<ul class="cast-social">
<li><a href="#"><i class="lab la-facebook-f"></i></a></li>
<li><a href="#"><i class="lab la-twitter"></i></a></li>
<li><a href="#"><i class="lab la-dribbble"></i></a></li>
<li><a href="#"><i class="lab la-instagram"></i></a></li>
</ul>
</div>
<div class="overlay-cast"></div>
</div>
</div>
</div>
</div>
<div class="item">
<div class="row no-gutters cast-card">
<div class="col-12">
<div class="cast-detail d-flex align-items-center">
<div class="cast-content">
<h4 class="cast-name">Lopez Joshe</h4>
<span class="cast-designation">Dribble Actor</span>
<p class="cast-des">Lorem ipsum dolor sit amet conset sed tem sit amet, conset sed tem.</p>
<ul class="cast-social">
<li><a href="#"><i class="lab la-facebook-f"></i></a></li>
<li><a href="#"><i class="lab la-twitter"></i></a></li>
<li><a href="#"><i class="lab la-dribbble"></i></a></li>
<li><a href="#"><i class="lab la-instagram"></i></a></li>
</ul>
</div>
<div class="overlay-cast"></div>
</div>
<div class="cast-img">
<img src="film/img/cast4.jpg">
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!--our cast sec start-->
<!--portfolio sec start-->
<!--portfolio section start-->
<div id="portfolio-sec" class="portfolio-sec">
<div class="container">
<div class="row upper-sec">
<div class="col-12 text-center portfolio-heading">
<div class="about-heading heading-details">
<h4 class="heading">MOVIE GALLERY</h4>
</div>
</div>
<div class="col-12 filers">
<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=".branding" class="cbp-filter-item rounded-pill">
Concerts<div class="cbp-filter-counter"></div>
</div>
<div data-filter=".web-design" class="cbp-filter-item rounded-pill">
Festivals<div class="cbp-filter-counter"></div>
</div>
<div data-filter=".photo" class="cbp-filter-item rounded-pill">
Sufi<div class="cbp-filter-counter"></div>
</div>
<div data-filter=".movies" class="cbp-filter-item rounded-pill">
Movies<div class="cbp-filter-counter"></div>
</div>
</div>
</div>
</div>
<div id="js-grid-masonry" class="cbp">
<div class="cbp-item branding">
<a href="film/img/p-1.png" class="cbp-caption cbp-lightbox" data-title="Easy Note<br>by Cosmin Capitanu">
<div class="cbp-caption-defaultWrap">
<img src="film/img/p-1.png" alt="">
</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>
</div>
</div>
</a>
</div>
<div class="cbp-item web-design">
<a href="film/img/p-2.png" class="cbp-caption cbp-lightbox" data-title="The Gang Blue<br>by Cosmin Capitanu">
<div class="cbp-caption-defaultWrap">
<img src="film/img/p-2.png" alt="">
</div>
<div class="cbp-caption-activeWrap">
<div class="cbp-l-caption-alignCenter">
<div class="cbp-l-caption-body">
<div class="cbp-l-caption-title">The Gang Blue</div>
</div>
</div>
</div>
</a>
</div>
<div class="cbp-item photo branding movies">
<a href="film/img/p-3.png" class="cbp-caption cbp-lightbox" data-title="Tiger<br>by Cosmin Capitanu">
<div class="cbp-caption-defaultWrap">
<img src="film/img/p-3.png" alt="">
</div>
<div class="cbp-caption-activeWrap">
<div class="cbp-l-caption-alignCenter">
<div class="cbp-l-caption-body">
<div class="cbp-l-caption-title">Tiger</div>
</div>
</div>
</div>
</a>
</div>
<div class="cbp-item web-design photo">
<a href="film/img/p-4.png" class="cbp-caption cbp-lightbox" data-title="Flat Roman Typeface Ui<br>by Cosmin Capitanu">
<div class="cbp-caption-defaultWrap">
<img src="film/img/p-4.png" alt="">
</div>
<div class="cbp-caption-activeWrap">
<div class="cbp-l-caption-alignCenter">
<div class="cbp-l-caption-body">
<div class="cbp-l-caption-title">Flat Roman</div>
</div>
</div>
</div>
</a>
</div>
<div class="cbp-item branding movies">
<a href="film/img/p-5.png" class="cbp-caption cbp-lightbox" data-title="Flat Roman Typeface Ui<br>by Cosmin Capitanu">
<div class="cbp-caption-defaultWrap">
<img src="film/img/p-5.png" alt="">
</div>
<div class="cbp-caption-activeWrap">
<div class="cbp-l-caption-alignCenter">
<div class="cbp-l-caption-body">
<div class="cbp-l-caption-title">Flat Roman</div>
</div>
</div>
</div>
</a>
</div>
<div class="cbp-item web-design branding">
<a href="film/img/p-6.png" class="cbp-caption cbp-lightbox" data-title="Sickpuppy<br>by Cosmin Capitanu">
<div class="cbp-caption-defaultWrap">
<img src="film/img/p-6.png" alt="">
</div>
<div class="cbp-caption-activeWrap">
<div class="cbp-l-caption-alignCenter">
<div class="cbp-l-caption-body">
<div class="cbp-l-caption-title">Sickpuppy</div>
</div>
</div>
</div>
</a>
</div>
<div class="cbp-item movies photo">
<a href="film/img/p-7.png" class="cbp-caption cbp-lightbox" data-title="Sickpuppy<br>by Cosmin Capitanu">
<div class="cbp-caption-defaultWrap">
<img src="film/img/p-7.png" alt="">
</div>
<div class="cbp-caption-activeWrap">
<div class="cbp-l-caption-alignCenter">
<div class="cbp-l-caption-body">
<div class="cbp-l-caption-title">Sickpuppy</div>
</div>
</div>
</div>
</a>
</div>
</div>
</div>
</div>
<!--portfolio section end-->
<!--portfolio sec end-->
<!--latest-items start-->
<section class="latest-items">
<div class="container">
<div class="row">
<div class="col-12 col-md-8 offset-md-2 text-center">
<div class="about-heading heading-details">
<h4 class="heading">LATEST VIDEOS</h4>
</div>
</div>
</div>
<div class="list-item-slider owl-carousel owl-theme">
<div class="item">
<a data-fancybox="" href="https://vimeo.com/90840341">
<div class="product">
<div class="product-img">
<img src="film/img/l1.jpg">
<div class="overlay-item d-flex justify-content-center align-items-center">
<i class="las la-play"></i>
</div>
</div>
<div class="product-detail">
<p class="text-des">Lorem ipsum dolor sit amet, conset sed tem.</p>
<h4 class="heading">Run Away From Light.</h4>
<a href="#" class="watch-product"><i class="las la-arrow-right"></i></a>
</div>
</div>
</a>
</div>
<div class="item">
<a data-fancybox="" href="https://vimeo.com/90840341">
<div class="product">
<div class="product-img">
<img src="film/img/l2.jpg">
<div class="overlay-item d-flex justify-content-center align-items-center">
<a data-fancybox="" href="https://vimeo.com/106765702"><i class="las la-play"></i></a>
</div>
</div>
<div class="product-detail">
<p class="text-des">Lorem ipsum dolor sit amet, conset sed tem.</p>
<h4 class="heading">Run Away From Light.</h4>
<a href="#" class="watch-product"><i class="las la-arrow-right"></i></a>
</div>
</div>
</a>
</div>
<div class="item">
<a data-fancybox="" href="https://vimeo.com/90840341">
<div class="product">
<div class="product-img">
<img src="film/img/l3.jpg">
<div class="overlay-item d-flex justify-content-center align-items-center">
<a data-fancybox="" href="https://vimeo.com/106765702"><i class="las la-play"></i></a>
</div>
</div>
<div class="product-detail">
<p class="text-des">Lorem ipsum dolor sit amet, conset sed tem.</p>
<h4 class="heading">Run Away From Light.</h4>
<a href="#" class="watch-product"><i class="las la-arrow-right"></i></a>
</div>
</div>
</a>
</div>
<div class="item">
<a data-fancybox="" href="https://vimeo.com/90840341">
<div class="product">
<div class="product-img">
<img src="film/img/l4.jpg">
<div class="overlay-item d-flex justify-content-center align-items-center">
<a data-fancybox="" href="https://vimeo.com/106765702"><i class="las la-play"></i></a>
</div>
</div>
<div class="product-detail">
<p class="text-des">Lorem ipsum dolor sit amet, conset sed tem.</p>
<h4 class="heading">Run Away From Light.</h4>
<a href="#" class="watch-product"><i class="las la-arrow-right"></i></a>
</div>
</div>
</a>
</div>
</div>
</div>
</section>
<!--latest items end-->
<!--Reviews sec start-->
<section class="single-items center-block testimonial-sec parallax" id="reviews" style="background: url(film/img/test1.jpg)">
<div class="bg-overlay bg-black opacity-6"></div>
<div class="container">
<div class="row">
<div class="col-12 col-lg-8 offset-lg-2 text-center test-box">
<div class="review-box">
<div class="row no-gutters slick-test">
<div class="reviews item">
<div class="review-body">
<p class="user-comment">Click edit button to change this text. Lorem dolor sit amet, sit consectetur elit. amet, for adipiscing elit. amet, consect adipiscing elit.</p>
<p class="comment-date">19-dec-2020</p>
<ul class="review-stars">
<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 class="user-img"><img src="film/img/review.jpg" class="rounded-circle" alt="img"></div>
<h4 class="user-name">Mickal Devid</h4>
<p class="user-designation">- Web Designer -</p>
</div>
<div class="reviews item">
<div class="review-body">
<p class="user-comment">Edit button to change this text. Lorem dolor sit amet, sit consectetur elit. amet, for adipiscing elit. amet, consect adipiscing elit.</p>
<p class="comment-date">19-dec-2020</p>
<ul class="review-stars">
<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 class="user-img"><img src="film/img/rev.jpg" class="rounded-circle" alt="img"></div>
<h4 class="user-name">Mickal Devid</h4>
<p class="user-designation">- Web Designer -</p>
</div>
<div class="reviews item">
<div class="review-body">
<p class="user-comment">Edit with button to change this text. Lorem dolor sit amet, sit consectetur elit. amet, for adipiscing elit. amet, consect adipiscing elit.</p>
<p class="comment-date">19-dec-2020</p>
<ul class="review-stars">
<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 class="user-img"><img src="film/img/rev1.jpg" class="rounded-circle" alt="img"></div>
<h4 class="user-name">Mickal Devid</h4>
<p class="user-designation">- Web Designer -</p>
</div>
</div>
<a class="navigate-btn prev-review-btn"><span class="fly-line"></span>Prev <i class="las la-arrow-right"></i> </a>
<a class="navigate-btn next-review-btn"><span class="fly-line"></span>Next <i class="las la-arrow-right"></i></a>
</div>
</div>
</div>
</div>
</section>
<!--Review sec end-->
<!--Brands sec start-->
<div class="brand-sec" id="brand-sec">
<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="film/img/brand1.png" alt="brand1">
</div>
<div class="item brand-img d-flex justify-content-center">
<img src="film/img/brand1.png" alt="brand2">
</div>
<div class="item brand-img d-flex justify-content-center">
<img src="film/img/brand1.png" alt="brand3">
</div>
<div class="item brand-img d-flex justify-content-center">
<img src="film/img/brand1.png" alt="brand4">
</div>
</div>
</div>
</div>
</div>
</div>
<!--Brands sec end-->
<!--blogs sec start-->
<!--Blog-->
<section class="bglight padding" id="our-blog">
<div class="container">
<div class="row">
<div class="col-md-12 text-center">
<div class="about-heading heading-details">
<h4 class="heading">LATEST BLOG</h4>
</div>
</div>
</div>
<div class="row">
<div class="col-lg-4 col-md-6">
<div class="news_item shadow wow fadeInUp" data-wow-delay="200ms">
<div class="blog-img">
<a class="image" href="#">
<img src="film/img/blog1.jpg" alt="Latest News" class="img-responsive">
</a>
</div>
<div class="news_desc">
<h3 class="font-normal darkcolor"><a href="film/standard-blog.html">Next Large Social Network</a></h3>
<ul class="meta-tags top20 bottom20">
<li><a href="#"><i class="fas fa-calendar-alt"></i>Jan 14</a></li>
<li><a href="#"> <i class="far fa-user"></i>Peter</a></li>
<li><a href="#"><i class="far fa-comment-dots"></i>7</a></li>
</ul>
<p>Lorem Ipsum is simply dummy text of the printing industry. Lorem has been dummy text ever since the 1500s...</p>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6">
<div class="news_item shadow wow fadeInUp" data-wow-delay="300ms">
<div class="blog-multi-img">
<div class="owl-carousel owl-theme owl-blog-item">
<div class="item">
<img src="film/img/blog5.jpg" alt="image">
</div>
<div class="item">
<img src="film/img/blog3.jpg" alt="image">
</div>
<div class="item">
<img src="film/img/blog2.jpg" alt="image">
</div>
<div class="item">
<img src="film/img/blog4.jpg" alt="image">
</div>
</div>
</div>
<div class="news_desc">
<h3 class="text-capitalize font-normal darkcolor"><a href="film/standard-blog.html">The Art of Finding Great Ideas</a></h3>
<ul class="meta-tags top20 bottom20">
<li><a href="#."><i class="fas fa-calendar-alt"></i>Feb 19</a></li>
<li><a href="#."> <i class="far fa-user"></i>John</a></li>
<li><a href="#."><i class="far fa-comment-dots"></i>9</a></li>
</ul>
<p>Lorem Ipsum is simply dummy text of the printing industry. Lorem has been dummy text ever since the 1500s...</p>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6">
<div class="news_item shadow wow fadeInUp" data-wow-delay="400ms">
<div class="blog-img">
<a data-fancybox="" href="https://vimeo.com/90840341">
<div class="play-hvr">
<div class="play-icon">
<i class="fas fa-play"></i>
</div>
</div>
</a>
<div class="image">
<img src="film/img/blog3.jpg" alt="Latest News" class="img-responsive">
</div>
</div>
<div class="news_desc">
<h3 class="text-capitalize font-normal darkcolor"><a href="film/standard-blog.html">3 Tips for Creating Your Own Blog</a></h3>
<ul class="meta-tags top20 bottom20">
<li><a href="#."><i class="fas fa-calendar-alt"></i>May 21</a></li>
<li><a href="#."> <i class="far fa-user"></i>David</a></li>
<li><a href="#."><i class="far fa-comment-dots"></i>4</a></li>
</ul>
<p>Lorem Ipsum is simply dummy text of the printing industry. Lorem has been dummy text ever since the 1500s...</p>
</div>
</div>
</div>
</div>
</div>
</section>
<!--Blog ends-->
<!--Contact Start-->
<section id="contact" class="contact-sec">
<div class="container">
<!--Heading-->
<div class="row">
<div class="col-12 col-md-8 offset-md-2 text-center">
<div class="about-heading heading-details">
<h4 class="heading">LET'S GET IN TOUCH</h4>
</div>
</div>
</div>
<!--contact us-->
<div class="row">
<div class="col-12 col-lg-6 contact-details text-center text-lg-left">
<div class="location-details">
<h4 class="contact-heading">MegaOne <strong>Office</strong></h4>
<p class="contact-address">123 Stree New York City , United States Of America.</p>
<ul class="contact-list">
<li><span>Office Telephone :</span> 001 01085379709</li>
<li><span>Mobile :</span> 001 63165370895</li>
<li><span>Email :</span> admin@website.com</li>
<li><span>Inquiries :</span> email@website.com</li>
<li><span>Mon-Fri:</span> 9am to 6pm</li>
</ul>
<ul class="slider-social contact-s-media">
<li class="animated-wrap"><a class="animated-element" href="javascript:void(0);"><i class="lab la-facebook-f"></i> </a> </li>
<li class="animated-wrap"><a class="animated-element" href="javascript:void(0);"><i class="lab la-twitter"></i> </a> </li>
<li class="animated-wrap"><a class="animated-element" href="javascript:void(0);"><i class="lab la-google-plus-g"></i> </a> </li>
<li class="animated-wrap"><a class="animated-element" href="javascript:void(0);"><i class="lab la-linkedin-in"></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>
<div class="col-12 col-lg-6 contact-form-box">
<form class="contact-form" id="contact-form-data">
<div class="row">
<div class="col-sm-12" id="result"></div>
<div class="col-6">
<div class="form-group">
<input class="form-control" type="text" placeholder="First Name:" required="" id="first_name" name="firstName">
</div>
</div>
<div class="col-6">
<div class="form-group">
<input class="form-control" type="text" placeholder="Last Name:" required="" id="last_name" name="lastName">
</div>
</div>
<div class="col-6">
<div class="form-group">
<input class="form-control" type="email" placeholder="Email:" required="" id="email" name="userEmail">
</div>
</div>
<div class="col-6">
<div class="form-group">
<input class="form-control" type="tel" placeholder="Phone:" id="phone" name="userPhone">
</div>
</div>
<div class="col-12">
<div class="form-group">
<textarea class="form-control" placeholder="Message" id="message" name="userMessage"></textarea>
</div>
</div>
<div class="col-12">
<button type="button" class="btn btn-large yellow-and-white-slider-btn mt-4 contact_btn" id="submit_btn"><i class="fa fa-spinner fa-spin mr-2 d-none" aria-hidden="true"></i> <b>Contact Now</b></button>
</div>
</div>
</form>
</div>
</div>
</div>
</section>
<!--Contact End-->
<!--map sec-->
<div class="map-sec" id="map-sec">
<div class="container">
<div class="row">
<div class="col-12">
<div class="google-map" id="google-map"></div>
</div>
</div>
</div>
</div>
<!--map sec-->
<!--Footer Start-->
<footer class="footer-style-1 bg-light">
<div class="container">
<div class="row align-items-center">
<!--Social-->
<div class="col-lg-6">
<div class="footer-social text-center text-lg-left ">
<ul class="list-unstyled">
<li><a class="wow fadeInUp" href="javascript:void(0);"><i aria-hidden="true" class="fab fa-facebook-f"></i></a></li>
<li><a class="wow fadeInDown" href="javascript:void(0);"><i aria-hidden="true" class="fab fa-twitter"></i></a></li>
<li><a class="wow fadeInUp" href="javascript:void(0);"><i aria-hidden="true" class="fab fa-google-plus-g"></i></a></li>
<li><a class="wow fadeInDown" href="javascript:void(0);"><i aria-hidden="true" class="fab fa-linkedin-in"></i></a></li>
<li><a class="wow fadeInUp" href="javascript:void(0);"><i aria-hidden="true" class="fab fa-instagram"></i></a></li>
<li><a class="wow fadeInDown" href="javascript:void(0);"><i aria-hidden="true" class="fab fa-pinterest-p"></i></a></li>
</ul>
</div>
</div>
<!--Text-->
<div class="col-lg-6 text-center text-lg-right">
<p class="company-about fadeIn">© 2020 MegaOne. Made With Love By <a href="javascript:void(0);">Themesindustry</a>
</p>
</div>
</div>
</div>
</footer>
<!--Footer End-->
<!--Scroll Top Start-->
<span class="scroll-top-arrow"><i class="fas fa-angle-up"></i></span>
<!--Scroll Top End-->
<!-- JavaScript -->
<script src="vendor/js/bundle.min.js"></script>
<!-- Plugin Js -->
<script src="vendor/js/jquery.appear.js"></script>
<script src="vendor/js/jquery.fancybox.min.js"></script>
<script src="vendor/js/owl.carousel.min.js"></script>
<script src="vendor/js/parallaxie.min.js"></script>
<script src="vendor/js/wow.min.js"></script>
<!-- REVOLUTION JS FILES -->
<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>
<!-- google map-->
<script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyCJRG4KqGVNvAPY4UcVDLcLNXMXk2ktNfY"></script>
<script src="film/js/map.js"></script>
<!--Tilt Js-->
<script src="film/js/tilt.jquery.min.js"></script>
<script src="film/js/slick.js"></script>
<script src="film/js/slick.min.js"></script>
<!-- custom script-->
<script src="vendor/js/contact_us.js"></script>
<script src="film/js/script.js"></script>
</body>
</html>