<!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>
<meta charset="utf-8">
<meta name="description" content="">
<meta name="author" content="webthemez.com">
<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 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="css/font-awesome.min.css">
</head>
<body>
<!-- header section -->
<section class="banner" id="home" role="banner">
<header id="header">
<div class="header-content clearfix"> <span class="logo"><a href="index.html">Paris<span>...</span> </a></span>
<nav class="navigation" role="navigation">
<ul class="primary-nav">
<li><a href="#home">Home</a></li>
<li><a href="#services">Services</a></li>
<li><a href="#section-profile">About</a></li>
<li><a href="#package">Price List</a></li>
<li><a href="#gallery">Gallery</a></li>
<li><a href="#teams">Stylist</a></li>
<li><a href="#contact">Contact</a></li>
</ul>
</nav>
<a href="#" class="nav-toggle">Menu<span></span></a> </div>
</header>
<!-- banner text -->
<div class="container">
<div class="col-md-6 col-sm-12">
<div class="banner-text text-center">
<h1>The <span class="icon icon-heart"></span> <span>Beauty</span> Salon</h1>
<p>Lorem ipsum dolor sit ametcursus magna vel ipsum dolor scelerisque
Lorem consectetur adipiscit.<br/> </p></div>
<!-- banner text -->
</div>
</div>
</section>
<!-- header section -->
<!-- intro section -->
<section id="intro" class="section intro">
<div class="container">
<div class="col-md-8 col-md-offset-2 text-center">
<h3>Welcome to Paris Salon..</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>
<a href="#contact" class="btn btn-large">Book Appointment</a>
</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-circle-compass"></span>
<div class="services-content">
<h5>Hair Style</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-hotairballoon"></span>
<div class="services-content">
<h5>Body 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-genius"></span>
<div class="services-content">
<h5>Facial</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-hazardous"></span>
<div class="services-content">
<h5>Skin Care</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-calendar"></span>
<div class="services-content">
<h5>Pedicure</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-heart"></span>
<div class="services-content">
<h5>Hair Cut</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 -->
<section id="section-profile" class="section-padding">
<div class="profile-bg visible-md visible-lg"></div>
<div class="container">
<div class="row">
<div class="col-md-7 col-sm-12 pull-right">
<div class="profile-desc wow fadeInRight animated" style="visibility: visible; animation-name: fadeInRight;">
<h2 class="section-title uppercase">About Us</h2>
<br>
<p>
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.
</p>
<br>
<p class="text-grey animated bounceInUp" style="opacity: 1;">
Sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis.
</p>
<br>
<p class="text-grey animated bounceInUp" style="opacity: 1;">
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.
</p>
</div>
</div>
</div> <!-- row end -->
</div><!-- container end -->
</section>
<!-- package section -->
<section id="package" class="packageList">
<div class="container">
<div class="section-header">
<h2 class="wow fadeInDown animated">Price List</h2>
<p class="wow fadeInDown animated">Please call us to schedule your pets appointment today!</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>Monday</h5>
<ul class="list-default">
<li>Michel</li>
<li>adipiscing eliteger gravida velit quis dolo</li>
<li>Timing - 7:00 am 7:00 pm</li>
</ul>