?
á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="Themesindustry">
<!-- description -->
<meta name="description" content="MegaOne is a highly creative, modern, visually stunning and Bootstrap responsive multipurpose agency and portfolio HTML5 template with 8 ready home page demos.">
<!-- keywords -->
<meta name="keywords" content="creative, modern, clean, bootstrap responsive, html5, css3, portfolio, blog, agency, templates, multipurpose, one page, corporate, start-up, studio, branding, designer, freelancer, carousel, parallax, photography, personal, masonry, grid, faq">
<!-- Page Title -->
<title>Cakes | MegaOne HTML5 Template</title>
<!-- Favicon -->
<link href="cakes/img/favicon.ico" rel="icon">
<!-- Bundle -->
<link href="vendor/css/bundle.min.css" rel="stylesheet">
<link href="vendor/css/revolution-settings.min.css" rel="stylesheet">
<link href="vendor/css/owl.carousel.min.css" rel="stylesheet">
<!-- Plugin Css -->
<link href="vendor/css/jquery.fancybox.min.css" rel="stylesheet">
<link rel="stylesheet" href="cakes/css/line-awesome.min.css">
<link rel="stylesheet" href="cakes/css/slick-theme.css">
<link rel="stylesheet" href="cakes/css/slick.css">
<!-- Style Sheet -->
<link href="cakes/css/style.css" rel="stylesheet">
</head>
<body data-offset="90" data-spy="scroll" data-target=".navbar">
<!--start loader-->
<div class="loader center-block">
<div class="loader-container">
<svg width="150px" height="150px" viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg">
<g id="sparkles">
<path d="m55.301 8.3008h0.19922c0.5 0 0.89844-0.30078 1-0.80078l0.60156-3.3984c0.10156-0.5-0.30078-1.1016-0.80078-1.1992-0.5-0.10156-1.1016 0.30078-1.1992 0.80078l-0.60156 3.3984c-0.10156 0.59766 0.30078 1.0977 0.80078 1.1992z"></path>
<path d="m78.5 10.5c-0.39844-0.39844-1-0.39844-1.3984 0l-0.30078 0.30078-0.30078-0.30078c-0.39844-0.39844-1-0.39844-1.3984 0-0.39844 0.39844-0.39844 1 0 1.3984l0.30078 0.30078-0.30078 0.30078c-0.39844 0.39844-0.39844 1 0 1.3984 0.19922 0.19922 0.5 0.30078 0.69922 0.30078s0.5-0.10156 0.69922-0.30078l0.30078-0.30078 0.30078 0.30078c0.19922 0.19922 0.5 0.30078 0.69922 0.30078s0.5-0.10156 0.69922-0.30078c0.39844-0.39844 0.39844-1 0-1.3984l-0.30078-0.30078 0.30078-0.30078c0.39844-0.39844 0.39844-1 0-1.3984z"></path>
<path d="m76.602 26.699l-1.1992 1.1992c-0.39844 0.39844-0.39844 1 0 1.3984 0.19922 0.19922 0.5 0.30078 0.69922 0.30078 0.19922 0 0.5-0.10156 0.69922-0.30078l1.1992-1.1992c0.39844-0.39844 0.39844-1 0-1.3984-0.39844-0.39844-1-0.39844-1.3984 0z"></path>
<path d="m89.5 22.5c0 1.6016-2.3984 1.6016-2.3984 0s2.3984-1.6016 2.3984 0"></path>
<path d="m95.898 37.801l0.5-0.5c0.39844-0.39844 0.39844-1 0-1.3984-0.39844-0.39844-1-0.39844-1.3984 0l-0.5 0.5-0.5-0.50391c-0.39844-0.39844-1-0.39844-1.3984 0-0.39844 0.39844-0.39844 1 0 1.3984l0.5 0.5-0.5 0.5c-0.39844 0.39844-0.39844 1 0 1.3984 0.19922 0.19922 0.5 0.30078 0.69922 0.30078s0.5-0.10156 0.69922-0.30078l0.5-0.5 0.5 0.5c0.19922 0.19922 0.5 0.30078 0.69922 0.30078s0.5-0.10156 0.69922-0.30078c0.39844-0.39844 0.39844-1 0-1.3984z"></path>
<path d="m82.082 40.375c1.3203 0.90234-0.03125 2.8867-1.3516 1.9844-1.3242-0.89844 0.027343-2.8828 1.3516-1.9844"></path>
<path d="m74.957 49.684c0.80078 1.3828-1.2773 2.5859-2.0781 1.1992-0.80078-1.3867 1.2773-2.5859 2.0781-1.1992"></path>
<path d="m86.199 56.898c0.5 0 0.89844-0.30078 1-0.80078 0.10156-0.5-0.30078-1.1016-0.80078-1.1992l-3.3984-0.60156c-0.5-0.10156-1.1016 0.30078-1.1992 0.80078-0.10156 0.5 0.30078 1.1016 0.80078 1.1992l3.3984 0.60156h0.19922z"></path>
<path d="m92.465 65c1.5898 0.17578 1.3281 2.5586-0.26562 2.3828-1.5898-0.17578-1.3242-2.5586 0.26562-2.3828"></path>
<path d="m77 69.398h-0.69922v-0.69922c0-0.60156-0.39844-1-1-1-0.60156 0-1 0.39844-1 1v0.69922h-0.69922c-0.60156 0-1 0.39844-1 1 0 0.60156 0.39844 1 1 1h0.69922v0.60156c0 0.60156 0.39844 1 1 1 0.60156 0 1-0.39844 1-1v-0.69922h0.69922c0.60156 0 1-0.39844 1-1 0-0.60156-0.5-0.90234-1-0.90234z"></path>
<path d="m85.602 79.301c-1.3984 0-2.5 1.1016-2.5 2.5 0 1.3984 1.1016 2.5 2.5 2.5 1.3984 0 2.5-1.1016 2.5-2.5 0-1.3008-1.1016-2.5-2.5-2.5zm0 3c-0.30078 0-0.5-0.19922-0.5-0.5s0.19922-0.5 0.5-0.5c0.30078 0 0.5 0.19922 0.5 0.5s-0.20312 0.5-0.5 0.5z"></path>
<path d="m73.352 86.312c1.5938 0.17578 1.3281 2.5586-0.26172 2.3828-1.5898-0.17578-1.3281-2.5586 0.26172-2.3828"></path>
<path d="m59 88.699c-1.8008 0-3.3008 1.5-3.3008 3.3008s1.5 3.3008 3.3008 3.3008 3.3008-1.5 3.3008-3.3008-1.5-3.3008-3.3008-3.3008zm0 4.6992c-0.69922 0-1.3008-0.60156-1.3008-1.3008 0-0.69922 0.60156-1.3008 1.3008-1.3008s1.3008 0.60156 1.3008 1.3008c0 0.70312-0.60156 1.3008-1.3008 1.3008z"></path>
<path d="m43.316 94.305c1.5938 0.17578 1.3281 2.5625-0.26172 2.3867-1.5898-0.17578-1.3281-2.5625 0.26172-2.3867"></path>
<path d="m37.602 88.801c0 1.5977-2.4023 1.5977-2.4023 0 0-1.6016 2.4023-1.6016 2.4023 0"></path>
<path d="m24.398 92.102c0 1.5977-2.3984 1.5977-2.3984 0 0-1.6016 2.3984-1.6016 2.3984 0"></path>
<path d="m25.07 75.891c1.3242 0.89844-0.027343 2.8828-1.3477 1.9844-1.3242-0.90234 0.027344-2.8867 1.3477-1.9844"></path>
<path d="m11.301 76.801c-0.39844-0.39844-1-0.39844-1.3984 0l-0.30078 0.30078-0.30078-0.30078c-0.39844-0.39844-1-0.39844-1.3984 0-0.39844 0.39844-0.39844 1 0 1.3984l0.30078 0.30078-0.30078 0.30078c-0.39844 0.39844-0.39844 1 0 1.3984 0.19922 0.19922 0.5 0.30078 0.69922 0.30078 0.19922 0 0.5-0.10156 0.69922-0.30078l0.30078-0.30078 0.30078 0.30078c0.19922 0.19922 0.5 0.30078 0.69922 0.30078 0.19922 0 0.5-0.10156 0.69922-0.30078 0.39844-0.39844 0.39844-1 0-1.3984l-0.30078-0.30078 0.30078-0.30078c0.39844-0.39844 0.39844-1 0-1.3984z"></path>
<path d="m19.176 66.262c1.3203 0.90234-0.03125 2.8867-1.3516 1.9844-1.3242-0.90234 0.027343-2.8828 1.3516-1.9844"></path>
<path d="m8.1758 65.156c1.3242 0.89844-0.027343 2.8828-1.3516 1.9844-1.3203-0.90234 0.03125-2.8867 1.3516-1.9844"></path>
<path d="m21.898 54.898c0.60156 0 1-0.39844 1-1 0-0.60156-0.39844-1-1-1h-0.69922v-0.69922c0-0.60156-0.39844-1-1-1-0.60156 0-1 0.39844-1 1v0.69922h-0.69922c-0.60156 0-1 0.39844-1 1 0 0.60156 0.39844 1 1 1h0.69922v0.69922c0 0.60156 0.39844 1 1 1 0.60156 0 1-0.39844 1-1v-0.69922z"></path>
<path d="m7.6016 48.699c-0.30078-0.5-0.89844-0.60156-1.3984-0.19922l-2.8008 2c-0.5 0.30078-0.60156 0.89844-0.19922 1.3984 0.19922 0.30078 0.5 0.39844 0.80078 0.39844 0.19922 0 0.39844-0.10156 0.60156-0.19922l2.8008-2c0.49219-0.29688 0.59375-0.99609 0.19531-1.3984z"></path>
<path d="m12.801 31.801c-1.6016 0-3 1.3008-3 3s1.3008 3 3 3 3-1.3008 3-3-1.3008-3-3-3zm0 3.8984c-0.5 0-1-0.39844-1-1 0-0.60156 0.39844-1 1-1 0.60156 0 1 0.39844 1 1 0 0.60156-0.40234 1-1 1z"></path>
<path d="m24.488 28.703c1.5938 0.17969 1.3281 2.5625-0.26172 2.3867-1.5898-0.17578-1.3281-2.5625 0.26172-2.3867"></path>
<path d="m12.98 16.508c1.5938 0.17578 1.3281 2.5586-0.26172 2.3828s-1.3281-2.5625 0.26172-2.3828"></path>
<path d="m28.102 18.199l-0.5-0.5 0.5-0.5c0.39844-0.39844 0.39844-1 0-1.3984-0.39844-0.39844-1-0.39844-1.3984 0l-0.5 0.5-0.5-0.5c-0.39844-0.39844-1-0.39844-1.3984 0-0.39844 0.39844-0.39844 1 0 1.3984l0.5 0.5-0.5 0.5c-0.39844 0.39844-0.39844 1 0 1.3984 0.19922 0.19922 0.5 0.30078 0.69922 0.30078 0.19922 0 0.5-0.10156 0.69922-0.30078l0.5-0.5 0.5 0.5c0.19922 0.19922 0.5 0.30078 0.69922 0.30078 0.19922 0 0.5-0.10156 0.69922-0.30078 0.29688-0.39844 0.29688-0.99609 0-1.3984z"></path>
<path d="m37.699 5.6992c0 1.6016-2.3984 1.6016-2.3984 0 0-1.5977 2.3984-1.5977 2.3984 0"></path>
<path d="m46.801 10.301c0 1.5977-2.4023 1.5977-2.4023 0 0-1.6016 2.4023-1.6016 2.4023 0"></path>
</g>
</svg>
<img src="cakes/img/cup.png" width="60" class="cooking-hat">
</div>
</div>
<!--loader end-->
<!--Header Start-->
<header>
<!--Navigation-->
<nav class="navbar navbar-top-default navbar-expand-lg navbar-simple nav-box-round">
<div class="container">
<a href="javascript:void(0)" title="Logo" class="logo scroll">
<!--Logo Default-->
<img src="cakes/img/logo-dark.png" alt="logo" class="logo-dark">
<!--Logo Sticky-->
<!-- <img src="cakes/img/logo-dark.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 scroll" href="#home">Home<span></span></a>
<a class="nav-link scroll" href="#services">About<span></span></a>
<a class="nav-link scroll" href="#portfolio-area">Gallery<span></span></a>
<a class="nav-link scroll" href="#pricing">Pricing<span></span></a>
<a class="nav-link scroll" href="#reviews">Reviews<span></span></a>
<a class="nav-link scroll" href="#contact">Order Now<span></span></a>
</div>
</div>
<!--Side Menu Button-->
<a href="javascript:void(0)" class="d-inline-block sidemenu_btn" id="sidemenu_toggle">
<span></span>
<span></span>
<span></span>
</a>
</div>
</nav>
<!--Side Nav-->
<div class="side-menu hidden">
<div class="inner-wrapper">
<div id="sidenav-header-svg">
</div>
<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="#services">About</a>
</li>
<li class="nav-item">
<a class="nav-link scroll" href="#portfolio-area">Gallery</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="#reviews">Reviews</a>
</li>
<li class="nav-item">
<a class="nav-link scroll" href="#contact">Order Now</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 -->
<div id="header-svg">
</div>
</header>
<!--Header end-->
<!--Single portfolio item one-->
<section class="single-items slider-items p-0" id="home">
<div class="item slider-inner center-block parallax m-0" style="background: url(cakes/img/single-portfolio1.jpg);height: 100vh;">
<div class="container">
<div class="row">
<div class="col-12 col-lg-6 center-col">
<div class="area-heading text-center text-lg-left wow fadeInUp mt-4">
<h3 class="area-title text-capitalize alt-font text-white mb-2 font-weight-100">
Ice Cream Cakes</h3>
<p class="text-white font-weight-300">Lorem ipsum is simply dummy text of the printing and typesetting industry with dummmy text. Graphics, Designing, Branding, Development</p>
<a class="btn btn-transparent-white btn-rounded btn-rounded btn-large mt-3" href="#services">Learn More</a>
</div>
</div>
</div>
</div>
</div>
</section>
<!--Single portfolio item two-->
<!--Services content start-->
<!--<section id="services-sec" class="services-sec">-->
<!-- <div class="container">-->
<!-- <div class="row services-details text-center">-->
<!-- <div class="col-12 col-md-10 col-lg-8 offset-md-1 offset-lg-2" >-->
<!-- <p class="sub-heading text-center"><span><img src="cakes/img/cup.png"></span></p>-->
<!-- <h3 class="heading text-center">We Provide Services</h3>-->
<!-- </div>-->
<!-- </div>-->
<!-- <div class="row our-services">-->
<!-- <div class="col-12 col-lg-4 wow slideInLeft" data-wow-duration="1s">-->
<!-- <div class="service-card text-center">-->
<!-- <a href="portfolio/standard-blog.html">-->
<!-- <div class="image-holder">-->
<!-- <i class="las la-mitten"></i>-->
<!-- </div>-->
<!-- <h3 class="service-card-heading">Cake Design</h3>-->
<!-- <p class="service-card-detail">-->
<!-- Lorem ipsum dolor sit amet, consectetur adipiscing elit augue.-->
<!-- </p>-->
<!-- </a>-->
<!-- </div>-->
<!-- </div>-->
<!-- <div class="col-12 col-lg-4 wow slideInUp" data-wow-duration="1s">-->
<!-- <div class="service-card text-center">-->
<!-- <a href="portfolio/standard-blog.html">-->
<!-- <div class="image-holder">-->
<!-- <i class="las la-birthday-cake"></i>-->
<!-- </div>-->
<!-- <h3 class="service-card-heading">Best Cakes</h3>-->
<!-- <p class="service-card-detail">-->
<!-- Lorem ipsum dolor sit amet, consectetur adipiscing elit augue.-->
<!-- </p>-->
<!-- </a>-->
<!-- </div>-->
<!-- </div>-->
<!-- <div class="col-12 col-lg-4 wow slideInRight" data-wow-duration="1s">-->
<!-- <div class="service-card text-center ">-->
<!-- <a href="portfolio/standard-blog.html">-->
<!-- <div class="image-holder">-->
<!-- <i class="las la-ice-cream"></i>-->
<!-- </div>-->
<!-- <h3 class="service-card-heading">Desserts</h3>-->
<!-- <p class="service-card-detail">-->
<!-- Lorem ipsum dolor sit amet, consectetur adipiscing elit augue.-->
<!-- </p>-->
<!-- </a>-->
<!-- </div>-->
<!-- </div>-->
<!-- </div>-->
<!-- </div>-->
<!--</section>-->
<!--Services content start-->
<!--Single portfolio item two-->
<!--Single portfolio item two-->
<section class="single-items center-block parallax services-area" id="services" style="background: url(cakes/img/single-portfolio2.jpg)">
<div class="container">
<div class="row">
<div class="col-12 col-lg-6"></div>
<div class="col-12 col-lg-6 center-col">
<div class="row no-gutters">
<div class="col-12 col-md-6 d-inline-block d-lg-flex justify-content-center align-items-center">
<div class="feature-item text-center text-md-left">
<div id="background-svg"></div>
<i class="las la-mitten f-icon"></i>
<h5 class="title">Cake Design</h5>
<p>Simply dummy text of the print has been standard.</p>
<a href="javascript:void(0);" class="las la-arrow-right r-icon"></a>
</div>
</div>
<div class="col-12 col-md-6">
<div class="feature-item text-center text-md-left">
<i class="las la-birthday-cake f-icon"></i>
<h5 class="title">Best Cake</h5>
<p>Simply dummy text of the print has been standard.</p>
<a href="javascript:void(0);" class="las la-arrow-right r-icon"></a>
</div>
<div class="feature-item text-center text-md-left">
<i class="las la-ice-cream f-icon"></i>
<h5 class="title">Dessert</h5>
<p>Simply dummy text of the print has been standard.</p>
<a href="javascript:void(0);" class="las la-arrow-right r-icon"></a>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!--Single portfolio item three-->
<section class="single-items center-block parallax skills-area" id="corporate" style="background: url(cakes/img/single-portfolio3.jpg)">
<div class="container">
<div class="row align-items-lg-center">
<!-- Features Box-->
<div class="col-lg-7 pr-lg-5">
<div class="heading-area text-center text-lg-left">
<h6 class="sub-title">45+ Year Of Experience</h6>
<h2 class="title">Our Speciality</h2>
</div>
<!-- Progress Bar -->
<div class="row circular-wrap text-center">
<div class="col-12 col-md-4 wow bounceIn">
<div id="circle" class="circle" data-value="0.77">
<h6 class="counter-num">257%</h6>
</div>
<h4 class="darkcolor">Wedding Cakes</h4>
</div>
<div class="col-12 col-md-4 wow bounceIn">
<div id="circletwo" class="circle" data-value="0.96">
<h6 class="counter-num">96%</h6>
</div>
<h4 class="darkcolor">Chocolate Fudge Cake</h4>
</div>
<div class="col-12 col-md-4 wow bounceIn">
<div id="circlethree" class="circle" data-value="0.75">
<h6 class="counter-num">317%</h6>
</div>
<h4 class="darkcolor">Macrons</h4>
</div>
</div>
</div>
<!-- Heading Area-->
<div class="col-lg-5">
</div>
</div>
</div>
</section>
<!--Single portfolio item four-->
<section class="single-items center-block parallax counter-sec" id="social" style="background: url(cakes/img/single-portfolio4.jpg)">
<div class="container">
<div class="row">
<div class="col-12 col-lg-6 offset-lg-6">
<!--Counters Area-->
<div class="row counter-area">
<!-- Counter Item-->
<div class="col-6 col-lg-4 text-center count-box">
<div class="counters">
<i class="las la-star c-icon"></i>
<!-- Content -->
<div class="content">
<h4 class="m-0"><span class="count">35M</span></h4>
<p>Events</p>
</div>
</div>
</div>
<!-- Counter Item-->
<div class="col-6 col-lg-4 text-center count-box">
<div class="counters">
<i class="las la-smile-beam c-icon"></i>
<!-- Content -->
<div class="content">
<h4 class="m-0"><span class="count">70K</span></h4>
<p>Happy Clients</p>
</div>
</div>
</div>
<!-- Counter Item-->
<div class="col-6 col-lg-4 text-center count-box">
<div class="counters">
<i class="las la-glass-cheers c-icon"></i>
<!-- Content -->
<div class="content">
<h4 class="m-0"><span class="count">70K</span></h4>
<p>Weddings</p>
</div>
</div>
</div>
<!-- Counter Item-->
<div class="col-6 col-lg-4 offset-lg-2 text-center count-box">
<div class="counters">
<i class="las la-birthday-cake c-icon"></i>
<!-- Content -->
<div class="content">
<h4 class="m-0"><span class="count">70K</span></h4>
<p>Custom Cakes</p>
</div>
</div>
</div>
<!-- Counter Item-->
<div class="col-12 col-lg-6 offset-lg-0 text-center text-lg-left count-box">
<div class="counters text-center">
<i class="las la-cocktail c-icon"></i>
<!-- Content -->
<div class="content">
<h4 class="m-0"><span class="count">70K</span></h4>
<p>Birthday Party</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!--portfolio without parallax-->
<section class="portfolio" id="portfolio-area">
<!--Projects content start-->
<div id="project-sec" class="project-sec">
<div class="projects owl-carousel owl-theme no-gutters">
<div class="item project-area">
<div class="project-img order-1" style="background: url('cakes/img/single-portfolio5.jpg');background-position: center;">
<!-- <img src="cakes/img/single-portfolio5.jpg" alt="images">-->
</div>
<div class="container">
<div class="project-detail text-center text-lg-left order-2">
<div class="row no-gutters">
<div class="col-10 offset-1 offset-lg-0 col-lg-4 animate-fade">
<!-- <p class="project-sub-heading"><span></span>Most flexible one Page</p>-->
<h6 class="project-heading">Make A Unique Portfolio.</h6>
<p class="project-text">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut posuere nisi est, sed ullamcorper nibh volutpat at. In rutrum, tellus lacus faucibus lectus, sed cursus eros ligula non odio.</p>
<a class="btn btn-transparent-white rounded-pill fancybox" data-fancybox="group-six" href="cakes/img/single-portfolio5.jpg">
LAUNCH PROJECT
</a>
</div>
</div>
</div>
</div>
</div>
<div class="item project-area">
<div class="project-img order-1" style="background: url('cakes/img/p1.jpg');background-position: center;">
<!-- <img src="cakes/img/p1.jpg" alt="images">-->
</div>
<div class="container">
<div class="project-detail text-center text-lg-left order-2">
<div class="row no-gutters">
<div class="col-10 offset-1 offset-lg-0 col-lg-4 animate-fade">
<!-- <p class="project-sub-heading"><span></span>Most flexible one Page</p>-->
<h6 class="project-heading">Amazing Art Work Studio.</h6>
<p class="project-text">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut posuere nisi est, sed ullamcorper nibh volutpat at. In rutrum,tellus lacus faucibus lectus, sed cursus eros ligula non odio.</p>
<a class="btn btn-transparent-white rounded-pill" data-fancybox="group-six" href="cakes/img/p1.jpg">
LAUNCH PROJECT
</a>
</div>
</div>
</div>
</div>
</div>
<div class="item project-area">
<div class="project-img order-1" style="background: url('cakes/img/p2.jpg');background-position: center;">
<!-- <img src="cakes/img/p2.jpg" alt="images">-->
</div>
<div class="container">
<div class="project-detail text-center text-lg-left order-2">
<div class="row no-gutters">
<div class="col-10 offset-1 offset-lg-0 col-lg-4 animate-fade">
<!-- <p class="project-sub-heading color-black"><span class="bg-black" style="background-color:black;"></span>Most flexible one Page</p>-->
<h6 class="project-heading text-dark">Animated Gallery Work.</h6>
<p class="project-text text-dark">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut posuere nisi est, sed ullamcorper nibh volutpat at. In rutrum,tellus lacus faucibus lectus, sed cursus eros ligula non odio.</p>
<a class="btn btn-transparent-black rounded-pill" data-fancybox="group-six" href="cakes/img/p2.jpg">
LAUNCH PROJECT
</a>
</div>
</div>
</div>
</div>
</div>
<div class="item project-area">
<div class="project-img order-1" style="background: url('cakes/img/p3.jpg');background-position: center;">
<!-- <img src="cakes/img/p3.jpg" alt="images">-->
</div>
<div class="container">
<div class="project-detail text-center text-lg-left order-2">
<div class="row no-gutters">
<div class="col-10 offset-1 offset-lg-0 col-lg-4 animate-fade">
<!-- <p class="project-sub-heading"><span></span>Most flexible one Page</p>-->
<h6 class="project-heading color-black">Innovation through Designs.</h6>
<p class="project-text color-black">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut posuere nisi est, sed ullamcorper nibh volutpat at. In rutrum, tellus lacus faucibus lectus, sed cursus eros ligula non odio.</p>
<a class="btn btn-transparent-black rounded-pill" data-fancybox="group-six" href="cakes/img/p3.jpg">
LAUNCH PROJECT
</a>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="container">
<div class="project-links d-none d-md-block">
<a class="customPrevBtn"><i class="las la-arrow-left"></i></a>
<a class="customNextBtn"><i class="las la-arrow-right"></i></a>
</div>
</div>
</div>
<!--Projects content end-->
</section>
<!--portfolio without parallax-->
<!--Single portfolio item six-->
<section class="single-items center-block parallax pricing-sec" id="pricing" style="background: url(cakes/img/single-portfolio6.jpg)">
<div class="container">
<div class="row">
<div class="col-12 center-col col-lg-6 offset-lg-6">
<div class="row no-gutters">
<div class="col-12 center-col">
<div class="area-heading text-center wow fadeInRight">
<h3 class="area-title text-capitalize alt-font text-white mb-5 font-weight-100">
Event <strong>Pricing</strong>
</h3>
</div>
</div>
<div class="col-12 col-md-6 pricing-card text-center">
<div class="price-card">
<div class="price-head">
<h4 class="pricing-heading">Standard</h4>
</div>
<div class="pricing-body">
<p class="pricing-detail">Lorem dolor sit amet, consectetur adipiscing elit.</p>
<h6 class="price-text">$36<span>/Per Event</span></h6>
<ul class="pricing-features">
<li>Party Decoration</li>
<li>Design Cake</li>
<li>Home Delivery</li>
<li>Ballon Decoration</li>
</ul>
</div>
<footer>
<a class="btn btn-transparent-white btn-rounded pricing-btn" href="#">Choose</a>
</footer>
</div>
</div>
<div class="col-12 col-md-6 pricing-card text-center">
<div class="price-card">
<div class="price-head">
<h4 class="pricing-heading">Premium</h4>
</div>
<div class="pricing-body">
<p class="pricing-detail">Lorem dolor sit amet, consectetur adipiscing elit.</p>
<h6 class="price-text">$56<span>/ Per Event</span></h6>
<ul class="pricing-features">
<li>Decoration</li>
<li>Wedding Cakes</li>
<li>Waiter Service</li>
<li>Flower Decoration</li>
</ul>
</div>
<footer>
<a class="btn btn-transparent-white btn-rounded pricing-btn" href="#">Choose</a>
</footer>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!--Single portfolio item seven-->
<section class="single-items center-block item-seven parallax testimonial-sec" id="reviews" style="background: url(cakes/img/single-portfolio7.jpg)">
<div class="container">
<div class="row">
<div class="col-12 col-lg-5 text-center 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="cakes/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="cakes/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="cakes/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>
</section>
<!--Single portfolio item eight-->
<section class="single-items center-block parallax contact-sec" id="contact" style="background: url(cakes/img/single-portfolio8.jpg)">
<div class="container">
<div class="row">
<div class="col-12 col-lg-6 offset-lg-6 contact-box text-center text-md-left">
<div class="c-box wow fadeInRight">
<h4 class="small-heading">Place Your <strong>Order</strong></h4>
<p class="small-text">Lorem ipsum is simply dummy text of the printing and typesetting industry with dummmy text.</p>
<form class="contact-form">
<div class="row my-form">
<div class="col-12 col-md-6">
<input type="text" class="form-control" id="candidate_fname" name="candidate_fname" placeholder="First Name" required="required">
</div>
<div class="col-12 col-md-6">
<input type="text" class="form-control" id="candidate_lname" name="candidate_lname" placeholder="Last Name" required="required">
</div>
<div class="col-12 col-md-6">
<input type="email" class="form-control" id="user_email" name="user_email" placeholder="Email" required="required">
</div>
<div class="col-12 col-md-6">
<input type="text" class="form-control" id="user_subject" name="user_subject" placeholder="Subject" required="required">
</div>
<div class="col-12">
<textarea class="form-control" id="user_message" name="user_message" placeholder="Message" rows="6" required="required"></textarea>
</div>
<div class="col-12">
<a href="javascript:void(0);" class="btn rounded-pill user-contact" type="submit">SUBMIT
</a>
</div>
</div>
</form>
</div>
</div>
</div>
</div>
</section>
<!--Single portfolio item nine-->
<section class="single-items center-block parallax contact-us-sec" style="background: url(cakes/img/single-portfolio9.jpg)">
<div class="container">
<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>Bakers</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>
</div>
</section>
<!--Footer Start-->
<section class="text-center footer-sec">
<div id="footer-svg"></div>
<h2 class="d-none">hidden</h2>
<div class="container">
<div class="row">
<div class="col-12">
<div class="foot-image-holder">
<img src="cakes/img/donut.png">
</div>
</div>
<div class="col-md-12">
<div class="footer-social">
<ul class="list-unstyled">
<li><a class="wow fadeInUp" href="javascript:void(0);"><i class="fab fa-facebook-f" aria-hidden="true"></i></a></li>
<li><a class="wow fadeInDown" href="javascript:void(0);"><i class="fab fa-twitter" aria-hidden="true"></i></a></li>
<li><a class="wow fadeInUp" href="javascript:void(0);"><i class="fab fa-google-plus-g" aria-hidden="true"></i></a></li>
<li><a class="wow fadeInDown" href="javascript:void(0);"><i class="fab fa-linkedin-in" aria-hidden="true"></i></a></li>
<li><a class="wow fadeInUp" href="javascript:void(0);"><i class="fab fa-instagram" aria-hidden="true"></i></a></li>
<li><a class="wow fadeInDown" href="javascript:void(0);"><i class="fab fa-youtube" aria-hidden="true"></i></a></li>
</ul>
</div>
<p class="company-about fadeIn">© 2020 MegaOne. Made With Love By <a href="javascript:void(0);">Themesindustry</a></p>
</div>
</div>
</div>
</section>
<!--Footer End-->
<!--Scroll Top-->
<a class="scroll-top-arrow" href="javascript:void(0);"><i class="fas fa-angle-up"></i></a>
<!--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/parallaxie.min.js"></script>
<script src="vendor/js/wow.min.js"></script>
<!-- REVOLUTION JS FILES -->
<script src="vendor/js/owl.carousel.min.js"></script>
<script src="cakes/js/slick.js"></script>
<script src="cakes/js/slick.min.js"></script>
<script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyCJRG4KqGVNvAPY4UcVDLcLNXMXk2ktNfY"></script>
<script src="cakes/js/circle-progress.min.js"></script>
<!-- custom script -->
<script src="cakes/js/script.js"></script>
</body>
</html>