HOME

Mini Shell 1.0
Current File : /home/bschennai.com/www/bleach.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 Make UP</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>Bleach</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">Bleach</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>Oxy Bleach</a> <span class="piborder"></span> <span>from</span> ₹200</h5>         
            </div> 
            
            <div class="package_item">
              <h5><a>Oxold Bleach</a> <span class="piborder"></span> <span>from</span> ₹300 </h5>        
            </div> 
            
            <div class="package_item">          
              <h5><a>Herbal Bleach</a> <span class="piborder"></span> <span>from</span> ₹200 </h5>          
            </div> 
    
            <div class="package_item">          
              <h5><a>D-Tan Bleach</a> <span class="piborder"></span> <span>from</span> ₹200 </h5>          
            </div> 
            </div><!--/ coll -->  
            
            <div class="col-sm-6 price-coll aos-init aos-animate" data-aos="zoom-in">
              <div class="package_item">
              <h5><a>Full Legs & Hand</a> <span class="piborder"></span> <span>from</span> ₹500 </h5>          
            </div> 
            
            <div class="package_item">          
              <h5><a>Face & Neck</a> <span class="piborder"></span> <span>from</span> ₹350 </h5>          
            </div> 
    
            <div class="package_item">          
              <h5><a>Full Body</a> <span class="piborder"></span> <span>from</span> ₹2000 </h5>          
            </div> 
    
            </div><!--/ coll -->  	          
             
            </div><!--/ row --> 
          </div>
        </section><!--/ Price Plans -->
	    <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>Bleach</h2>	
                <p>The crème bleach remove the tanning from the skin and helps to looks more radiant. It effectively removes the tanning with each usage. It is enriched with the essence of milk and pearl that improves the skin complexion instantly. This crème bleach is easy to use and the product comprises of activator and cream only.</p>
                <p>apart from this, benefits of face bleach include removal of blackheads, pigmentation and mostly people even resort to bleaching to save themselves the pain of threading.Most of us consider face bleaching as a hair removal method even though it doesn’t actually get rid of any hair. Hydrogen peroxide is the bleaching agent that helps lighten your facial hair, making your face appear brighter and fairer. It’s important to note that face bleach does not lighten your skin; instead, it only works on your hair.</p>
                <p>Bleaching your facial hair will give you an instant glow. The chemicals present in the bleaching cream lighten your complexion to a light golden hue, making your face glow than before. Bleaching your face also saves you the painful process of undergoing threading. Threading, especially anywhere on the face can get extremely uncomfortable. Most people, therefore, rely on bleaching to hide any dark unwanted facial hair from showing. Bleaching facial hair is also beneficial in lightening any blemishes or pigmentation that may otherwise show prominently.</p>
                <p>Firstly, since the skin on your face is sensitive, it is best to first try the product on your arm to see if there’s any reaction. Secondly, avoid scrubbing your skin rigorously after bleaching and leave out the area around your eyes and lips. Thirdly, avoid stepping out in the sun after bleaching your face as bleach tends to make your skin more susceptible to sun damage. And, in case you need to step out, then it is best to apply sunscreen and re-apply every three hours while outdoors.</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 --> 
		</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>