HOME

Mini Shell 1.0
Current File : /home/bschennai.com/www/hair.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 href="style.css" rel="stylesheet">
    <meta name="google-site-verification" content="EjhuDFy1F-3T3jeZe5zpGAKmU-ox-VA3k2kgu6Gha4k" />
    <link rel="icon" type="image/x-icon" href="/images/logoicon.png">
	<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><a href="index.html">Home</a></li>
            <li class="current-menu-item"><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-inner">
  <div class="textblock">
    <div class="block">
      <div class="container">

        <div class="page-title">
          <div class="holder"><h1>Hair</h1></div>
        </div><!--/ page-title -->

        <!-- breadcrumb -->
        <ol class="breadcrumb text-capitalize">
          <li><a href="index.html"><span class="fa fa-home"></span></a><a href="#" class="home"><span property="name">Home</span></a><meta property="position" content="1">&nbsp; &nbsp; + &nbsp; &nbsp;<span property="itemListElement" typeof="ListItem"><span property="name">Hair</span><meta property="position" content="2"></span></li>
        </ol>        
      
      </div><!--/ block -->
    </div>
  </div>
</section><!--/ banner-inner -->


<section class="mid-inner">
  <div class="container">    
    <div class="row">
      <div class="col-sm-12">
        <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">         
              <h5><a>Starting Haircut</a> <span class="piborder"></span> <span>from</span> ₹100</h5>         
            </div> 
            
            
            
    
            </div><!--/ coll -->  	          
             
            </div><!--/ row --> 
          </div>
          </section>
<section class="mid-inner">
  <div class="container">    
    <div class="row">
      <div class="col-sm-12">
	  
	    <section class="about-sec about-page">
		  <div class="row row2"> 
		    <div class="col-sm-12 aos-init aos-animate" data-aos="zoom-in">
			  <div class="about-padd">
               	
                <h2>Hair services</h2>
                <p>There are numerous Advantages of hair spa. First of all You feel relaxed and at once at peace. The head massage and hair wash leave you feeling refreshed and rejuvenated. Another benefit of this stress relief is that you start feeling more focused and are able to perform better and improve productivity. This is when hair spa comes to our rescue. Hair spa treatment is the perfect solution to get dandruff-free hair. It helps in healthy hair growth and helps regain its lost lustre. However, the number of sessions required for this treatment depend on the extent of dryness in your hair. Also, hair spa should be part of your regular hair care routine. So, even when you get dandruff-free hair, it’s important that you don’t stop getting a hair spa.Dry and damaged hair are a sign of unhealthy hair. Dull, frizzy and damaged hair can be repaired by spa treatments as the process includes oiling of hair that makes hair more shiny and smooth. Oiling and head massage also help reduce roughness and split ends.</p>
                <p>Basic Conditioning: This conditioning treatment provides intense moisture to strands and fortifies the hair with added protein. Specialty Conditioning: Customizable conditioning treatments specifically designed for what your hair needs most. Your stylist will create a formula for color treated hair, moisturizing, smoothing, or strengthening.</p><p>Ammonia-free, odourless permanent hair colour for a unique hair colouring experience. Hair is respected, and scalp is treated gently.* Experience natural reflects, sublime shine and a perfect coverage.it’s time to visit the salon, speak to the stylists and see what they can do for your hair. Like an acne treatment or a regular facial therapy, a dermatologist can heal the way you could never do by yourself. Thus, sometimes it’s worth seeing a hair specialist. In the hair salons, experts can, firstly, look at and evaluate the condition of your hair and scalp. They can assess your hair needs and give the most appropriate solution. Moreover, stylists can access to the necessary tools and equipment you do not have at home. Visiting a hair salon is the best experience that will ideally give you stronger and shinier hair that lasts.</p>
                <ul>
                <li>Haircutting & Styling: Women</li>
                        <li>Perm & Straightening</li>
                        <li>Conditioning</li>
                        <li>Color & Highlights</li>
                </ul>               
			  </div><!--/ col-sm -->
			</div><!--/ col-sm -->
	
		  
		  </div><!--/ row --> 
		</section>  <!--/ about-page -->
		
	  </div><!--/ mid-full -->
    </div>
  </div>
</section><!--/ mid-inner -->

<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>