?
á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>Digital Creative | MegaOne HTML5 Template</title>
<!-- Favicon -->
<link rel="icon" href="vendor/img/favicon.ico">
<!-- Bundle -->
<link rel="stylesheet" href="vendor/css/bundle.min.css">
<!-- Plugin Css -->
<link rel="stylesheet" href="vendor/css/cubeportfolio.min.css">
<link rel="stylesheet" href="vendor/css/jquery.fancybox.min.css">
<link rel="stylesheet" href="vendor/css/owl.carousel.min.css">
<link rel="stylesheet" href="vendor/css/LineIcons.min.css">
<link rel="stylesheet" href="vendor/css/swiper.min.css">
<link rel="stylesheet" href="vendor/css/wow.css">
<!-- <link rel="stylesheet" href="handbags/css/settings.css"> -->
<!-- Style Sheet -->
<link rel="stylesheet" href="digital-creative/css/style.css">
</head>
<body data-offset="100" data-spy="scroll" data-target=".navbar" id="home">
<div id="preloader">
<div id="loader"></div>
</div>
<!-- Header start -->
<header>
<!--Navbar-->
<div class="row no-gutters pt-5">
<div class="col-lg-3 col-md-12 col-sm-12 pt-3 menu-button"></div>
<div class="col-lg-6 col-md-6 col-sm-6 nav-logo pt-2">
<a href="#home" title="Logo" class="logo scroll ">
<img src="digital-creative/img/logo.png" alt="logo">
</a>
</div>
<div class="col-lg-3 text-right pt-3 nav-icons">
<div class="social-icons mr-4">
<ul >
<li><a class="hover" href="#.">
<i class="fab fa-facebook-f"></i></a>
</li>
<li><a class="hover" href="#.">
<i class="fab fa-twitter"></i></a>
</li>
<li><a class="hover" href="#.">
<i class="fab fab fa-instagram"></i></a>
</li>
<li><a class="hover" href="#.">
<i class="fab fab fa-linkedin-in"></i></a>
</li>
</ul>
</div>
</div>
</div>
<!-- Row End -->
<!--Nav Links-->
<nav class="navbar navbar-expand-lg text-center full-nav">
<a href="javascript:void(0)" class="sidemenu_btn" id="sidemenu_toggle">
<span></span>
<span></span>
<span></span>
</a>
<div class="container">
<a class="logo link scroll" href="#home">
<img src="digital-creative/img/logo.png" alt="logo" title="Logo" class="logo-scrolled" >
</a>
<div class="collapse navbar-collapse ">
<ul class="navbar-nav text-center pt-4 pb-4">
<li class="nav-item active ">
<a class="nav-link scroll" href="#home">Home</a>
</li>
<li class="nav-item">
<a class="nav-link scroll" href="#about">About</a>
</li>
<li class="nav-item">
<a class="nav-link scroll" href="#team">Team</a>
</li>
<li class="nav-item">
<a class="nav-link scroll" href="#work">Work</a>
</li>
<li class="nav-item">
<a class="nav-link scroll" href="#pricing">Pricing</a>
</li>
<li class="nav-item">
<a class="nav-link scroll" href="#blog">Blog</a>
</li>
<li class="nav-item">
<a class="nav-link scroll" href="#contact">Contact</a>
</li>
</ul>
</div>
</div>
<!-- Container End -->
</nav>
<!-- Navbar End -->
<!-- Side Nav -->
<div class="side-menu side-menu-opacity">
<div class="bg-overlay"></div>
<div class="inner-wrapper">
<a class="image scroll" href="#home">
<img src="digital-creative/img/side-menu.png" alt="image">
</a>
<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 active ">
<a class="nav-link scroll" href="#home">Home</a>
</li>
<li class="nav-item">
<a class="nav-link scroll" href="#about">About</a>
</li>
<li class="nav-item">
<a class="nav-link scroll" href="#team">Team</a>
</li>
<li class="nav-item">
<a class="nav-link scroll" href="#work">Work</a>
</li>
<li class="nav-item">
<a class="nav-link scroll" href="#pricing">Pricing</a>
</li>
<li class="nav-item">
<a class="nav-link scroll" href="#blog">Blog</a>
</li>
<li class="nav-item">
<a class="nav-link scroll" href="#contact">Contact</a>
</li>
</ul>
</nav>
<div class="side-menu-footer">
<div class="social-icons">
<ul>
<li><a href="javascript:void(0);" class="hover"><i class="fab fa-facebook-f"></i></a></li>
<li><a href="javascript:void(0);" class="hover"><i class="fab fa-twitter"></i></a></li>
<li><a href="javascript:void(0);" class="hover"><i class="fab fa-linkedin-in"></i></a></li>
<li><a href="javascript:void(0);" class="hover"><i class="fab fa-instagram"></i></a></li>
</ul>
</div>
<p class="copywrite text-left">© 2021 MegaOne. <br>Made With Love by Themesindustry.</p>
</div>
</div>
</div>
<a id="close_side_menu" href="javascript:void(0);"></a>
</header>
<!-- Header End -->
<!-- Banner Section Start -->
<section class="banner-section" >
<div class="row no-gutters">
<div class="col-lg-12 col-md-12 col-sm-12">
<div class="img-section">
<img src="digital-creative/img/banner.jpg" alt="banner">
<div class="row no-gutters">
<div class="col-lg-3"></div>
<div class="col-lg-6 col-md-12 col-sm-12 text-section wow zoomIn" data-wow-delay="1000ms">
<h2 class="heading"><span>Creative</span><br>Digital Agency</h2>
<p class="text">Lorem ipsum is simply dummy text of the printing and typesetting.<br> Lorem Ipsum has been the industry’s standard dummy. Lorem Ipsum<br> has been the industry’s standard dummy.</p>
<div class="button-center">
<a class="btn button btn-rounded trans-btn btn-hvr-black " href="digital-creative/standalone.html">
Our Work
</a>
<a class="btn button btn-rounded gradient-btn btn-2" href="digital-creative/standalone.html">
Learn More
</a>
</div>
</div>
<div class="col-lg-3">
</div>
</div>
</div>
</div>
</div>
</section>
<!-- Banner Section End -->
<!-- About section start -->
<section class="about-section" id="about">
<div class="container">
<!-- Row-1 -->
<div class="row no-gutters row-1">
<div class="col-lg-7 col-md-12 col-sm-12 text-section wow fadeInLeft" data-wow-delay="400ms">
<h5 class="subheading">Lorem ipsum dolor sit amet consectetur</h5>
<h2 class="heading">New agency specialising in <span class="purple">creative design</span></h2>
<p class="text">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed augue diam, accumsan vitae justo non, euismod aliquam lectus. Etiam elementum tortor quis risus posuere, in cursus arcu lobortis.</p>
<div class="about-check-list">
<ul>
<li><i class="fas fa-arrow-right"></i>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</li>
<li><i class="fas fa-arrow-right"></i>Morbi ornare nibh id cursus vestibulum.</li>
<li><i class="fas fa-arrow-right"></i>Duis vitae lectus facilisis, tristique lorem sit amet, malesuada diam.</li>
</ul>
</div>
</div>
<div class="col-lg-5 col-md-12 col-sm-12 img-section wow fadeInRight" data-wow-delay="400ms">
<img src="digital-creative/img/about-img.jpg" alt="img">
</div>
</div>
<!-- Row-2 -->
<div class="services-section">
<div class="row no-gutters row-2">
<div class="col-lg-12 col-md-12 col-sm-12 wow fadeInDown" data-wow-delay="400ms">
<h2 class="heading text-center">Browse our amazing <br>design services</h2>
</div>
</div>
<div class="row row-3 justify-content-center">
<div class="col-lg-4 col-md-6 col-sm-12 wow fadeInLeft" data-wow-delay="400ms">
<div class="card card-1" >
<i class="far fa-edit"></i>
<div class="card-body">
<h5 class="subheading">Branding Design</h5>
<p class="text">Lorem ipsum dolor sit amet, consectetur adipiscing elit augue diam, accumsan.</p>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6 col-sm-12 wow fadeInUp" data-wow-delay="400ms">
<div class="card card-2" >
<i class="fas fa-cog"></i>
<div class="card-body">
<h5 class="subheading">SEO Marketing</h5>
<p class="text">Lorem ipsum dolor sit amet, consectetur adipiscing elit augue diam, accumsan.</p>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6 col-sm-12 wow fadeInRight" data-wow-delay="400ms">
<div class="card card-3">
<i class="fas fa-code"></i>
<div class="card-body">
<h5 class="subheading">Web Development</h5>
<p class="text">Lorem ipsum dolor sit amet, consectetur adipiscing elit augue diam, accumsan.</p>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Container End -->
</section>
<!-- About section End -->
<!-- Team Section start -->
<section class="team-section" id="team">
<div class="container">
<!-- Row-1 -->
<div class="row no-gutters row-1">
<div class="col-lg-12 col-md-12 col-sm-12 wow fadeInDown" data-wow-delay="400ms">
<div class="subheading">Lorem ipsum dolor sit amet </div>
<div class="heading">Meet Our <span> Amazing</span> Team</div>
</div>
</div>
<!-- Row-2 -->
<div class="row no-gutters row-2">
<div class="col-lg-3 col-md-6 col-sm-12 team-col">
<div class="row no-gutters">
<div class="col-12 image ">
<img src="digital-creative/img/team-1.jpg" alt="team-member">
</div>
<div class="text-column">
<h2 class="heading">Alex Brown</h2>
<h5 class="subheading">Developer</h5>
<p class="text">Lorem ipsum dolor sit amet, consectetur adipiscing elit augue.</p>
<div class="social-icons">
<ul>
<li><a class="facebook-hover" href="#.">
<i class="fab fa-facebook-f"></i></a>
</li>
<li><a class="twitter-hover" href="#.">
<i class="fab fa-twitter"></i></a>
</li>
<li><a class="google-plus-hover" href="#.">
<i class="fab fa-google-plus-g"></i></a>
</li>
</ul>
</div>
</div>
</div>
<!-- Row End -->
</div>
<div class="col-lg-3 col-md-6 col-sm-12 team-col">
<div class="row no-gutters">
<div class="col-12 text-column order-2 order-md-1">
<h2 class="heading">Alina Walkin</h2>
<h5 class="subheading">Designer</h5>
<p class="text">Lorem ipsum dolor sit amet, consectetur adipiscing elit augue.</p>
<div class="social-icons">
<ul>
<li><a class="facebook-hover" href="#.">
<i class="fab fa-facebook-f"></i></a>
</li>
<li><a class="google-plus-hover" href="#.">
<i class="fab fa-twitter"></i></a>
</li>
<li><a class="linked-in-hover" href="#.">
<i class="fab fa-linkedin-in"></i></a>
</li>
</ul>
</div>
</div>
<div class="col-12 image order-1 order-md-2">
<img src="digital-creative/img/team-2.jpg" alt="team-member">
</div>
<!-- Row End -->
</div>
</div>
<div class="col-lg-3 col-md-6 col-sm-12 team-col">
<div class="row no-gutters">
<div class=" image col-12">
<img src="digital-creative/img/team-3.jpg" alt="team-member">
</div>
<div class="col-12 text-column ">
<h2 class="heading">Jessica Twian</h2>
<h5 class="subheading">Marketing</h5>
<p class="text">Lorem ipsum dolor sit amet, consectetur adipiscing elit augue.</p>
<div class="social-icons">
<ul>
<li><a class="facebook-hover" href="#.">
<i class="fab fa-facebook-f"></i></a>
</li>
<li><a class="twitter-hover" href="#.">
<i class="fab fa-twitter"></i></a>
</li>
<li><a class="linked-in-hover" href="#.">
<i class="fab fa-linkedin-in"></i></a>
</li>
</ul>
</div>
</div>
</div>
</div>
<div class="col-lg-3 col-md-6 col-sm-12 team-col">
<div class="row no-gutters">
<div class="col-12 text-column order-2 order-md-1">
<h2 class="heading">Mark Jason</h2>
<h5 class="subheading">Visualizer</h5>
<p class="text">Lorem ipsum dolor sit amet, consectetur adipiscing elit augue.</p>
<div class="social-icons">
<ul>
<li><a class="facebook-hover" href="#.">
<i class="fab fa-facebook-f"></i></a>
</li>
<li><a class="twitter-hover" href="#.">
<i class="fab fa-twitter"></i></a>
</li>
<li><a class="google-plus-hover" href="#.">
<i class="fab fa-google-plus-g"></i></a>
</li>
</ul>
</div>
</div>
<div class="image order-1 order-lg-2">
<img src="digital-creative/img/team-4.jpg" alt="team-member">
</div>
</div>
</div>
</div>
</div>
<!-- Container End -->
</section>
<!-- Team Section End -->
<!-- Work section Start-->
<section class="work-section" id="work">
<div class="container">
<!-- Row-1 -->
<div class="row no-gutters row-1">
<div class="col-lg-12 col-md-12 col-sm-12 wow fadeInDown" data-wow-delay="400ms">
<h5 class="subheading">Lorem ipsum dolor sit amet </h5>
<h2 class="heading">Awesome <span>Digital</span> Work</h2>
</div>
</div>
<!-- Portfolio Items Start -->
<div id="js-grid-mosaic-flat" class="cbp cbp-l-grid-mosaic-flat">
<div class="cbp-item">
<a href="digital-creative/img/work-1.jpg" class="cbp-caption cbp-lightbox" data-title="Bolt UI<br>by Tiberiu Neamu">
<div class="cbp-caption-defaultWrap">
<img src="digital-creative/img/work-1.jpg" alt="">
</div>
<div class="cbp-caption-activeWrap">
<div class="cbp-l-caption-alignCenter">
<div class="cbp-l-caption-body">
<div class="plus"></div>
<div class="title">Latest Work</div>
<div class="cbp-l-caption-desc">See Our Recent Project</div>
</div>
</div>
</div>
</a>
</div>
<div class="cbp-item">
<a href="digital-creative/img/work-2.jpg" class="cbp-caption cbp-lightbox" data-title="World Clock<br>by Paul Flavius Nechita">
<div class="cbp-caption-defaultWrap">
<img src="digital-creative/img/work-2.jpg" alt="">
</div>
<div class="cbp-caption-activeWrap">
<div class="cbp-l-caption-alignCenter">
<div class="cbp-l-caption-body">
<div class="plus"></div>
<div class="title">Latest Work</div>
<div class="cbp-l-caption-desc">See Our Recent Project</div>
</div>
</div>
</div>
</a>
</div>
<div class="cbp-item">
<a href="digital-creative/img/work-4.jpg" class="cbp-caption cbp-lightbox" data-title="WhereTO App<br>by Tiberiu Neamu">
<div class="cbp-caption-defaultWrap">
<img src="digital-creative/img/work-4.jpg" alt="">
</div>
<div class="cbp-caption-activeWrap">
<div class="cbp-l-caption-alignCenter">
<div class="cbp-l-caption-body">
<div class="plus"></div>
<div class="title">Latest Work</div>
<div class="cbp-l-caption-desc">See Our Recent Project</div>
</div>
</div>
</div>
</a>
</div>
<div class="cbp-item graphic">
<a href="digital-creative/img/work-3.jpg" class="cbp-caption cbp-lightbox" data-title="Seemple* Music<br>by Tiberiu Neamu">
<div class="cbp-caption-defaultWrap">
<img src="digital-creative/img/work-3.jpg" alt="">
</div>
<div class="cbp-caption-activeWrap">
<div class="cbp-l-caption-alignCenter">
<div class="cbp-l-caption-body">
<div class="plus"></div>
<div class="title">Latest Work</div>
<div class="cbp-l-caption-desc">See Our Recent Project</div>
</div>
</div>
</div>
</a>
</div>
<div class="cbp-item">
<a href="digital-creative/img/work-5.jpg" class="cbp-caption cbp-lightbox" data-title="iDevices<br>by Tiberiu Neamu">
<div class="cbp-caption-defaultWrap">
<img src="digital-creative/img/work-5.jpg" alt="">
</div>
<div class="cbp-caption-activeWrap">
<div class="cbp-l-caption-alignCenter">
<div class="cbp-l-caption-body">
<div class="plus"></div>
<div class="title">Latest Work</div>
<div class="cbp-l-caption-desc">See Our Recent Project</div>
</div>
</div>
</div>
</a>
</div>
<div class="cbp-item">
<a href="digital-creative/img/work-6.jpg" class="cbp-caption cbp-lightbox" data-title="Remind~Me Widget<br>by Tiberiu Neamu">
<div class="cbp-caption-defaultWrap">
<img src="digital-creative/img/work-6.jpg" alt="">
</div>
<div class="cbp-caption-activeWrap">
<div class="cbp-l-caption-alignCenter">
<div class="cbp-l-caption-body">
<div class="plus"></div>
<div class="title">Latest Work</div>
<div class="cbp-l-caption-desc">See Our Recent Project</div>
</div>
</div>
</div>
</a>
</div>
<div class="cbp-item ">
<a href="digital-creative/img/work-7.jpg" class="cbp-caption cbp-lightbox" data-title="Workout Buddy<br>by Tiberiu Neamu">
<div class="cbp-caption-defaultWrap">
<img src="digital-creative/img/work-7.jpg" alt="">
</div>
<div class="cbp-caption-activeWrap">
<div class="cbp-l-caption-alignCenter">
<div class="cbp-l-caption-body">
<div class="plus"></div>
<div class="title">Latest Work</div>
<div class="cbp-l-caption-desc">See Our Recent Project</div>
</div>
</div>
</div>
</a>
</div>
<div class="cbp-item ">
<a href="digital-creative/img/work-8.jpg" class="cbp-caption cbp-lightbox" data-title="Digital Menu<br>by Cosmin Capitanu">
<div class="cbp-caption-defaultWrap">
<img src="digital-creative/img/work-8.jpg" alt="">
</div>
<div class="cbp-caption-activeWrap">
<div class="cbp-l-caption-alignCenter">
<div class="cbp-l-caption-body">
<div class="plus"></div>
<div class="title">Latest Work</div>
<div class="cbp-l-caption-desc">See Our Recent Project</div>
</div>
</div>
</div>
</a>
</div>
</div>
<!-- Portfolio Items -->
</div>
<!-- Container End -->
</section>
<!-- Work Section End -->
<!-- Counter Section Start-->
<section class="counter-section">
<div class="container">
<div class="row no-gutters">
<div class="col-lg-6 col-md-12 col-sm-12 counter-text wow fadeInLeft" data-wow-delay="400ms">
<h2 class="heading">Our many years of experience in numbers</h2>
<div class="underline gradient-border"></div>
<p class="text">We show you our professional achievements in numbers, which show the acquired skills and trust of many clients.</p>
</div>
<div class="col-lg-6 col-md-12 col-sm-12">
<div class="row no-gutters text-center num_counter">
<div class="col-lg-4 col-md-12 col-sm-12 wow fadeInUp" data-wow-delay="400ms">
<div class="counter">
<i class="far fa-thumbs-up"></i>
<h5 class="timer count-number subheading" data-to="125" data-speed="1500">4500</h5>
<p class="text">Satisfied Customers</p>
</div>
</div>
<div class="col-lg-4 col-md-12 col-sm-12 wow fadeInDown" data-wow-delay="400ms">
<div class="counter">
<i class="far fa-user"></i>
<h5 class="timer count-number subheading" data-to="125" data-speed="1500">9500</h5>
<p class="text">Completed consultations</p>
</div>
</div>
<div class="col-lg-4 col-md-12 col-sm-12 wow fadeInUp" data-wow-delay="400ms">
<div class="counter">
<i class="fas fa-tv"></i>
<h5 class="timer count-number subheading" data-to="125" data-speed="1500">6000</h5>
<p class="text ">Carried out training</p>
</div>
</div>
</div>
</div>
</div>
<!-- Main Row End -->
</div>
<!-- Container End -->
</section>
<!-- Counter section End -->
<!-- Testimonials Section Start-->
<section class=" testimonial-section">
<div class="container">
<div class="row no-gutters">
<div class="col-lg-12 col-md-12 col-sm-12">
<div class=" testimonial-carousel owl-carousel owl-theme text-center">
<div class="item active wow fadeInUp" data-wow-delay="400ms">
<p class="text">It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem ipsum dolor sit amet,temp consectetur adipisicing elit.</p>
<div class="img">
<img src="digital-creative/img/testimonial-1.png" alt="img">
</div>
<h2 class="heading">Ellizabeth Taylor</h2>
<h5 class="subheading">Amazon</h5>
</div>
<div class="item wow fadeInDown" data-wow-delay="400ms">
<p class="text">It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem ipsum dolor sit amet,temp consectetur adipisicing elit.</p>
<div class="img">
<img src="digital-creative/img/testimonial-2.png" alt="img">
</div>
<h2 class="heading">Brenden Taylor</h2>
<h5 class="subheading">Microsoft</h5>
</div>
</div>
<!-- Carousel End -->
</div>
</div>
</div>
<!-- Container End -->
</section>
<!-- Testimonials Section End -->
<!-- Pricing Section Start-->
<section class="pricing-section" id="pricing">
<div class="container">
<!-- Row-1 -->
<div class="row no-gutters row-1">
<div class="col-lg-12 col-md-12 col-sm-12 text-center wow fadeInDown" data-wow-delay="400ms">
<h5 class="subheading">Lorem ipsum dolor sit amet </h5>
<h2 class="heading">Let’s Choose a Best Plan</h2>
</div>
</div>
<!-- Row-2 -->
<div class="row row-2">
<div class="col-lg-4 col-md-12 col-sm-12 text-center wow fadeInLeft" data-wow-delay="400ms">
<div class="single-price ">
<div class="price-title">
<h4 class="subheading">Startup</h4>
</div>
<div class="price-para">
<p class="text">Click edit button to change this text. Lorem
dolor sit amet, consectetur adipiscing elit.
</p>
</div>
<div class="price-tag">
<h2 class="heading">
<span class="dollar">$</span><span class="gradient">19</span><span>/ Month</span>
</h2>
</div>
<div class="price-item">
<ul>
<li>Full access</li>
<li>Unlimited Bandwidth</li>
<li>Enail Accounts</li>
<li>4 Free Forks Every Months</li>
</ul>
</div>
<a class="btn button btn-rounded trans-btn btn-hvr-white " href="#."> Learn More </a>
</div>
</div>
<div class="col-lg-4 col-md-12 col-sm-12 text-center wow fadeInUp " data-wow-delay="400ms">
<div class="single-price active">
<div class="price-title">
<h4 class="subheading">Standard</h4>
</div>
<div class="price-para">
<p class="text">Click edit button to change this text. Lorem
dolor sit amet, consectetur adipiscing elit.
</p>
</div>
<div class="price-tag ">
<h2 class="heading">
<span class="dollar">$</span><span class="gradient">56</span><span>/ Month</span>
</h2>
</div>
<div class="price-item">
<ul>
<li>Full access</li>
<li>Unlimited Bandwidth</li>
<li>Enail Accounts</li>
<li>4 Free Forks Every Months</li>
</ul>
</div>
<a class="btn button btn-rounded trans-btn btn-hvr-white " href="#."> Learn More </a>
</div>
</div>
<div class="col-lg-4 col-md-12 col-sm-12 text-center wow fadeInRight" data-wow-delay="400ms">
<div class="single-price">
<div class="price-title">
<h4 class="subheading">Premium</h4>
</div>
<div class="price-para">
<p class="text">Click edit button to change this text. Lorem
dolor sit amet, consectetur adipiscing elit.
</p>
</div>
<div class="price-tag">
<h2 class="heading">
<span class="dollar">$</span><span class="gradient">89</span><span>/ Month</span>
</h2>
</div>
<div class="price-item">
<ul>
<li>Full access</li>
<li>Unlimited Bandwidth</li>
<li>Enail Accounts</li>
<li>4 Free Forks Every Months</li>
</ul>
</div>
<a class="btn button btn-rounded trans-btn btn-hvr-white" href="#."> Learn More </a>
</div>
</div>
</div>
</div>
<!-- Container End -->
</section>
<!-- Pricing Section End -->
<!-- Blog Section Start -->
<section class="blog-section" id="blog">
<div class="container">
<!-- Row-1 -->
<div class="row no-gutters row-1">
<div class="col-lg-6 col-md-12 col-sm-12 text-column wow fadeInLeft" data-wow-delay="400ms">
<h2 class="heading">Designing your time.</h2>
<p class="text">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmodt temp to the incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis a nostr a exercitation ullamco laboris nisi ut aliquip.</p>
<div class="button-center">
<a class="btn button btn-rounded gradient-btn" href="digital-creative/standalone.html">
Learn More
</a>
</div>
</div>
<div class="col-lg-6 col-md-12 col-sm-12 img-column wow fadeInRight" data-wow-delay="400ms">
<img src="digital-creative/img/blog-1.jpg" alt="blog-img">
</div>
</div>
<div class="row no-gutters row-2">
<div class="col-lg-6 col-md-12 col-sm-12 img-column order-2 order-lg-1 wow fadeInLeft" data-wow-delay="400ms">
<img src="digital-creative/img/blog-2.jpg" alt="blog-img">
</div>
<div class="col-lg-6 col-md-12 col-sm-12 text-column order-1 order-lg-2 wow fadeInRight" data-wow-delay="400ms">
<h2 class="heading">Designing your time.</h2>
<p class="text">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmodt temp to the incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis a nostr a exercitation ullamco laboris nisi ut aliquip.</p>
<div class="button-center">
<a class="btn button btn-rounded gradient-btn" href="digital-creative/standalone.html">
Learn More
</a>
</div>
</div>
</div>
</div>
<!-- Container End -->
</section>
<!-- Blog Section End -->
<!-- Contact Section Start -->
<section class="contact-section" id="contact">
<div class="container">
<div class="row no-gutters">
<div class="col-lg-12 col-md-12 col-sm-12 text-column wow zoomIn" data-wow-delay="400ms">
<div class="text-section">
<h5 class="subheading">Lorem ipsum dolor sit amet consectetur</h5>
<h2 class="heading">Megaone Digital</h2>
<ul class="contact-list">
<li class="text">123 Stree New York City , United States Of America.</li>
</ul>
<ul class="contact-list">
<li class="text">Office Telephone : 001 01085379709</li>
<li class="text">Mobile : 001 63165370895</li>
</ul>
<ul class="contact-list">
<li class="text">Office Telephone : 001 01085379709</li>
<li class="text">Mobile : 001 63165370895</li>
</ul>
<ul class="contact-list">
<li class="text">Mon-Fri: 9am to 6pm</li>
</ul>
</div>
</div>
</div>
</div>
<!-- Container End -->
</section>
<!-- Contact Section End-->
<!-- Form Section Start -->
<section class="form-section">
<div class="container">
<div class="row no-gutters text-center">
<div class="col-lg-12 col-md-12 col-sm-12 wow fadeInDown" data-wow-delay="400ms">
<p class="subheading">Lorem ipsum dolor sit amet</p>
<h2 class="heading">Let’s Get In Touch</h2>
</div>
</div>
<div class="row no-gutters">
<div class="col-lg-2 col-0"></div>
<div class="col-lg-8 col-md-12 col-sm-12">
<form class="contact-form wow fadeInUp" data-wow-delay="400ms" id="contact-form-data">
<div class="row">
<div class="col-12" id="result"></div>
<div class="col-lg-6 col-md-12 col-sm-12 text-field">
<div class="form-group">
<input class="form-control" type="text" id="quote_name" placeholder="Name" required="" name="userName">
</div>
</div>
<div class="col-lg-6 col-md-12 col-sm-12">
<div class="form-group">
<input class="form-control" type="email" id="quote_email" placeholder="Email" required="" name="userEmail">
</div>
</div>
<div class="col-lg-6 col-md-12 col-sm-12">
<div class="form-group">
<input class="form-control" type="text" id="quote_contact" placeholder="Contact No" required="" name="userPhone">
</div>
</div>
<div class="col-lg-6 col-md-12 col-sm-12">
<div class="form-group">
<input class="form-control" type="text" id="subject" placeholder="Subject" required="" name="userSubject">
</div>
</div>
<div class="col-lg-12 col-md-12 col-sm-12">
<div class="form-group">
<textarea class="form-control" placeholder="Message" name="userMessage" rows="9" cols="70" ></textarea>
</div>
</div>
<div class="button-center">
<a class="btn button btn-rounded gradient-btn contact_btn" href="javascript:void(0);">
Contact Now
</a>
</div>
</div>
</form>
</div>
<div class="col-lg-2 col-0"></div>
</div>
</div>
<!-- Container End -->
</section>
<!-- Form Section End -->
<!-- Footer Start -->
<footer class="no-gutters text-center">
<div class="container">
<div class="social-icons" data-wow-delay="400ms">
<ul>
<li><a class="facebook-hover wow fadeInDown" href="#." data-wow-delay="400ms">
<i class="fab fa-facebook-f"></i></a>
</li>
<li><a class="twitter-hover wow fadeInUp" href="#.">
<i class="fab fa-twitter"></i></a>
</li>
<li><a class="google-plus-hover wow fadeInDown" href="#." data-wow-delay="400ms">
<i class="fab fa-google-plus-g"></i></a>
</li>
<li><a class="linked-in-hover wow fadeInUp" href="#." data-wow-delay="400ms">
<i class="fab fa-linkedin-in"></i></a>
</li>
<li><a class="instagram-hover wow fadeInDown" href="#." data-wow-delay="400ms">
<i class="fab fa-instagram"></i></a>
</li>
<li><a class="gmail-hover wow fadeInUp" href="#." data-wow-delay="400ms">
<i class="far fa-envelope"></i></a>
</li>
</ul>
</div>
<p class="text wow fadeInDown" data-wow-delay="400ms">© 2021 MegaOne. made with love by themesindustry</p>
</div>
</footer>
<!-- Footer End -->
<script src="vendor/js/bundle.min.js"></script>
<!-- Plugin Js -->
<script src="vendor/js/jquery.cubeportfolio.min.js"></script>
<script src="vendor/js/jquery.fancybox.min.js"></script>
<script src="vendor/js/owl.carousel.min.js"></script>
<script src="vendor/js/swiper.min.js"></script>
<script src="vendor/js/jquery.appear.js"></script>
<script src="vendor/js/wow.min.js"></script>
<!-- custom script -->
<script src="vendor/js/contact_us.js"></script>
<script src="digital-creative/js/script.js"></script>
</body>
</html>