?
á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>Skin Care | 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/jquery.fancybox.min.css">
<link rel="stylesheet" href="vendor/css/owl.carousel.min.css">
<link rel="stylesheet" href="vendor/css/swiper.min.css">
<link rel="stylesheet" href="vendor/css/cubeportfolio.min.css">
<link rel="stylesheet" href="vendor/css/wow.css">
<!-- Slider Settings -->
<link rel="stylesheet" href="vendor/css/LineIcons.min.css">
<link rel="stylesheet" href="skincare/css/settings.css">
<!-- Style Sheet -->
<link rel="stylesheet" href="skincare/css/style.css">
<link rel="stylesheet" href="skincare/css/custom.css">
</head>
<body data-offset="100" data-spy="scroll" data-target=".navbar">
<!-- Start Loader -->
<div class="loader center-block">
<div class="loader-spinner"></div>
</div>
<!-- End Loader -->
<!-- Start Header -->
<header class="navigation-bar">
<nav class="navbar navbar-expand-lg fixed-top navbar-fixed-top">
<div class="container">
<a class="navbar-brand scroll" href="#home">
<img src="skincare/img/logo.png" alt="logo">
</a>
<!--Nav Links-->
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<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="#gallery">GALLERY</a>
</li>
<li class="nav-item">
<a class="nav-link scroll" href="#testimonials">REVIEWS</a>
</li>
<li class=" nav-item nav-btn">
<a class="btn button btn-rounded pink-btn btn-hvr-black scroll" href="#contact">GET IN TOUCH</a>
</li>
</ul>
</div>
</div>
<!--Side Menu Button-->
<a href="javascript:void(0)" class="sidemenu_btn link" id="sidemenu_toggle">
<span></span>
<span></span>
<span></span>
</a>
</nav>
<!-- Side Menu -->
<div class="side-menu hidden side-menu-opacity">
<div class="inner-wrapper">
<span class="btn-close" id="btn_sideNavClose"><i></i><i></i></span>
<div class="container">
<div class="row side-menu-inner-content">
<div class="col-12 d-flex justify-content-center align-items-center text-center">
<a class="logo-image" href="#home">
<img src="skincare/img/logo-white.png" alt="logo"></a>
</div>
<div class="col-12 col-lg-8 text-center text-lg-left">
<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">About</a>
</li>
<li class="nav-item">
<a class="nav-link scroll" href="#gallery">Gallery</a>
</li>
<li class="nav-item">
<a class="nav-link scroll" href="#testimonials">Reviews</a>
</li>
<li class="nav-item">
<a class="nav-link scroll" href="#contact">Get in Touch</a>
</li>
</ul>
</nav>
</div>
<div class="col-12 col-lg-4 d-flex align-items-center text-center text-lg-left">
<div class="side-footer text-white w-100">
<div class="menu-company-details">
<span>+1 631 123 4567</span>
<span>email@website.com</span>
</div>
<ul class="social-icons-simple">
<li><a class="icon-hovr" href="javascript:void(0)"><i class="fab fa-facebook-f"></i> </a> </li>
<li><a class="icon-hovr" href="javascript:void(0)"><i class="fab fa-twitter"></i> </a> </li>
<li><a class="icon-hovr" href="javascript:void(0)"><i class="fab fa-youtube"></i> </a> </li>
<li><a class="icon-hovr" href="javascript:void(0)"><i class="fab fa-instagram"></i> </a> </li>
</ul>
<p class="text-white">© 2020 MegaOne.<br> Made With Love by Themesindustry</p>
</div>
</div>
</div>
</div>
</div>
</div>
<a id="close_side_menu" href="javascript:void(0);"></a>
</header>
<!-- End Header -->
<!-- Start Banner -->
<section class="banner-section" id="home">
<div class="container">
<div class="row no-gutters">
<div class="col-lg-6 col-md-12 col-sm-12 caption wow fadeInLeft" data-wow-delay="1500ms">
<h5 class="subheading">Proin gravida nibh vel velit.</h5>
<h2 class="heading">Beauty & Skin Care </h2>
<p class="text">This is Photoshop's version of Lorem Ipsum. Proin gravida nibh vel velit auctor aliquet.</p>
<a data-fancybox="" class="media" href="https://www.youtube.com/watch?v=IMtNj2xWzOc" >
<i class="fas fa-play"></i>
<div class=" media-body">Play Video</div>
</a>
</div>
<div class="col-lg-6 col-md-12 col-sm-12 image wow fadeInRight" data-wow-delay="1500ms">
<img src="skincare/img/banner-img.png" alt="img">
</div>
</div>
</div>
</section>
<!-- End Banner -->
<!-- Start About -->
<section class="about-us">
<div class="container">
<div class="row no-gutters">
<!-- Content -->
<div class="col-lg-4 col-md-12 col-sm-12 ">
<div class="media left-col wow fadeInLeft" data-wow-delay="400ms">
<i class="fas fa-hand-holding-heart mr-3"></i>
<div class="media-body">
<h5 class="mt-0">Face Beauty</h5>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque dignissim viverra ultrices. .
</div>
</div>
<div class="media left-col wow fadeInLeft" data-wow-delay="400ms">
<i class="fas fa-hands mr-3"></i>
<div class="media-body">
<h5 class="mt-0">Skin Treatments</h5>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque dignissim viverra ultrices.
</div>
</div>
</div>
<!-- Image -->
<div class="col-lg-4 col-md-12 col-sm-12 image wow fadeInDown" data-wow-delay="500ms">
<img src="skincare/img/services.png" alt="img">
</div>
<!-- Content -->
<div class="col-lg-4 col-md-12 col-sm-12">
<div class="media right-col wow fadeInRight" data-wow-delay="400ms">
<i class="fas fa-seedling mr-3"></i>
<div class="media-body">
<h5 class="mt-0">Acne Treatment</h5>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque dignissim viverra ultrices.
</div>
</div>
<div class="media right-col wow fadeInRight" data-wow-delay="400ms">
<i class="fas fa-praying-hands mr-3"></i>
<div class="media-body">
<h5 class="mt-0">Face massage</h5>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque dignissim viverra ultrices.
</div>
</div>
</div>
</div>
</div>
</section>
<!-- End About -->
<!-- Start About-us-2 -->
<section class="about-us-2" id="about">
<div class="container">
<div class="row no-gutters">
<div class="col-lg-6 col-md-12 col-sm-12 wow fadeInLeft" data-wow-delay="400ms">
<div class="about-img">
<img src="skincare/img/treatment.jpg" alt="about-img">
<div class="rectangle"></div>
</div>
</div>
<div class="col-lg-6 col-md-12 col-sm-12 wow fadeInRight" data-wow-delay="400ms">
<div class="about-text">
<h5 class="subheading">Information about us</h5>
<h2 class="heading">Skin Care & Treatments</h2>
<p>Curabitur mollis bibendum luctus. Duis suscipit vitae dui sed suscipit. Vestibulum auctor nunc vitae diam eleifend, in maximus metus sollicitudin. Quisque vitae sodales lectus. Nam porttitor justo sed mi finibus, vel tristique risus faucibus. </p>
<p>Curabitur mollis bibendum luctus. Duis suscipit vitae dui sed suscipit. Vestibulum auctor nunc vitae diam eleifend.</p>
<div class="buttons">
<a class="btn button btn-rounded trans-btn btn-hvr-white" href="skincare/standalone.html">LEARN MORE</a>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- End About-us-2 -->
<!-- Start Gallery -->
<section class="gallery" id="gallery">
<div class="container">
<div class="gallery-heading wow fadeInDown" data-wow-delay="400ms">
<p class="text-center subheading opacity-6">Lorem ipsum dolor sit amet </p>
<h2 class="text-center heading">Skin Care Gallery</h2>
</div>
<div id="js-filters-mosaic-flat" class="cbp-l-filters-buttonCenter wow fadeInDown" data-wow-delay="400ms">
<div data-filter="*" class="cbp-filter-item-active cbp-filter-item"> All </div>
<span class="margin-line">/</span>
<div data-filter=".skincare" class="cbp-filter-item"> Skin Care </div>
<span class="margin-line">/</span>
<div data-filter=".skintreatment" class="cbp-filter-item">
Skin Treatments
</div>
<span class="margin-line">/</span>
<div data-filter=".facecare" class="cbp-filter-item">
Face Care
</div>
<span class="margin-line">/</span>
<div data-filter=".scarstreatment" class="cbp-filter-item">
Skin Scars Treatment
</div>
<span class="margin-line">/</span>
<div data-filter=".others" class="cbp-filter-item"> Others </div>
</div>
<!-- Portfolio Items Start -->
<div id="js-grid-mosaic-flat" class="cbp cbp-l-grid-mosaic-flat">
<!-- Item-1 -->
<div class="cbp-item skincare skintreatment facecare others">
<a href="skincare/img/work-1.jpg" class="cbp-caption cbp-lightbox" data-title="Bolt UI<br>by Tiberiu Neamu">
<div class="cbp-caption-defaultWrap">
<img src="skincare/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 ">Skin Treatments</div>
<div class="cbp-l-caption-desc">Our latest skin treatments</div>
</div>
</div>
</div>
</a>
</div>
<!-- Item-2 -->
<div class="cbp-item facecare scarstreatment">
<a href="skincare/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="skincare/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">Skin Treatments</div>
<div class="cbp-l-caption-desc">Our latest skin treatments</div>
</div>
</div>
</div>
</a>
</div>
<!-- Item-3 -->
<div class="cbp-item facecare scarstreatment others">
<a href="skincare/img/work-4.jpg" class="cbp-caption cbp-lightbox" data-title="WhereTO App<br>by Tiberiu Neamu">
<div class="cbp-caption-defaultWrap">
<img src="skincare/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">Skin Treatments</div>
<div class="cbp-l-caption-desc">Our latest skin treatments</div>
</div>
</div>
</div>
</a>
</div>
<!-- Item-4 -->
<div class="cbp-item skincare facecare scarstreatment">
<a href="skincare/img/work-3.jpg" class="cbp-caption cbp-lightbox" data-title="Seemple* Music<br>by Tiberiu Neamu">
<div class="cbp-caption-defaultWrap">
<img src="skincare/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">Skin Treatments</div>
<div class="cbp-l-caption-desc">Our latest skin treatments</div>
</div>
</div>
</div>
</a>
</div>
<!-- Item-5 -->
<div class="cbp-item skintreatment skincare ">
<a href="skincare/img/work-5.jpg" class="cbp-caption cbp-lightbox" data-title="iDevices<br>by Tiberiu Neamu">
<div class="cbp-caption-defaultWrap">
<img src="skincare/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">Skin Treatments</div>
<div class="cbp-l-caption-desc">Our latest skin treatments</div>
</div>
</div>
</div>
</a>
</div>
<!-- Item-6 -->
<div class="cbp-item facecare scarstreatment skincare">
<a href="skincare/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="skincare/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">Skin Treatments</div>
<div class="cbp-l-caption-desc">Our latest skin treatments</div>
</div>
</div>
</div>
</a>
</div>
<!-- Item-7 -->
<div class="cbp-item skintreatment others">
<a href="skincare/img/work-7.jpg" class="cbp-caption cbp-lightbox" data-title="Workout Buddy<br>by Tiberiu Neamu">
<div class="cbp-caption-defaultWrap">
<img src="skincare/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">Skin Treatments</div>
<div class="cbp-l-caption-desc">Our latest skin treatments</div>
</div>
</div>
</div>
</a>
</div>
<!-- Item-8 -->
<div class="cbp-item skintreatment skincare others">
<a href="skincare/img/work-8.jpg" class="cbp-caption cbp-lightbox" data-title="Digital Menu<br>by Cosmin Capitanu">
<div class="cbp-caption-defaultWrap">
<img src="skincare/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">Skin Treatments</div>
<div class="cbp-l-caption-desc">Our latest skin treatments</div>
</div>
</div>
</div>
</a>
</div>
<!-- Item-9 -->
<div class="cbp-item skintreatment skincare">
<a href="skincare/img/work-8.jpg" class="cbp-caption cbp-lightbox" data-title="Digital Menu<br>by Cosmin Capitanu">
</a>
</div>
</div>
<div class="cube-button">
<a class="btn button btn-rounded pink-btn btn-hvr-black" href="skincare/standalone.html">LEARN MORE</a>
</div>
</div>
</section>
<!-- End Gallery -->
<!-- Start Testimonials -->
<section class="testimonial-section" id="testimonials">
<div class="row no-gutters">
<div class="col-lg-6 col-md-12 col-sm-12 img-section wow fadeInLeft" data-wow-delay="400ms">
<div class="img-area">
<img src="skincare/img/testimonial-girl.png" alt="img">
</div>
</div>
<div class="col-lg-6 col-md-12 col-sm-12 carousel-section wow fadeInRight" data-wow-delay="400ms">
<h2 class="heading text-center">Happy Customers</h2>
<div class=" text-center testimonial-carousel owl-carousel owl-themes active">
<!-- Item-1 -->
<div class="item">
<div class="testimonials">
<div class="quote">
<i class="fas fa-quote-right"></i>
</div>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce vitae egestas mi, vel dapibus diam. Mauris malesuada, nisl non rutrum commodo, sem magna laoreet tellus.</p>
<div class="testimonial-image">
<img src="skincare/img/testimonial.png" alt="image">
</div>
<h5>Sara Williams</h5>
</div>
</div>
<!-- Item-2 -->
<div class="item active">
<div class="testimonials">
<div class="quote">
<i class="fas fa-quote-right"></i>
</div>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce vitae egestas mi, vel dapibus diam. Mauris malesuada, nisl non rutrum commodo, sem magna laoreet tellus.</p>
<div class="testimonial-image">
<img src="skincare/img/testimonial.png" alt="image">
</div>
<h5>Sara Williams</h5>
</div>
</div>
<!-- Item-3 -->
<div class="item">
<div class="testimonials">
<div class="quote">
<i class="fas fa-quote-right"></i>
</div>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce vitae egestas mi, vel dapibus diam. Mauris malesuada, nisl non rutrum commodo, sem magna laoreet tellus.</p>
<div class="testimonial-image">
<img src="skincare/img/testimonial.png" alt="image">
</div>
<h5 class="text">Sara Williams</h5>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- End Testimonials -->
<!-- Start Contact -->
<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-center wow fadeInDown" data-wow-delay="300ms">
<h5 class="subheading ">Lorem ipsum dolor sit amet</h5>
<h2 class="heading">Let’s Get In Touch</h2>
</div>
</div>
<form id="contact-form-data" class="contact-form wow fadeInUp" data-wow-delay="400ms" >
<div class="row">
<div class="col-12" id="result"></div>
<div class="col-lg-5 col-md-12 col-sm-12">
<div class="form-group">
<input class="form-control" type="text" id="quote_name" placeholder="Your Name" required="" name="userName">
</div>
<div class="form-group">
<input class="form-control" type="email" id="quote_email" placeholder="Email" required="" name="userEmail">
</div>
<div class="form-group">
<input class="form-control" type="text" id="quote_contact" name="userPhone" placeholder="Contact " required="" >
</div>
</div>
<div class="col-lg-1 col-md-0 col-sm-0"></div>
<div class="col-lg-6 col-md-12 col-sm-12">
<div class="form-group">
<textarea class="form-control" id="userMessage" name="userMessage" placeholder="Enquiry Details"></textarea></div>
</div>
<a class="btn button btn-rounded pink-btn btn-hvr-black contact_btn" href="javascript:void(0);">SUBMIT INFORMATION</a>
</div>
</form>
</div>
</section>
<!-- End Contact -->
<!-- Start Footer -->
<footer class="no-gutters">
<div class="container">
<div class="social-icons">
<ul>
<li><a class="icon-hover wow fadeInUp" data-wow-delay="400ms" href="javascript:void(0);"><i class="fab fa-facebook-f"></i></a></li>
<li><a class="icon-hover wow fadeInDown" data-wow-delay="400ms" href="javascript:void(0);"><i class="fab fa-twitter"></i></a></li>
<li><a class="icon-hover wow fadeInUp" data-wow-delay="400ms" href="javascript:void(0);"><i class="fab fa-google-plus-g"></i></a></li>
<li><a class="icon-hover wow fadeInDown" data-wow-delay="400ms" href="javascript:void(0);"><i class="fab fa-linkedin-in"></i></a></li>
<li><a class="icon-hover wow fadeInUp" data-wow-delay="400ms" href="javascript:void(0);"><i class="fab fa-instagram"></i></a></li>
<li><a class="icon-hover wow fadeInDown" data-wow-delay="400ms" href="javascript:void(0);"><i class="far fa-envelope"></i></a></li>
</ul>
</div>
<p class="text-center wow fadeInUp" data-wow-delay="400ms">© 2020 MegaOne. made with love by themesindustry</p>
</div>
</footer>
<!-- End Footer -->
<!-- JavaScript -->
<script src="vendor/js/bundle.min.js"></script>
<!-- Plugin Js -->
<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/wow.min.js"></script>
<script src="vendor/js/jquery.cubeportfolio.min.js"></script>
<!-- Custom Js -->
<script src="vendor/js/contact_us.js"></script>
<script src="skincare/js/script.js"></script>
</body>
</html>