| Current File : /home/kelaby89/king-babylon.hair/blog-single.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 begin -->
<section id="subheader" class="jarallax">
<img src="images/background/9.jpg" class="jarallax-img" alt="">
<div class="container">
<div class="row">
<div class="col-lg-12 text-center">
<h1 class="blog-title">Unraveling the Enduring Charm and Evolution of Barbershops as Societal and Cultural Hubs</h1>
<div class="de-separator"></div>
</div>
</div>
</div>
<div class="de-gradient-edge-bottom"></div>
</section>
<!-- section close -->
<section aria-label="section" class="no-top">
<div class="container">
<div class="row">
<div class="col-md-8">
<div class="blog-read">
<div class="post-text">
<p>Quis sunt quis do laboris eiusmod in sint dolore sit pariatur consequat commodo aliqua nulla ad dolor aliquip incididunt voluptate est aliquip adipisicing ea cupidatat nostrud incididunt aliquip dolore. Sed minim nisi duis laborum est labore nisi amet elit adipisicing proident do consectetur dolor labore sit nisi ad proident esse ad velit nisi irure reprehenderit ut et dolor labore veniam quis.</p>
<p>Sunt duis laboris ex et quis laborum laborum cillum mollit voluptate culpa consequat ex cupidatat dolor eiusmod proident proident cillum pariatur sint adipisicing in nostrud do dolore consectetur quis incididunt minim consectetur. Exercitation elit proident dolor est id eiusmod dolor dolor incididunt ad voluptate laboris cupidatat est est sint veniam sint officia sint incididunt est sit ut tempor commodo pariatur ut proident et do.</p>
<p>Sed eu in ut sint dolor irure fugiat minim veniam sed ea proident ullamco occaecat irure ut velit eu ullamco fugiat cupidatat dolore fugiat. Lorem ipsum id non deserunt id consequat duis voluptate amet aliqua pariatur laboris officia pariatur veniam velit reprehenderit sint nostrud cupidatat magna eiusmod mollit exercitation pariatur nulla minim laboris dolore aliqua consectetur cillum duis aute consectetur.</p>
</div>
</div>
<div class="spacer-single"></div>
<div id="blog-comment">
<h4>Comments (5)</h4>
<div class="spacer-half"></div>
<ol>
<li>
<div class="avatar">
<img src="images/people/1.jpg" alt="" ></div>
<div class="comment-info">
<span class="c_name">Merrill Rayos</span>
<span class="c_date id-color">15 January 2020</span>
<span class="c_reply"><a href="#">Reply</a></span>
<div class="clearfix"></div>
</div>
<div class="comment">Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo.</div>
<ol>
<li>
<div class="avatar">
<img src="images/people/2.jpg" alt="" ></div>
<div class="comment-info">
<span class="c_name">Jackqueline Sprang</span>
<span class="c_date id-color">15 January 2020</span>
<span class="c_reply"><a href="#">Reply</a></span>
<div class="clearfix"></div>
</div>
<div class="comment">Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt
explicabo.</div>
</li>
</ol>
</li>
<li>
<div class="avatar">
<img src="images/people/3.jpg" alt="" ></div>
<div class="comment-info">
<span class="c_name">Sanford Crowley</span>
<span class="c_date id-color">15 January 2020</span>
<span class="c_reply"><a href="#">Reply</a></span>
<div class="clearfix"></div>
</div>
<div class="comment">Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo.</div>
<ol>
<li>
<div class="avatar">
<img src="images/people/4.jpg" alt="" ></div>
<div class="comment-info">
<span class="c_name">Lyndon Pocekay</span>
<span class="c_date id-color">15 January 2020</span>
<span class="c_reply"><a href="#">Reply</a></span>
<div class="clearfix"></div>
</div>
<div class="comment">Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt
explicabo.</div>
</li>
</ol>
</li>
<li>
<div class="avatar">
<img src="images/people/5.jpg" alt="" ></div>
<div class="comment-info">
<span class="c_name">Aleen Crigger</span>
<span class="c_date id-color">15 January 2020</span>
<span class="c_reply"><a href="#">Reply</a></span>
<div class="clearfix"></div>
</div>
<div class="comment">Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo.</div>
</li>
</ol>
<div class="spacer-single"></div>
<div id="comment-form-wrapper">
<h4>Leave a Comment</h4>
<div class="comment_form_holder">
<form id="contact_form" name="form1" class="form-border" method="post" action="#">
<label>Name</label>
<input type="text" name="name" id="name" class="form-control" >
<label>Email <span class="req">*</span></label>
<input type="text" name="email" id="email" class="form-control" >
<div id="error_email" class="error">Please check your email</div>
<label>Message <span class="req">*</span></label>
<textarea cols="10" rows="10" name="message" id="message" class="form-control"></textarea>
<div id="error_message" class="error">Please check your message</div>
<div id="mail_success" class="success">Thank you. Your message has been sent.</div>
<div id="mail_failed" class="error">Error, email not sent</div>
<p id="btnsubmit">
<input type="submit" id="send" value="Send" class="btn-main" ></p>
</form>
</div>
</div>
</div>
</div>
<div id="sidebar" class="col-md-4">
<div class="widget">
<h4>Share With Friends</h4>
<div class="small-border"></div>
<div class="de-color-icons">
<span><i class="fa fa-twitter fa-lg"></i></span>
<span><i class="fa fa-facebook fa-lg"></i></span>
<span><i class="fa fa-reddit fa-lg"></i></span>
<span><i class="fa fa-linkedin fa-lg"></i></span>
<span><i class="fa fa-pinterest fa-lg"></i></span>
<span><i class="fa fa-stumbleupon fa-lg"></i></span>
<span><i class="fa fa-delicious fa-lg"></i></span>
<span><i class="fa fa-envelope fa-lg"></i></span>
</div>
</div>
<div class="widget widget-post">
<h4>Recent Posts</h4>
<div class="small-border"></div>
<ul>
<li><span class="date">10 Jun</span><a href="#">6 Make Mobile Website Faster</a></li>
<li><span class="date">22 Jun</span><a href="#">Experts Web Design Tips</a></li>
<li><span class="date">20 Jun</span><a href="#">Importance Of Web Design</a></li>
<li><span class="date">12 Jun</span><a href="#">Avoid These Erros In UI Design</a></li>
</ul>
</div>
<div class="widget widget-text">
<h4>About Us</h4>
<div class="small-border"></div>
<p class="small no-bottom">
Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni
</p>
</div>
<div class="widget widget_tags">
<h4>Tags</h4>
<div class="small-border"></div>
<ul>
<li><a href="#link">Art</a></li>
<li><a href="#link">Application</a></li>
<li><a href="#link">Design</a></li>
<li><a href="#link">Entertainment</a></li>
<li><a href="#link">Internet</a></li>
<li><a href="#link">Marketing</a></li>
<li><a href="#link">Multipurpose</a></li>
<li><a href="#link">Music</a></li>
<li><a href="#link">Print</a></li>
<li><a href="#link">Programming</a></li>
<li><a href="#link">Responsive</a></li>
<li><a href="#link">Website</a></li>
</ul>
</div>
</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>
</body>
</html>