| Current File : /home/kelaby89/king-babylon.hair/about.html |
<!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="subheader" class="jarallax">
<img src="images/background/3.jpg" class="jarallax-img" alt="">
<div class="container">
<div class="row">
<div class="col-lg-6 offset-lg-3 text-center">
<h1>About Us</h1>
<div class="de-separator"></div>
</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" data-jarallax-element="-20">
<p class="lead big wow fadeInUp">Immerse yourself in the ambience of our thoughtfully designed space, where modern aesthetics merge harmoniously with classic elements. We believe that a barbershop should be more than just a place to get a haircut; it should be a sanctuary where you can unwind, engage in great conversation, and leave feeling invigorated.
</p>
</div>
</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" data-jarallax-element="-50">
<div class="d-sch-table">
<h2 class="wow fadeIn text-center">Our Vision</h2>
<div class="de-separator"></div>
<p>At the heart of our vision is a commitment to preserving the time-honored traditions of barbering while seamlessly blending them with contemporary techniques and trends. We envision a space where heritage and innovation coexist harmoniously, creating an environment that appeals to the modern man seeking both classic sophistication and cutting-edge styles.</p>
<div class="d-deco"></div>
</div>
</div>
<div class="col-lg-6" data-jarallax-element="-100">
<div class="d-sch-table">
<h2 class="wow fadeIn text-center">Our Mission</h2>
<div class="de-separator"></div>
<p>Our mission is to empower men to feel confident, stylish, and authentic in their appearance. Through our commitment to excellence, personalized service, inviting atmosphere, and a harmonious blend of tradition and innovation, we aspire to become the ultimate grooming destination for the modern gentleman.</p>
<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="container">
<div class="row">
<div class="col-lg-12 text-center">
<h2 class="wow fadeIn">Our Team</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/team/1.jpg" alt="">
</div>
<div class="d-deco-1"></div>
<div class="d-deco-2"></div>
<div class="d-social">
<a href="#"><i class="fa fa-facebook"></i></a>
<a href="#"><i class="fa fa-twitter"></i></a>
<a href="#"><i class="fa fa-instagram"></i></a>
</div>
</div>
<div class="spacer-20"></div>
<h4>Steven Porreca</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/team/2.jpg" alt="">
</div>
<div class="d-deco-1"></div>
<div class="d-deco-2"></div>
<div class="d-social">
<a href="#"><i class="fa fa-facebook"></i></a>
<a href="#"><i class="fa fa-twitter"></i></a>
<a href="#"><i class="fa fa-instagram"></i></a>
</div>
</div>
<div class="spacer-20"></div>
<h4>Huey Apicella</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/team/3.jpg" alt="">
</div>
<div class="d-deco-1"></div>
<div class="d-deco-2"></div>
<div class="d-social">
<a href="#"><i class="fa fa-facebook"></i></a>
<a href="#"><i class="fa fa-twitter"></i></a>
<a href="#"><i class="fa fa-instagram"></i></a>
</div>
</div>
<div class="spacer-20"></div>
<h4>Harry Riecke</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/team/4.jpg" alt="">
</div>
<div class="d-deco-1"></div>
<div class="d-deco-2"></div>
<div class="d-social">
<a href="#"><i class="fa fa-facebook"></i></a>
<a href="#"><i class="fa fa-twitter"></i></a>
<a href="#"><i class="fa fa-instagram"></i></a>
</div>
</div>
<div class="spacer-20"></div>
<h4>Merilyn Axe</h4>
</div>
</div>
</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>