| Current File : /home/kelaby89/king-babylon.hair/index.html.old |
<!DOCTYPE html>
<html lang="zxx">
<head>
<title>Blaxcut - Barbershop Website Template</title>
<link rel="icon" href="images/icon.png" type="image/gif" sizes="16x16">
<meta content="text/html;charset=utf-8" http-equiv="Content-Type">
<meta content="width=device-width, initial-scale=1.0" name="viewport" >
<meta content="Blaxcut - Barbershop Website Template" name="description" >
<meta content="" name="keywords" >
<meta content="" name="author" >
<!-- CSS Files
================================================== -->
<link href="css/bootstrap.min.css" rel="stylesheet" type="text/css" id="bootstrap">
<link href="css/mdb.min.css" rel="stylesheet" type="text/css" id="mdb" >
<link href="css/plugins.css" rel="stylesheet" type="text/css" >
<link href="css/style.css" rel="stylesheet" type="text/css" >
<link href="css/coloring.css" rel="stylesheet" type="text/css" >
<!-- color scheme -->
<link id="colors" href="css/colors/scheme-01.css" rel="stylesheet" type="text/css" >
</head>
<body class="dark-scheme">
<div id="wrapper">
<!-- page preloader begin -->
<div id="de-loader"></div>
<!-- page preloader close -->
<!-- header begin -->
<header class="transparent">
<div class="container">
<div class="row">
<div class="col-md-12">
<div class="de-flex sm-pt10">
<div class="de-flex-col">
<div class="de-flex-col">
<!-- logo begin -->
<div id="logo">
<a href="index.html">
<img class="logo-main" src="images/logo.png" alt="" >
<img class="logo-mobile" src="images/logo-mobile.png" alt="" >
</a>
</div>
<!-- logo close -->
</div>
</div>
<div class="de-flex-col header-col-mid">
<ul id="mainmenu">
<li><a class="menu-item" href="index.html">Home</a>
<ul>
<li><a class="menu-item" href="index.html">Home 1</a></li>
<li><a class="menu-item" href="index-2.html">Home 2</a></li>
<li><a class="menu-item" href="index-3.html">Home 3</a></li>
<li><a class="menu-item" href="index-4.html">Home 4</a></li>
</ul>
</li>
<li><a class="menu-item" href="services.html">Services</a>
<ul>
<li><a class="menu-item" href="services.html">All Services</a></li>
<li><a class="menu-item" href="service-single.html">Service Single</a></li>
</ul>
</li>
<li><a class="menu-item" href="about.html">About</a>
<ul>
<li><a class="menu-item" href="about.html">About Us</a></li>
<li><a class="menu-item" href="team.html">Our Team</a></li>
</ul>
</li>
<li><a class="menu-item" href="book.html">Book Now</a></li>
<li><a class="menu-item" href="blog.html">Blog</a></li>
<li><a class="menu-item" href="#">Extras</a>
<ul>
<li><a class="menu-item" href="contact.html">Contact</a></li>
<li><a class="menu-item" href="gallery.html">Gallery</a></li>
<li><a class="menu-item" href="pricing.html">Pricing</a></li>
<li><a class="menu-item" href="testimonials.html">Testimonials</a></li>
</ul>
</li>
</ul>
</div>
<div class="de-flex-col">
<div class="menu_side_area">
<a href="book.html" class="btn-main">Book Now</a>
<span id="menu-btn"></span>
</div>
</div>
</div>
</div>
</div>
</div>
</header>
<!-- header close -->
<!-- content begin -->
<div class="no-bottom no-top" id="content">
<div id="top"></div>
<section id="de-carousel" class="no-top no-bottom carousel slide text-light carousel-fade" data-mdb-ride="carousel">
<!-- Inner -->
<div class="carousel-inner">
<!-- Single item -->
<div class="carousel-item active jarallax">
<img src="images/background/7.jpg" class="jarallax-img" alt="">
<div class="d-content relative z1000">
<div class="wm wm-carousel mt-30" data-jarallax-element="-50">
<div class="wow fadeInRight">blaxcut <span class="t2">barbershop</span></div>
</div>
<div class="top-center">
<div class="wow fadeInRight">
<h1 class="id-color">Make Your Own Style</h1>
</div>
</div>
<div class="v-center">
<div class="container">
<div class="row align-items-center">
<div class="col-lg-6 offset-lg-3 d-flex">
<img src="images/misc/man.png" class="wow fadeInLeft" data-wow-delay=".3s" data-wow-duration="1.5s" alt="">
</div>
</div>
</div>
</div>
</div>
<div class="de-gradient-edge-bottom"></div>
</div>
<!-- Single item -->
</div>
<!-- Inner -->
<!-- Controls -->
<a class="carousel-control-prev" href="#de-carousel" role="button" data-mdb-slide="prev">
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
<span class="sr-only">Previous</span>
</a>
<a class="carousel-control-next" href="#de-carousel" role="button" data-mdb-slide="next">
<span class="carousel-control-next-icon" aria-hidden="true"></span>
<span class="sr-only">Next</span>
</a>
</section>
<section aria-label="section" class="no-top no-bottom">
<div class="container">
<div class="row">
<div class="col-lg-12" data-jarallax-element="-50">
<p class="lead big wow fadeInUp">Established with a passion for the art of barbering, we take great pride in our craft and strive to create an atmosphere that feels like home. From the moment you walk through our doors, you'll be greeted by friendly smiles and a warm ambiance that instantly puts you at ease.
</p>
</div>
</div>
</div>
</section>
<section id="section-trending" class="pt80">
<div class="container-fluid">
<div class="row">
<div class="col-lg-8 offset-lg-2 text-center">
<h2 class="wow fadeIn">Trending Styles</h2>
<div class="de-separator"></div>
<div class="spacer-single"></div>
</div>
</div>
<div class="row">
<div class="col-lg-12" data-jarallax-element="-20">
<div class="d-carousel wow fadeInRight" >
<div id="item-carousel-big" class="owl-carousel no-hide owl-center" data-wow-delay="1s">
<div class="c-item">
<a href="#">
<span class="c-item_info">
<span class="c-item_title">Slick Back</span>
<span class="c-item_wm">#1</span>
</span>
<div class="c-item_wrap">
<img src="images/hairstyles/1.jpg" class="lazy img-fluid" alt="">
</div>
</a>
</div>
<div class="c-item">
<a href="#">
<span class="c-item_info">
<span class="c-item_title">Classic Quiff</span>
<span class="c-item_wm">#2</span>
</span>
<div class="c-item_wrap">
<img src="images/hairstyles/2.jpg" class="lazy img-fluid" alt="">
</div>
</a>
</div>
<div class="c-item">
<a href="#">
<span class="c-item_info">
<span class="c-item_title">Pompadour</span>
<span class="c-item_wm">#3</span>
</span>
<div class="c-item_wrap">
<img src="images/hairstyles/3.jpg" class="lazy img-fluid" alt="">
</div>
</a>
</div>
<div class="c-item">
<a href="#">
<span class="c-item_info">
<span class="c-item_title">Fringe</span>
<span class="c-item_wm">#4</span>
</span>
<div class="c-item_wrap">
<img src="images/hairstyles/4.jpg" class="lazy img-fluid" alt="">
</div>
</a>
</div>
<div class="c-item">
<a href="#">
<span class="c-item_info">
<span class="c-item_title">Curly Fade</span>
<span class="c-item_wm">#5</span>
</span>
<div class="c-item_wrap">
<img src="images/hairstyles/5.jpg" class="lazy img-fluid" alt="">
</div>
</a>
</div>
<div class="c-item">
<a href="#">
<span class="c-item_info">
<span class="c-item_title">Undercut</span>
<span class="c-item_wm">#6</span>
</span>
<div class="c-item_wrap">
<img src="images/hairstyles/6.jpg" class="lazy img-fluid" alt="">
</div>
</a>
</div>
</div>
<div class="d-arrow-left mod-a"><i class="fa fa-angle-left"></i></div>
<div class="d-arrow-right mod-a"><i class="fa fa-angle-right"></i></div>
</div>
<div class="spacer-double"></div>
</div>
</div>
</div>
</section>
<section class="no-top jarallax">
<div class="de-gradient-edge-top"></div>
<img src="images/background/1.jpg" class="jarallax-img" alt="">
<div class="container relative z1000">
<div class="row align-items-center">
<div class="col-lg-6" data-jarallax-element="-30">
<img src="images/misc/man-2.png" class="img-fluid wow fadeInRight" alt="">
</div>
<div class="col-lg-6" data-jarallax-element="-60">
<h2 class="wow fadeInRight" data-wow-delay=".3s">We’ll Crafting <span class="id-color">Confidence</span> Through Sharp Style</h2>
<p class="wow fadeInRight" data-wow-delay=".4s">We take pride in providing top-notch grooming services that blend classic techniques with modern trends. Step into our warm and inviting space, where you'll find a team of skilled barbers dedicated to enhancing your style and confidence.</p>
<a href="book.html" class="btn-main wow fadeInRight" data-wow-delay=".5s">Book Now</a>
</div>
</div>
</div>
<div class="de-gradient-edge-bottom"></div>
</section>
<section aria-label="section" class="no-top">
<div class="container">
<div class="row">
<div class="col-lg-12 text-center">
<h2 class="wow fadeIn">Our Services</h2>
<div class="de-separator"></div>
</div>
<div class="col-lg-3 text-center" data-jarallax-element="-20">
<div class="de-box-a">
<div class="d-image">
<img src="images/services/1.jpg" alt="">
</div>
<div class="d-deco-1"></div>
<div class="d-deco-2"></div>
</div>
<div class="spacer-20"></div>
<h4>Haircuts</h4>
</div>
<div class="col-lg-3 text-center" data-jarallax-element="-60">
<div class="de-box-a">
<div class="d-image">
<img src="images/services/2.jpg" alt="">
</div>
<div class="d-deco-1"></div>
<div class="d-deco-2"></div>
</div>
<div class="spacer-20"></div>
<h4>Beard</h4>
</div>
<div class="col-lg-3 text-center" data-jarallax-element="-40">
<div class="de-box-a">
<div class="d-image">
<img src="images/services/3.jpg" alt="">
</div>
<div class="d-deco-1"></div>
<div class="d-deco-2"></div>
</div>
<div class="spacer-20"></div>
<h4>Shaving</h4>
</div>
<div class="col-lg-3 text-center" data-jarallax-element="-10">
<div class="de-box-a">
<div class="d-image">
<img src="images/services/4.jpg" alt="">
</div>
<div class="d-deco-1"></div>
<div class="d-deco-2"></div>
</div>
<div class="spacer-20"></div>
<h4>Razor Blade</h4>
</div>
</div>
<div class="spacer-single"></div>
<div class="text-center">
<a href="services.html" class="btn-main">All Services & Prices</a>
</div>
</div>
</section>
<section class="jarallax no-top">
<div class="de-gradient-edge-top"></div>
<img src="images/background/1.jpg" class="jarallax-img" alt="">
<div class="container relative z1000">
<div class="row gx-5">
<div class="col-lg-6 text-center" data-jarallax-element="-50">
<div class="d-sch-table">
<h2 class="wow fadeIn">We're Open</h2>
<div class="de-separator"></div>
<div class="d-col">
<div class="d-title">Mon - Thu</div>
<div class="d-content id-color">7:30AM - 6:30PM</div>
</div>
<div class="d-col">
<div class="d-title">Friday</div>
<div class="d-content id-color">8:30AM - 8:30PM</div>
</div>
<div class="d-col">
<div class="d-title">Sat - Sun</div>
<div class="d-content id-color">9:30AM - 5:30PM</div>
</div>
<div class="d-deco"></div>
</div>
</div>
<div class="col-lg-6 text-center" data-jarallax-element="-100">
<div class="d-sch-table">
<h2 class="wow fadeIn">Location</h2>
<div class="de-separator"></div>
<div class="d-col">
<div class="d-title">Address</div>
<div class="d-content id-color">100 Mainstreet Center, NY</div>
</div>
<div class="d-col">
<div class="d-title">Phone</div>
<div class="d-content id-color">+1 333 8080 1000</div>
</div>
<div class="d-col">
<div class="d-title">Email</div>
<div class="d-content id-color">[email protected]</div>
</div>
<div class="d-deco"></div>
</div>
</div>
</div>
</div>
<div class="de-gradient-edge-bottom"></div>
</section>
<section aria-label="section" class="no-top">
<div class="wow fadeInRight d-flex">
<div class="de-marquee-list wow">
<div class="d-item">
<span class="d-item-txt">Haircut</span>
<span class="d-item-display">
<i class="d-item-block"></i>
</span>
<span class="d-item-txt">Shave</span>
<span class="d-item-display">
<i class="d-item-block"></i>
</span>
<span class="d-item-txt">Faded</span>
<span class="d-item-display">
<i class="d-item-block"></i>
</span>
<span class="d-item-txt">Hair Dye</span>
<span class="d-item-display">
<i class="d-item-block"></i>
</span>
<span class="d-item-txt">Beard Trim</span>
<span class="d-item-display">
<i class="d-item-block"></i>
</span>
<span class="d-item-txt">Hair Color</span>
<span class="d-item-display">
<i class="d-item-block"></i>
</span>
<span class="d-item-txt">Facial</span>
<span class="d-item-display">
<i class="d-item-block"></i>
</span>
<span class="d-item-txt">Masage</span>
<span class="d-item-display">
<i class="d-item-block"></i>
</span>
<span class="d-item-txt">Hair Wash</span>
<span class="d-item-display">
<i class="d-item-block"></i>
</span>
</div>
</div>
</div>
</section>
</div>
<!-- content close -->
<a href="#" id="back-to-top"></a>
<!-- footer begin -->
<footer>
<div class="container">
<div class="row g-4">
<div class="col-lg-4 text-lg-start text-center">
<div class="social-icons">
<a href="#"><i class="fa fa-facebook fa-lg"></i></a>
<a href="#"><i class="fa fa-twitter fa-lg"></i></a>
<a href="#"><i class="fa fa-linkedin fa-lg"></i></a>
<a href="#"><i class="fa fa-pinterest fa-lg"></i></a>
<a href="#"><i class="fa fa-rss fa-lg"></i></a>
</div>
</div>
<div class="col-lg-4 text-lg-center text-center">
<img src="images/logo.png" class="" alt="">
</div>
<div class="col-lg-4 text-lg-end text-center">
Copyright 2023 - Blaxcut by Designesia
</div>
</div>
</div>
</footer>
<!-- footer close -->
</div>
<!-- Javascript Files
================================================== -->
<script src="js/plugins.js"></script>
<script src="js/designesia.js"></script>
<script src="js/custom-marquee.js"></script>
</body>
</html>