HOME

Mini Shell 1.0
Current File : /home/bschennai.com/www/index.html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta name="viewport" content="width=device-width, initial-scale=1">
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>BS Chennai</title>
    <!-- Bootstrap Core CSS -->
    <link href="css/bootstrap.min.css" rel="stylesheet">
    <link href="css/bootstrap-theme.min.css" rel="stylesheet" type="text/css">        
    <link href="css/grid.min.css" rel="stylesheet" type="text/css">  
    
	<link rel="stylesheet" href="dist/aos.css" />

    <!-- Custom CSS -->
    <link rel="icon" type="image/x-icon" href="/images/logoicon.png">
    <meta name="google-site-verification" content="EjhuDFy1F-3T3jeZe5zpGAKmU-ox-VA3k2kgu6Gha4k" />
    <link href="style.css" rel="stylesheet">
	<link href="https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800;900&display=swap" rel="stylesheet"> 
	<link href="https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,500;0,600;0,700;0,800;0,900;1,400;1,500;1,600;1,700;1,800;1,900&display=swap" rel="stylesheet">

	 <!-- Owl Carousel Assets -->
    <link href="css/owl.carousel.css" rel="stylesheet">
    <link href="css/owl.theme.css" rel="stylesheet">
	
    <!-- Custom Fonts -->
    <link href="font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css">
    <script src="https://code.jquery.com/jquery-latest.min.js" type="text/javascript"></script>
    
    <link href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.5.2/animate.min.css" rel="stylesheet" media="all"> 
   
    <!--If you want to change #bootstrap-touch-slider id then you have to change Carousel-indicators and Carousel-Control  #bootstrap-touch-slider slide as well
        Slide effect: slide, fade
        Text Align: slide_style_center, slide_style_left, slide_style_right
        Add Text Animation: https://daneden.github.io/animate.css/
        -->


    <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
        <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
        <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->

<script>
$(window).scroll(function() {
    if ($(this).scrollTop() > 20){  
        $('.header').addClass("sticky");
    }
    else{
        $('.header').removeClass("sticky");
    }
});

$(window).scroll(function() {
    if ($(this).scrollTop() > 20){  
        $('.back-to-top').addClass("scroll");
    }
    else{
        $('.back-to-top').removeClass("scroll");
    }
});
</script>
    
</head>
<body data-aos-easing="ease-out-back" data-aos-duration="1000" data-aos-delay="0">
<header class="header">    
  <div class="menu-head">             
    <div class="container">	  
      <nav class="navbar navbar-default">
        <div class="navbar-header">
          <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
          <span class="sr-only">Menu</span>
          <span class="icon-bar"></span>
          <span class="icon-bar"></span>
          <span class="icon-bar"></span>
          </button>
          <a class="navbar-brand nav-logo" href="index.html"><img src="images/logo.png" alt="image" /></a>
        </div>
        
        <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
          <ul class="nav navbar-nav">
            <li class="current-menu-item"><a href="index.html">Home</a></li>
            <li><a href="about-us.html">About Us</a></li>
			<li class="sub-drop"><a href="#">Our Service</a>
			  <ul class="sub-menu">
			    <li><a href="bleach.html">Bleach</a></li>
			    <li><a href="facial.html">Facials</a></li>
			    <li><a href="waxing.html">Waxing</a></li>
			    <li><a href="hair.html">Hair Service</a></li>
			    <li><a href="makeup.html">Bridal MakeUP</a></li>
          <li><a href="threading.html">Threading</a></li>
			  </ul>
			</li>
			<li><a href="courses.html">Courses Offered</a></li>
			<li><a href="gallery.html">Gallery</a></li>
			<li><a href="contact-us.html">Contact Us</a></li>
			<li class="hidden"><a href="contact-us.html"><i class="fa fa-hand-o-right" aria-hidden="true"></i> Make Appointment</a></li>
          </ul>
        </div><!-- /.navbar-collapse -->
      </nav>
	  
	  <div class="Make-Appointment"><a href="contact-us.html" class="btn"><i class="fa fa-hand-o-right" aria-hidden="true"></i> Make Appointment</a></div>
	    
    </div><!--/ menu-head -->           
  </div><!--/ container -->
</header>

<section class="banner" id="Home">
  <div id="bootstrap-touch-slider" class="carousel bs-slider fade control-round indicators-line" data-ride="carousel" data-pause="hover" data-interval="5000">
  
    <!-- Indicators -->
    <ol class="carousel-indicators hidden">
      <li data-target="#bootstrap-touch-slider" data-slide-to="0" class="active"></li>
      <li data-target="#bootstrap-touch-slider" data-slide-to="1"></li>
      <li data-target="#bootstrap-touch-slider" data-slide-to="2"></li>
      <li data-target="#bootstrap-touch-slider" data-slide-to="3"></li>
      <li data-target="#bootstrap-touch-slider" data-slide-to="4"></li>
      <li data-target="#bootstrap-touch-slider" data-slide-to="5"></li>
    </ol>
    
    <!-- Wrapper For Slides -->
    <div class="carousel-inner" role="listbox">
      <!-- Third Slide -->
	  
      <div class="item active">
        <div class="container">
          <div class="row">
		    <div class="col-sm-6 left">
		      <div class="slide-text">
			    <p data-animation="animated fadeInDown"><img src="images/logo-icon.png" alt="image"/></p>
		        <h1 data-animation="animated fadeInDown" class="">Experience the Best Beauty <span>Services with <small>15% - 30% Off</small></span></h1>
			    <!--p data-animation="animated fadeInDown">There are many variations</p-->
			    <p data-animation="animated fadeInDown"><a href="#" class="btn btn-default"><i class="fa fa-angle-double-right" aria-hidden="true"></i> Offers For You</a></p>
			  </div>
            </div>
		  
		    <div class="col-sm-6 right">
		      <div class="inner">
		        <figure><img src="images/slider-01.png" alt="image"  class="slide-image"/></figure>
              </div>
            </div>
          </div><!-- row -->
        </div><!-- container -->
      </div><!-- End of Slide -->
	  
	  <div class="item">
        <div class="container">
          <div class="row">
		    <div class="col-sm-6 left">
		      <div class="slide-text">
			    <p data-animation="animated fadeInDown"><img src="images/logo-icon.png" alt="image"/></p>
		        <h1 data-animation="animated fadeInDown" class="">Experience the Best Beauty <span>Services with <small>15% - 30% Off</small></span></h1>
			    <!--p data-animation="animated fadeInDown">There are many variations</p-->
			    <p data-animation="animated fadeInDown"><a href="#" class="btn btn-default"><i class="fa fa-angle-double-right" aria-hidden="true"></i> Offers For You</a></p>
			  </div>
            </div>
		  
		    <div class="col-sm-6 right">
		      <div class="inner">
		        <figure><img src="images/slider-02.png" alt="image"  class="slide-image"/></figure>
              </div>
            </div>
          </div><!-- row -->
        </div><!-- container -->
      </div><!-- End of Slide -->
    
    </div><!-- End of Wrapper For Slides -->
    
    <!-- Left Control -->
    <a class="left carousel-control" href="#bootstrap-touch-slider" role="button" data-slide="prev"><span class="fa fa-angle-left" aria-hidden="true"></span><span class="sr-only">Previous</span></a>
    
    <!-- Right Control -->
    <a class="right carousel-control" href="#bootstrap-touch-slider" role="button" data-slide="next"><span class="fa fa-angle-right" aria-hidden="true"></span><span class="sr-only">Next</span></a>
    	
  </div> <!-- End  bootstrap-touch-slider Slider --> 
</section><!--/ banner -->

<section class="about-sec">
  <div class="container">
    <div class="row">           
	
	  <div class="col-sm-12 about-title aos-init aos-animate" data-aos="zoom-in">
	      <h2><small>Welcome Beauty Salon</small>An Increadible <span>Salon Experience</span></h2>
		  <p>It is our vision to be a salon where everyone feels comfortable and welcome. Our goal is that every client receives an outstanding service from the time they walk in, to the time they walk out. To successfully attract and retain new clients, your service has to be excellent. You have to consider both your team and the product you offer. Do you think you or your team receive your clients in an excellent way?From the moment a person (not just clients) walks in the door and approaches the reception desk, they need to feel safe and pampered. Success often comes from a warm and friendly team. Appointments need to be booked easily and quickly. Customers trust companies that offer consistent customer service. Maintaining a high number of bookings depends on the memorable impressions your salon or beauty business leaves on a person. If your employees ignore your customers or don't attend to their needs, the customer will remember it? and potentially tell their friends about it.</p>  
		</div><!--/ col-sm -->
	  
	  <div class="col-sm-12 about-service aos-init aos-animate" data-aos="zoom-in">
	    <div id="owl-demo">
		
		  <div class="item">
		    <div class="service-box">
			  <figure>
			    <img src="images/service-01.jpg" alt="Image">
			  </figure>
			  <div class="service-content">
				<h4>Bleach</h4>
				<p>Bleaching is not only restricted to the face but can be done on certain parts of the body as well. Body bleach helps to brighten darker areas and patches for a brighter and even skin tone.</p>
				<p><a href="#" class="btn"><i class="fa fa-angle-double-right" aria-hidden="true"></i> View Details</a></p>
			  </div>
			</div>
		  </div><!--/ item -->
		  
		  <div class="item">
		    <div class="service-box">
			  <figure>
			    <img src="images/service-02.jpg" alt="Image">
			  </figure>
			  <div class="service-content">
				<h4>Waxing</h4>
				<p>It is an effective method to remove large amounts of hair at one time. It is a long-lasting method.</p>
				<p><a href="#" class="btn"><i class="fa fa-angle-double-right" aria-hidden="true"></i> View Details</a></p>
			  </div>
			</div>
		  </div><!--/ item -->
		  
		  <div class="item">
		    <div class="service-box">
			  <figure>
			    <img src="images/service-03.jpg" alt="Image">
			  </figure>
			  <div class="service-content">
				<h4>Facials</h4>
				<p>Facials help to renew skin cells by circulating the blood flow under the skin.</p>
				<p><a href="#" class="btn"><i class="fa fa-angle-double-right" aria-hidden="true"></i> View Details</a></p>
			  </div>
			</div>
		  </div><!--/ item -->
		  
		  <div class="item">
		    <div class="service-box">
			  <figure>
			    <img src="images/service-04.jpg" alt="Image">
			  </figure>
			  <div class="service-content">
				<h4>Hair Service</h4>
				<p>Choose From Our Wide Range & Increase Your Hair Length & Volume in Minutes to more enhance your appearance.</p>
				<p><a href="#" class="btn"><i class="fa fa-angle-double-right" aria-hidden="true"></i> View Details</a></p>
			  </div>
			</div>
		  </div><!--/ item -->
		  
		  <div class="item">
		    <div class="service-box">
			  <figure>
			    <img src="images/service-05.jpg" alt="Image">
			  </figure>
			  <div class="service-content">
				<h4>Bridal Make UP</h4>
				<p>Makeup can truly transform a blank canvas to fit the style and feel you want for your wedding day.</p>
				<p><a href="#" class="btn"><i class="fa fa-angle-double-right" aria-hidden="true"></i> View Details</a></p>
			  </div>
			</div>
		  </div><!--/ item -->
		  
		</div>
      </div><!--/ col-sm -->
	</div>
	
	<div class="row row2"> 
	  <div class="col-sm-6 about-left aos-init aos-animate" data-aos="zoom-in">
	    <div class="about-padd">
	      <h2><small>About Us</small>Beauty Salon and <span>parlour Center</span></h2>
<p>It is our vision to be a salon where everyone feels comfortable and welcome. Our goal is that every client receives an outstanding service from the time they walk in, to the time they walk out. To successfully attract and retain new clients, your service has to be excellent. You have to consider both your team and the product you offer. Do you think you or your team receive your clients in an excellent way?From the moment a person (not just clients) walks in the door and approaches the reception desk, they need to feel safe and pampered. Success often comes from a warm and friendly team. Appointments need to be booked easily and quickly. Customers trust companies that offer consistent customer service. Maintaining a high number of bookings depends on the memorable impressions your salon or beauty business leaves on a person. If your employees ignore your customers or don't attend to their needs, the customer will remember it? and potentially tell their friends about it.</p>
		  <p><a href="about-us.html" class="btn"><i class="fa fa-angle-double-right" aria-hidden="true"></i> View More</a></p>
        </div><!--/ col-sm -->
      </div><!--/ col-sm -->
	  
	  <div class="col-sm-6 about-right aos-init aos-animate" data-aos="zoom-in">
	    <div class="aboutImg">
		  <div class="shape1"><img src="images/4-1.png" alt="Shape 01"></div>
		  <div class="shape2"><img src="images/5.png" alt="Shape 02"></div>
		  <div class="shape3 move_anim_two"><img src="images/6.png" alt="Shape 03"></div>
		  <div class="abImg"><img src="images/about.jpg" alt=""></div>
		</div>
	  </div> 
     
    </div><!--/ row --> 
  </div>
</section>   

<section class="courses-sec">
  <div class="layer_img move_anim right_top"><img src="images/12.png" alt="Makeover"></div>
  <div class="container">
    <div class="row">           
	  
	  <div class="col-sm-12 cs-top aos-init aos-animate" data-aos="zoom-in">
	    <h2><small>What We Do</small>Our <span>Courses</span></h2>
		<p>Beautician Course Details: The Makeup industry has developed so fast and is booming throughout the world as they are hardly affected by the recession or economic comedowns. Those who are passionate about making people attractive can build a career out of it. This can be possible by a beautician, cosmetologist, or a beauty expert. To become a known makeup artist, one has to learn a lot of things. One has to develop the master of the art of giving a perfect bride look, a model, or others in general. There are many beauty and makeup courses offered by institutes; one can enroll themselves for a cosmetology course. The academic focus in the field of makeup can benefit you in developing careers as makeup professionals in television sets, films, spas, etc.</p>
	  </div><!--/ col-sm -->
	  
	  <div class="col-sm-12 ss-coll aos-init aos-animate" data-aos="zoom-in">
		<div id="owl-demo-2">
		
		  <div class="item">
		    <div class="specialitie-box">
			  <figure><img src="images/courses-01.png" alt="Image"><img src="images/courses-01.png" alt="Image"></figure>
			  <h4>Beauty Therapist</h4>
              <p>Beauty therapists are trained experts in beauty therapy who deals in range of beauty.</p>
            </div>
          </div><!--/ item -->
          
          <div class="item">
            <div class="specialitie-box">
              <figure><img src="images/courses-02.png" alt="Image"><img src="images/courses-02.png" alt="Image"></figure>
              <h4>Hair Style</h4>
              <p>It's always good to change and keep things fresh, whether it's a hairstyle or wardrobe.</p>
            </div>
          </div><!--/ item -->
          
          <div class="item">
            <div class="specialitie-box">
              <figure><img src="images/courses-03.png" alt="Image"><img src="images/courses-03.png" alt="Image"></figure>
              <h4>Manicurist & Pedicurist</h4>
              <p>Manicure' is a treatment that improves the appearance of nails and hands, and softens.</p>
            </div>
          </div><!--/ item -->
          
          <div class="item">
            <div class="specialitie-box">
              <figure><img src="images/courses-04.png" alt="Image"><img src="images/courses-04.png" alt="Image"></figure>
              <h4>Cosmetology</h4>
              <p>Cosmetology is the study and application of beauty treatment. It is the science which focuses.</p>
            </div>
          </div><!--/ item -->
          
          <div class="item">
            <div class="specialitie-box">
              <figure><img src="images/courses-05.png" alt="Image"><img src="images/courses-05.png" alt="Image"></figure>
              <h4>Make-Up Artist</h4>
              <p>Makeup Artist has detailed, in-depth knowledge of make-up and beauty products who uses.</p>
            </div>
          </div><!--/ item -->
          
          <div class="item">
            <div class="specialitie-box">
              <figure><img src="images/courses-06.png" alt="Image"><img src="images/courses-06.png" alt="Image"></figure>
              <h4>Personal Grooming</h4>
              <p>It refers to cleaning and maintaining each and every body part for a pleasing.</p>
            </div>
          </div><!--/ item -->
          
          <div class="item">
            <div class="specialitie-box">
              <figure><img src="images/courses-07.png" alt="Image"><img src="images/courses-07.png" alt="Image"></figure>
              <h4>Skin Care & Nail Art</h4>
              <p>Skin care is a range of practices that support skin integrity, decorate, enhance.</p>
            </div>
		  </div><!--/ item -->
		
	    </div><!--/ owl --> 	  
	  </div><!--/ coll --> 	  
     
    </div><!--/ row --> 
  </div>
  <div class="layer_img move_anim_two left_bottom"><img src="images/11.png" alt="Makeover"></div>
</section><!--/ courses-sec -->       

<section class="appointment-wrap">			
  <div class="container">
    <div class="row">           
	  
	  <div class="col-sm-8 left aos-init aos-animate" data-aos="zoom-in">
	    <div class="inner">
	      <h2>Make Appointment</h2>
		  <p>You are always wecome to make an appointment according to your schedule at any time by just filling query form.</p>
      <form action="contact-form.php" method="post">
		    <div class="form-group col-sm-6"><input type="text" name="name" class="form-control" placeholder="Name" required></div>
		    <div class="form-group col-sm-6"><input type="text" name="email" class="form-control" placeholder="Email" required></div>
		    <div class="form-group col-sm-6"><input type="tel" name="phone" class="form-control" placeholder="Phone No" required></div>
		    <div class="form-group col-sm-6"><select name="subject" class="form-control"><option value="Select Subject" required>Select Subject</option><option value="Sports Massage">Sports Massage</option><option value="Stone Massage">Stone Massage</option><option value="Body Massage">Body Massage</option><option value="Head Massage">Head Massage</option><option value="Facial &amp; Massage">Facial &amp; Massage</option></select></div>
		    <div class="form-group col-sm-12"><input type="date" name="date" class="form-control" placeholder="Select A Date" required></div>
		    <div class="form-group col-sm-12"><textarea name="message" class="form-control" placeholder="Your Message" required></textarea></div>
		    <div class="form-group col-sm-12"><input type="submit" value="Make An Appointment" class="btn"></div>
		  </form>
	    </div> 	  
	  </div><!--/ coll --> 
	  
	  <div class="col-sm-4 right aos-init aos-animate" data-aos="zoom-in">
	    <div class="icon-box">
		  <h3><i class="fa fa-clock-o" aria-hidden="true"></i> Opening Hours:</h3>
		  <p>Monday to Sunday <br> 10:30 AM to 08:30 PM</p>
		</div> 
		
		<div class="icon-box">
		  <h3><i class="fa fa-map-marker" aria-hidden="true"></i> Our Location:</h3>
		  <p>NO.895, Karanaipuduchery Main Road,<br> Urapakkam,<br> Chennai - 603 210.</p>
		</div> 	  
	  </div><!--/ coll --> 	  
     
    </div><!--/ row --> 
  </div>
</section><!--/ appointment-wrap -->

<section class="price-plans">	
  <div class="layer_img move_anim right_top"><img src="images/14.png" alt="Makeover"></div>		
  <div class="container">
    <div class="row">           
	  
	  <div class="col-sm-12 price-title aos-init aos-animate" data-aos="zoom-in">
	    <h2><small>Get Inspiration</small>Price <span>Plans</span></h2>
		<p>This strategy starts clients out with a basic price for a hair salon service, then allows them to add more items to this from the list, gradually increasing the amount. This formula allows for transparency (which clients like), and the chance to make a profit when they spend more.
		</p>  
	  </div><!--/ coll --> 
	  
	  <div class="col-sm-6 price-coll aos-init aos-animate" data-aos="zoom-in">
	    <div class="package_item">
		  <img src="images/service-01.jpg" alt="Price Image">
		  <h5><a>Bleach</a> <span class="piborder"></span> <p><a href="bleach.html" class="btn"><i class="fa fa-angle-double-right" aria-hidden="true"></i> View Details</a></p></h5>		  
		</div> 
		
		<div class="package_item">
		  <img src="images/service-02.jpg" alt="Price Image">
		  <h5><a>Waxing</a> <span class="piborder"></span> <p><a href="waxing.html" class="btn"><i class="fa fa-angle-double-right" aria-hidden="true"></i> View Details</a></p> </h5>		 
		</div> 
		
		<div class="package_item">
		  <img src="images/service-03.jpg" alt="Price Image">
		  <h5><a>Facials</a> <span class="piborder"></span> <p><a href="facial.html" class="btn"><i class="fa fa-angle-double-right" aria-hidden="true"></i> View Details</a></p> </h5>		  
		</div> 
	  </div><!--/ coll -->  
	  
	  <div class="col-sm-6 price-coll aos-init aos-animate" data-aos="zoom-in">
	    <div class="package_item">
		  <img src="images/service-04.jpg" alt="Price Image">
		  <h5><a>Hair Service</a> <span class="piborder"></span> <p><a href="hair.html" class="btn"><i class="fa fa-angle-double-right" aria-hidden="true"></i> View Details</a></p> </h5>		 
		</div> 
		
		<div class="package_item">
		  <img src="images/service-05.jpg" alt="Price Image">
		  <h5><a>Bridal MakeUP</a> <span class="piborder"></span><p><a href="makeup.html" class="btn"><i class="fa fa-angle-double-right" aria-hidden="true"></i> View Details</a></p></h5>		  
		</div> 
		
		<div class="package_item">
		  <img src="images/Threading.jpg" alt="Price Image">
		  <h5><a>Threading</a> <span class="piborder"></span> <p><a href="threading.html" class="btn"><i class="fa fa-angle-double-right" aria-hidden="true"></i> View Details</a></p></h5>		  
		</div> 
		
	  </div><!--/ coll -->  	  
     
    </div><!--/ row --> 
  </div>
</section><!--/ Price Plans -->

<section class="client-speak">
  <div class="container">
    <div class="row">
      
	  
	  <div class="col-sm-12 grid-left pad-0 aos-init aos-animate" data-aos="zoom-in">		 
		<div id="owl-demo-3" class="aos-init aos-animate" data-aos="zoom-in">
		  <div class="item">
			<h4>Aadarsha<span>Chennai</span></h4>
			<figure><img src="images/client-01.jpg" alt=""></figure>
		    <p>I came to this salon and I was SUPER satisfied with the results. Before I found this salon, 3 other salons rejected services for me, maybe because the challenge of taking out red from my hair was intimidating. </p>
			<div class="star"><i class="fa fa-star" aria-hidden="true"></i><i class="fa fa-star" aria-hidden="true"></i><i class="fa fa-star" aria-hidden="true"></i><i class="fa fa-star" aria-hidden="true"></i><i class="fa fa-star-half-empty" aria-hidden="true"></i></div>
		  </div><!--/ item -->
		  
		  <div class="item">
			<h4>Suravinda<span>Chennai</span></h4>
			<figure><img src="images/client-02.jpg" alt=""></figure>
		    <p>I highly recommend Beauty Salon Cheenai. It’s warm and cozy and most importantly the staff is incredibly awesome. I got my very first haircut over here and the trial with hairstylist was superb! I would recommend all of you lovely ladies to spend your quality beauty time here.</p>
			<div class="star"><i class="fa fa-star" aria-hidden="true"></i><i class="fa fa-star" aria-hidden="true"></i><i class="fa fa-star" aria-hidden="true"></i><i class="fa fa-star" aria-hidden="true"></i><i class="fa fa-star-half-empty" aria-hidden="true"></i></div>
		  </div><!--/ item -->
		  
		  <div class="item">
			<h4>Lakshmi<span>Chennai</span></h4>
			<figure><img src="images/client-01.jpg" alt=""></figure>
		    <p>The people that work here are TRUE ARTISTS. I usually get done my makeup from here because the quality of product they use is out of box. So happy. THANK YOU BS Chennai.</p>
			<div class="star"><i class="fa fa-star" aria-hidden="true"></i><i class="fa fa-star" aria-hidden="true"></i><i class="fa fa-star" aria-hidden="true"></i><i class="fa fa-star" aria-hidden="true"></i><i class="fa fa-star-half-empty" aria-hidden="true"></i></div>
		  </div><!--/ item -->	  
		  
		</div>
      </div><!--/ grid-left -->  
          
    </div><!--/ row -->	
  </div>
</section><!--/ client-speak  -->

<footer class="footer">
  <div class="layer_img move_anim_two"><img src="images/footer.png" alt="Makeover"></div>

  <div class="back-to-top"><a href="#Home" class="BackTo scroll"><i class="fa fa-angle-double-up" aria-hidden="true"></i></a></div>
   <script>
$(document).ready(function(){
 let scroll_link = $('.scroll');

  //smooth scrolling -----------------------
  scroll_link.click(function(e){
      e.preventDefault();
      let url = $('body').find($(this).attr('href')).offset().top;
      $('html, body').animate({
        scrollTop : url
      },700);
      $(this).parent().addClass('active');
      $(this).parent().siblings().removeClass('active');
      return false;	
   });
});
</script>
  
  <div class="container">    
    <div class="row">

      <div class="col-sm-3 cl1 aos-init aos-animate" data-aos="zoom-in">
        <div class="wg-1">
          <div class="ft-logo"><a href="#"><img src="images/logo.png" alt="image"></a></div>
		  <p>A beauty salon is a place that offers a variety of cosmetic treatments and cosmetic services women.</p>
		  <div class="icon-ft">
            <a target="_blank" href="#"><i class="fa fa-facebook"></i></a>
            <a target="_blank" href="#"><i class="fa fa-twitter"></i></a>
            <a target="_blank" href="#"><i class="fa fa-instagram"></i></a>
            <a target="_blank" href="#"><i class="fa fa-whatsapp"></i></a>
            <a target="_blank" href="#"><i class="fa fa-youtube"></i></a>
          </div>
        </div><!--/ wg-1 -->
      </div><!--/ col-sm-3 -->
	  
	  <div class="col-sm-3 cl2 aos-init aos-animate" data-aos="zoom-in">
        <div class="wg-1">
          <h4>Quick Link</h4>
          <ul>
            <li><a href="index.html">Home</a></li>
            <li><a href="about-us.html">About Us</a></li>
			<li><a href="bleach.html">Our Service</a></li>
			<li><a href="courses.html">Courses Offered</a></li>
			<li><a href="contact-us.html">Contact Us</a></li>
			<li><a href="contact-us.html">Make Appointment</a></li>
          </ul>
        </div><!--/ wg-1 -->
      </div><!--/ col-sm-3 --> 
	  
	  <div class="col-sm-3 cl3 aos-init aos-animate" data-aos="zoom-in">
        <div class="wg-1">
          <h4>Contact us</h4>		          	  		
		  <address>
		    <i class="fa fa-map-marker" aria-hidden="true"></i>
			<div><p>NO.895, Karanaipuduchery Main Road, Urapakkam, Chennai - 603 210.</p></div>
		  </address>
		  <address>
		    <i class="fa fa-phone" aria-hidden="true"></i>
			<div><p><a href="tel:+91  9962851200">+91 9962851200</a></p></div>
		  </address>
		  <address>
		    <i class="fa fa-envelope" aria-hidden="true"></i>
			<div><p><a href="mailto:service@bschennai.com">service@bschennai.com</a></p></div>
		  </address>		       		  	 
        </div><!--/ wg-1 -->
      </div><!--/ col-sm-3 --> 
	  
	  <div class="col-sm-3 cl4 aos-init aos-animate" data-aos="zoom-in">
        <div class="wg-1">
          <h4>Open Time</h4>		          	  		
		  <p><strong>Opening Day:</strong><br> Monday - Sunday <br> 10:30 AM to 08:30 PM</p>
		  <p><strong>Vacation:</strong><br> All Sunday Day<br> 10:30 AM to 08:30 PM</p>		       		  	 
        </div><!--/ wg-1 -->
      </div><!--/ col-sm-3 -->
           
    </div><!-- row -->            
  </div><!--/ container -->     
  
  <div class="ft-bottom">
    <div class="container">
      <div class="row">
	  
		<div class="col-sm-6"><p class="copyright">Copy © 2022 All Rights Reserved By BS Chennai.</p></div>
		
		<div class="col-sm-6">
		  <p class="text-right">Website Designed by <a href="http://htlogics.com/" target="_blank">H T Logics PVT. LTD</a></p>
		</div>		
        
      </div><!--/ row -->
    </div>
  </div><!--/ ft-bottom -->
</footer>

<!-- Bootstrap Core JavaScript -->
<script src="js/bootstrap.min.js"></script>
<script src="js/script.js"></script>             
<script src="js/owl.carousel.js"></script>   
<script src="dist/aos.js"></script>	 
<script>
$('.counter-count').each(function () {
        $(this).prop('Counter',0).animate({
            Counter: $(this).text()
        }, {
            duration: 5000,
            easing: 'swing',
            step: function (now) {
                $(this).text(Math.ceil(now));
            }
        });
    });
</script>

<script>
    $(document).ready(function() {
      $("#owl-demo").owlCarousel({
        autoPlay: 3000,
        items : 2,
        itemsDesktop : [1199,2],
        navigation : true, 
        itemsDesktopSmall : [979,2],
        itemsMobile : [767,1]
      });

    });
	
	$(document).ready(function() {
      $("#owl-demo-2").owlCarousel({
        autoPlay: 3000,
        items : 4,
        itemsDesktop : [1199,2],
        navigation : true, 
        itemsDesktopSmall : [979,2],
        itemsMobile : [767,1]
      });

    });
	
	$(document).ready(function() {
      $("#owl-demo-3").owlCarousel({
        autoPlay: 3000,
        items : 1,
        itemsDesktop : [1199,2],
        navigation : true, 
        itemsDesktopSmall : [979,2],
        itemsMobile : [767,1]
      });

    });
	
	// When the DOM is ready, run this function
$(document).ready(function() {
  //Set the carousel options
  $('#quote-carousel').carousel({
    pause: true,
    interval: 4000,
  });
});
</script>
	
</body>
<script>
  AOS.init();
</script>
</html>