| Server IP : 144.76.79.100 / Your IP : 216.73.216.103 [ Web Server : Apache System : Linux ch05.wehostwebserver.com 5.14.0-611.5.1.el9_7.x86_64 #1 SMP PREEMPT_DYNAMIC Tue Nov 11 08:09:09 EST 2025 x86_64 User : razzlestore ( 1092) PHP Version : 8.2.29 Disable Function : NONE Domains : 343 Domains MySQL : OFF | cURL : ON | WGET : ON | Perl : ON | Python : OFF | Sudo : ON | Pkexec : ON Directory : /home/public_html/saloon/ |
Upload File : |
<!DOCTYPE html>
<html lang="en">
<head>
<title>NK SALOON | HOME</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<link href="https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Barlow+Condensed:500,600,700&display=swap" rel="stylesheet">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/5.0.2/css/bootstrap.min.css">
<link rel="stylesheet" href="css/open-iconic-bootstrap.min.css">
<link rel="stylesheet" href="css/animate.css">
<link rel="stylesheet" href="css/owl.carousel.min.css">
<link rel="stylesheet" href="css/owl.theme.default.min.css">
<link rel="stylesheet" href="css/magnific-popup.css">
<link rel="stylesheet" href="css/aos.css">
<link rel="stylesheet" href="css/ionicons.min.css">
<link rel="stylesheet" href="css/bootstrap-datepicker.css">
<link rel="stylesheet" href="css/jquery.timepicker.css">
<link rel="stylesheet" href="css/flaticon.css">
<link rel="stylesheet" href="css/icomoon.css">
<link rel="stylesheet" href="css/style.css">
</head>
<body>
<?php include 'header.php'?>
<!-- END nav -->
<section class="hero-wrap js-fullheight" style="background-image: url(img/img43.jpeg);" data-stellar-background-ratio="0.5">
<div class="overlay"></div>
<div class="container">
<div class="row no-gutters slider-text js-fullheight justify-content-center align-items-center">
<div class="col-lg-12 ftco-animate d-flex align-items-center">
<div class="text text-center">
<span class="subheading">Welcome to Haircare</span>
<h1 class="mb-4">We are professional care for your hair</h1>
<p><a href="#" class="btn btn-primary btn-outline-primary px-4 py-2">Book now</a></p>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="ftco-section ftco-no-pt ftco-no-pb">
<div class="container-fluid px-0">
<div class="row no-gutters">
<div class="col-md text-center d-flex align-items-stretch">
<div class="services-wrap d-flex align-items-center img" style="background-image: url(img/img\ \(16\).jpeg);">
<div class="text">
<h3>For Men</h3>
<p><a href="services.php#price" class="btn-custom">See pricing <span class="ion-ios-arrow-round-forward"></span></a></p>
</div>
</div>
</div>
<div class="col-md-3 text-center d-flex align-items-stretch">
<div class="text-about py-5 px-4">
<h1 class="logo">
<a href="#"><img src="images/logo.png" style="width:150px"> </a>
</h1>
<h2>Welcome to our Salon</h2>
<p>Welcome to our salon! We are a team of highly skilled and experienced beauty professionals dedicated to providing our clients with the best possible salon experience.</p>
<p class="mt-3"><a href="about.php" class="btn btn-primary btn-outline-primary">Read more</a></p>
</div>
</div>
<div class="col-md text-center d-flex align-items-stretch">
<div class="services-wrap d-flex align-items-center img" style="background-image: url(img/img\ \(26\).jpeg);">
<div class="text">
<h3>For Women</h3>
<p><a href="services.php#price" class="btn-custom">See pricing <span class="ion-ios-arrow-round-forward"></span></a></p>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="services-section ftco-section">
<div class="container">
<div class="row justify-content-center pb-3">
<div class="col-md-10 heading-section text-center ftco-animate">
<span class="subheading">Services</span>
<h2 class="mb-4">Services Menu</h2>
<p>Our services include haircuts, shaves, beard trims, and more</p>
</div>
</div>
<div class="row no-gutters d-flex">
<div class="col-md-6 col-lg-3 d-flex align-self-stretch ftco-animate">
<div class="media block-6 services d-block text-center">
<div class="icon"><span class="flaticon-male-hair-of-head-and-face-shapes"></span></div>
<div class="media-body">
<h3 class="heading mb-3">Haircut & Styling</h3>
<p> We use the latest techniques and high-quality products to ensure that you leave our salon looking and feeling your best.</p>
</div>
</div>
</div>
<div class="col-md-6 col-lg-3 d-flex align-self-stretch ftco-animate">
<div class="media block-6 services d-block text-center">
<div class="icon"><span class="flaticon-beard"></span></div>
<div class="media-body">
<h3 class="heading mb-3">Beard</h3>
<p>We offer a range of beard grooming services to help you keep your facial hair looking its best.</p>
</div>
</div>
</div>
<div class="col-md-6 col-lg-3 d-flex align-self-stretch ftco-animate">
<div class="media block-6 services d-block text-center">
<div class="icon"><span class="flaticon-beauty-products"></span></div>
<div class="media-body">
<h3 class="heading mb-3">Styling</h3>
<p>Our makeup artists are skilled in creating a wide range of looks to suit your unique style and preferences.</p>
</div>
</div>
</div>
<div class="col-md-6 col-lg-3 d-flex align-self-stretch ftco-animate">
<div class="media block-6 services d-block text-center">
<div class="icon"><span class="flaticon-healthy-lifestyle-logo"></span></div>
<div class="media-body">
<h3 class="heading mb-3">Body Treatment</h3>
<p>Our body treatment services are designed to help you relax, rejuvenate, and pamper yourself.</p>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="ftco-section ftco-booking bg-light">
<div class="container ftco-relative">
<div class="row justify-content-center pb-3">
<div class="col-md-10 heading-section text-center ftco-animate">
<span class="subheading">Booking</span>
<h2 class="mb-4">Make an Appointment</h2>
<p>Our online booking system is simple and convenient, allowing you to book an appointment anytime, anywhere.</p>
</div>
</div>
<h3 class="vr">Call Us: +92 316 2758679</h3>
<div class="row justify-content-center">
<div class="col-md-10 ftco-animate">
<form action="#" class="appointment-form">
<div class="row">
<div class="col-sm-6">
<div class="form-group">
<input type="text" class="form-control" id="appointment_name" placeholder="Name">
</div>
</div>
<div class="col-sm-6">
<div class="form-group">
<input type="text" class="form-control" id="appointment_email" placeholder="Email">
</div>
</div>
<div class="col-sm-6">
<div class="form-group">
<input type="text" class="form-control appointment_date" placeholder="Date">
</div>
</div>
<div class="col-sm-6">
<div class="form-group">
<input type="text" class="form-control appointment_time" placeholder="Time">
</div>
</div>
<div class="col-sm-6">
<div class="form-group">
<div class="select-wrap">
<div class="icon"><span class="ion-ios-arrow-down"></span></div>
<select name="" id="" class="form-control">
<option value="">Professional Makeup</option>
<option value="">Manicure Pedicure</option>
<option value="">Body Treatment</option>
<option value="">Haircut & Coloring</option>
</select>
</div>
</div>
</div>
<div class="col-sm-6">
<div class="form-group">
<input type="text" class="form-control" id="phone" placeholder="Phone">
</div>
</div>
<div class="col-md-12">
<div class="form-group">
<textarea name="" id="" cols="30" rows="7" class="form-control" placeholder="Message"></textarea>
</div>
</div>
</div>
<div class="form-group">
<input type="submit" value="Make an Appointment" class="btn btn-primary">
</div>
</form>
</div>
</div>
</div>
</section>
<section class="ftco-section ftco-team">
<div class="container-fluid px-md-5">
<div class="row justify-content-center pb-3">
<div class="col-md-10 heading-section text-center ftco-animate">
<span class="subheading">Artistic Director</span>
<h2 class="mb-4">Our Team</h2>
<p>Our team is made up of experienced hairstylists, makeup artists,<br> beard groomers, and body treatment specialists.</p>
</div>
</div>
<div class="row">
<div class="col-md-12 ftco-animate">
<div class="carousel-team owl-carousel">
<div class="item">
<a href="#" class="team text-center">
<div class="img" style="background-image: url(images/stylist-1.jpg);"></div>
<h2>Danica Lewis</h2>
<span class="position">Hair Stylist</span>
</a>
</div>
<div class="item">
<a href="#" class="team text-center">
<div class="img" style="background-image: url(images/stylist-2.jpg);"></div>
<h2>Nicole Simon</h2>
<span class="position">Nail Master</span>
</a>
</div>
<div class="item">
<a href="#" class="team text-center">
<div class="img" style="background-image: url('img/img (4).jpeg');"></div>
<h2>Noman</h2>
<span class="position">Owner</span>
</a>
</div>
<div class="item">
<a href="#" class="team text-center">
<div class="img" style="background-image: url(images/stylist-4.jpg);"></div>
<h2>Rachel Clinton</h2>
<span class="position">Hair Stylist</span>
</a>
</div>
<div class="item">
<a href="#" class="team text-center">
<div class="img" style="background-image: url(images/stylist-5.jpg);"></div>
<h2>Dave Buff</h2>
<span class="position">Barber</span>
</a>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="ftco-section ftco-no-pt ftco-no-pb">
<div class="container">
<div class="row no-gutters justify-content-center mb-5 pb-2">
<div class="col-md-6 text-center heading-section ftco-animate">
<span class="subheading">Gallery</span>
<h2 class="mb-4">Our gallery</h2>
<p> Our gallery features a range of services we offer, including haircuts, beard grooming, makeup, and body treatments.</p>
</div>
</div>
</div>
<div class="container-fluid p-0">
<div class="row no-gutters">
<div class="col-md-6 col-lg-3 ftco-animate">
<div class="project">
<img src="img/img (1).jpeg" class="img-fluid" alt="Colorlib Template">
<div class="text">
<span>Stylist</span>
<h3><a href="project.html">Beard</a></h3>
</div>
<a href="img/img (1).jpeg" class="icon image-popup d-flex justify-content-center align-items-center">
<span class="icon-expand"></span>
</a>
</div>
</div>
<div class="col-md-6 col-lg-3 ftco-animate">
<div class="project">
<img src="img/img (2).jpeg" class="img-fluid" alt="Colorlib Template">
<div class="text">
<span>Hair</span>
<h3><a href="project.html">Haircut</a></h3>
</div>
<a href="img/img (2).jpeg" class="icon image-popup d-flex justify-content-center align-items-center">
<span class="icon-expand"></span>
</a>
</div>
</div>
<div class="col-md-6 col-lg-3 ftco-animate">
<div class="project">
<img src="img/img (3).jpeg" class="img-fluid" alt="Colorlib Template">
<div class="text">
<span>Hair</span>
<h3><a href="project.html">Hairstylist</a></h3>
</div>
<a href="img/img (3).jpeg" class="icon image-popup d-flex justify-content-center align-items-center">
<span class="icon-expand"></span>
</a>
</div>
</div>
<div class="col-md-6 col-lg-3 ftco-animate">
<div class="project">
<img src="img/img (4).jpeg" class="img-fluid" alt="Colorlib Template">
<div class="text">
<span>Hair</span>
<h3><a href="project.html">Haircut</a></h3>
</div>
<a href="img/img (4).jpeg" class="icon image-popup d-flex justify-content-center align-items-center">
<span class="icon-expand"></span>
</a>
</div>
</div>
<div class="col-md-6 col-lg-3 ftco-animate">
<div class="project">
<img src="img/img (5).jpeg" class="img-fluid" alt="Colorlib Template">
<div class="text">
<span>Hair</span>
<h3><a href="project.html">Styling</a></h3>
</div>
<a href="img/img (5).jpeg" class="icon image-popup d-flex justify-content-center align-items-center">
<span class="icon-expand"></span>
</a>
</div>
</div>
<div class="col-md-6 col-lg-3 ftco-animate">
<div class="project">
<img src="img/img (6).jpeg" class="img-fluid" alt="Colorlib Template">
<div class="text">
<span>Fashion</span>
<h3><a href="project.html">Model</a></h3>
</div>
<a href="img/img (6).jpeg" class="icon image-popup d-flex justify-content-center align-items-center">
<span class="icon-expand"></span>
</a>
</div>
</div>
<div class="col-md-6 col-lg-3 ftco-animate">
<div class="project">
<img src="img/img (7).jpeg" class="img-fluid" alt="Colorlib Template">
<div class="text">
<span>Hair</span>
<h3><a href="project.html">Styling</a></h3>
</div>
<a href="img/img (7).jpeg" class="icon image-popup d-flex justify-content-center align-items-center">
<span class="icon-expand"></span>
</a>
</div>
</div>
<div class="col-md-6 col-lg-3 ftco-animate">
<div class="project">
<img src="img/img (8).jpeg" class="img-fluid" alt="Colorlib Template">
<div class="text">
<span>Hair</span>
<h3><a href="project.html">Styling</a></h3>
</div>
<a href="img/img (8).jpeg" class="icon image-popup d-flex justify-content-center align-items-center">
<span class="icon-expand"></span>
</a>
</div>
</div>
</div>
</div>
</section>
<style>
/*
CC 2.0 License Iatek LLC 2018
Attribution required
*/
@media (min-width: 768px) {
/* show 3 items */
.carousel-inner .active,
.carousel-inner .active + .carousel-item,
.carousel-inner .active + .carousel-item + .carousel-item {
display: block;
}
.carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left),
.carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left) + .carousel-item,
.carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left) + .carousel-item + .carousel-item {
transition: none;
margin-right: initial;
}
.carousel-inner .carousel-item-next,
.carousel-inner .carousel-item-prev {
position: relative;
transform: translate3d(0, 0, 0);
}
.carousel-inner .active.carousel-item + .carousel-item + .carousel-item + .carousel-item {
position: absolute;
top: 0;
right: -33.3333%;
z-index: -1;
display: block;
visibility: visible;
}
/* left or forward direction */
.active.carousel-item-left + .carousel-item-next.carousel-item-left,
.carousel-item-next.carousel-item-left + .carousel-item,
.carousel-item-next.carousel-item-left + .carousel-item + .carousel-item,
.carousel-item-next.carousel-item-left + .carousel-item + .carousel-item + .carousel-item {
position: relative;
transform: translate3d(-100%, 0, 0);
visibility: visible;
}
/* farthest right hidden item must be abso position for animations */
.carousel-inner .carousel-item-prev.carousel-item-right {
position: absolute;
top: 0;
left: 0;
z-index: -1;
display: block;
visibility: visible;
}
/* right or prev direction */
.active.carousel-item-right + .carousel-item-prev.carousel-item-right,
.carousel-item-prev.carousel-item-right + .carousel-item,
.carousel-item-prev.carousel-item-right + .carousel-item + .carousel-item,
.carousel-item-prev.carousel-item-right + .carousel-item + .carousel-item + .carousel-item {
position: relative;
transform: translate3d(100%, 0, 0);
visibility: visible;
display: block;
visibility: visible;
}
}
</style>
<section class="ftco-section ftco-pricing">
<div class="container">
<div class="row justify-content-center pb-3">
<div class="col-md-10 heading-section text-center ftco-animate">
<span class="subheading">Pricing</span>
<h2 class="mb-4">Our Packages</h2>
<p>We are committed to providing high-quality grooming services at affordable prices.</p>
</div>
</div>
<div class="container-fluid">
<!--<div id="carouselExample" class="carousel slide" data-ride="carousel" data-interval="9000">-->
<!-- <div class="carousel-inner row w-100 mxauto" role="listbox">-->
<!-- <div class="carousel-item col-md-4 active">-->
<!-- <img class="img-fluid mx-auto d-block" src="package/p1 (1).jpeg" alt="slide 1">-->
<!-- </div>-->
<!-- <div class="carousel-item col-md-4">-->
<!-- <img class="img-fluid mx-auto d-block" src="package/p1 (2).jpeg" alt="slide 1">-->
<!-- </div>-->
<!-- <div class="carousel-item col-md-4">-->
<!-- <img class="img-fluid mx-auto d-block" src="package/p1 (3).jpeg" alt="slide 1">-->
<!-- </div>-->
<!-- <div class="carousel-item col-md-4">-->
<!-- <img class="img-fluid mx-auto d-block" src="package/p1 (4).jpeg" alt="slide 1">-->
<!-- </div>-->
<!-- <div class="carousel-item col-md-4">-->
<!-- <img class="img-fluid mx-auto d-block" src="package/p1 (5).jpeg" alt="slide 1">-->
<!-- </div>-->
<!-- <div class="carousel-item col-md-4">-->
<!-- <img class="img-fluid mx-auto d-block" src="package/p1 (6).jpeg" alt="slide 1">-->
<!-- </div>-->
<!-- <div class="carousel-item col-md-4">-->
<!-- <img class="img-fluid mx-auto d-block" src="package/p1 (7).jpeg" alt="slide 1">-->
<!-- </div>-->
<!-- <div class="carousel-item col-md-4">-->
<!-- <img class="img-fluid mx-auto d-block" src="package/p1 (8).jpeg" alt="slide 1">-->
<!-- </div>-->
<!-- <div class="carousel-item col-md-4">-->
<!-- <img class="img-fluid mx-auto d-block" src="package/p1 (9).jpeg" alt="slide 1">-->
<!-- </div>-->
<!-- <div class="carousel-item col-md-4">-->
<!-- <img class="img-fluid mx-auto d-block" src="package/p1 (10).jpeg" alt="slide 1">-->
<!-- </div>-->
<!-- <div class="carousel-item col-md-4">-->
<!-- <img class="img-fluid mx-auto d-block" src="package/p1 (11).jpeg" alt="slide 1">-->
<!-- </div>-->
<!-- </div>-->
<!-- <a class="carousel-control-prev" href="#carouselExample" role="button" data-slide="prev">-->
<!-- <i class="fa fa-chevron-left fa-lg text-muted"></i>-->
<!-- <span class="sr-only">Previous</span>-->
<!-- </a>-->
<!-- <a class="carousel-control-next text-faded" href="#carouselExample" role="button" data-slide="next">-->
<!-- <i class="fa fa-chevron-right fa-lg text-muted"></i>-->
<!-- <span class="sr-only">Next</span>-->
<!-- </a>-->
<!--</div>-->
<style>
/* Add your existing CSS styles here */
/* Fullscreen modal styling */
.modal {
display: none;
position: fixed;
z-index: 9999;
padding-top: 20px;
left: 0;
top: 0;
width: 100%;
height: 100%;
overflow: auto;
background-color: rgba(0, 0, 0, 0.8);
}
.modal-content {
margin-top: 5% !important;
margin: auto;
display: block;
width: 100%;
max-width: 700px;
max-height: 80%;
}
.close {
z-index: 99;
color: #fff;
position: absolute;
top: 15px;
right: 35px;
font-size: 40px;
font-weight: bold;
transition: 0.3s;
}
.close:hover,
.close:focus {
color: #bbb;
text-decoration: none;
cursor: pointer;
}
</style>
<div id="carouselExample" class="carousel slide" data-ride="carousel" data-interval="3000">
<div class="carousel-inner row w-100 mx-auto" role="listbox">
<div class="carousel-item col-md-4 active">
<img class="img-fluid mx-auto d-block" src="package/p1 (1).jpeg" alt="slide 1" onclick="openFullScreen(this)">
</div>
<div class="carousel-item col-md-4">
<img class="img-fluid mx-auto d-block" src="package/p1 (2).jpeg" alt="slide 2" onclick="openFullScreen(this)">
</div>
<div class="carousel-item col-md-4">
<img class="img-fluid mx-auto d-block" src="package/p1 (4).jpeg" alt="slide 2" onclick="openFullScreen(this)">
</div>
<div class="carousel-item col-md-4">
<img class="img-fluid mx-auto d-block" src="package/p1 (3).jpeg" alt="slide 2" onclick="openFullScreen(this)">
</div>
<div class="carousel-item col-md-4">
<img class="img-fluid mx-auto d-block" src="package/p1 (5).jpeg" alt="slide 2" onclick="openFullScreen(this)">
</div>
<div class="carousel-item col-md-4">
<img class="img-fluid mx-auto d-block" src="package/p1 (6).jpeg" alt="slide 2" onclick="openFullScreen(this)">
</div>
<div class="carousel-item col-md-4">
<img class="img-fluid mx-auto d-block" src="package/p1 (7).jpeg" alt="slide 2" onclick="openFullScreen(this)">
</div>
<div class="carousel-item col-md-4">
<img class="img-fluid mx-auto d-block" src="package/p1 (8).jpeg" alt="slide 2" onclick="openFullScreen(this)">
</div>
<!-- <div class="carousel-item col-md-4">-->
<!-- <img class="img-fluid mx-auto d-block" src="package/p1 (9).jpeg" alt="slide 2" onclick="openFullScreen(this)">-->
<!--</div>-->
<div class="carousel-item col-md-4">
<img class="img-fluid mx-auto d-block" src="package/p1 (10).jpeg" alt="slide 2" onclick="openFullScreen(this)">
</div>
<div class="carousel-item col-md-4">
<img class="img-fluid mx-auto d-block" src="package/p1 (11).jpeg" alt="slide 2" onclick="openFullScreen(this)">
</div>
<!-- Add more carousel items -->
<!-- Fullscreen modal -->
<div id="fullscreenModal" class="modal">
<span class="close" onclick="closeFullScreen()">×</span>
<img class="modal-content" id="fullscreenImage">
</div>
</div>
<!-- Carousel controls -->
<a class="carousel-control-prev" href="#carouselExample" role="button" data-slide="prev">
<span class="carousel-control-icon">
<i class="fa fa-chevron-left"></i>
</span>
<span class="sr-only">Previous</span>
</a>
<a class="carousel-control-next" href="#carouselExample" role="button" data-slide="next">
<span class="carousel-control-icon">
<i class="fa fa-chevron-right"></i>
</span>
<span class="sr-only">Next</span>
</a>
</div>
</div>
</section>
<script>
// Open the image in fullscreen mode
function openFullScreen(image) {
// Get the modal element
var modal = document.getElementById("fullscreenModal");
// Set the source of the image in the modal
var modalImage = document.getElementById("fullscreenImage");
modalImage.src = image.src;
// Display the modal
modal.style.display = "block";
// Add click event listener to close the fullscreen modal when clicking on the image
modalImage.addEventListener("click", closeFullScreen);
}
// Close the fullscreen mode
function closeFullScreen() {
// Get the modal element
var modal = document.getElementById("fullscreenModal");
// Hide the modal
modal.style.display = "none";
// Remove the click event listener from the image
var modalImage = document.getElementById("fullscreenImage");
modalImage.removeEventListener("click", closeFullScreen);
}
// Loop the carousel slide
function loopCarousel() {
var carouselItems = document.querySelectorAll(".carousel-item");
var activeItem = document.querySelector(".carousel-item.active");
var index = Array.from(carouselItems).indexOf(activeItem);
var nextIndex = (index + 1) % carouselItems.length;
activeItem.classList.remove("active");
carouselItems[nextIndex].classList.add("active");
}
// Auto loop the carousel slide
setInterval(loopCarousel, 5000);
</script>
<section class="testimony-section bg-light">
<div class="container">
<div class="row ftco-animate justify-content-center">
<div class="col-md-6 col-lg-5 d-flex">
<div class="testimony-img" style="background-image: url(img/img\ \(16\).jpeg);"></div>
</div>
<div class="col-md-6 col-lg-7 py-5 pl-md-5">
<div class="py-md-5">
<div class="heading-section ftco-animate">
<span class="subheading">Testimony</span>
<h2 class="mb-0">Happy Customer</h2>
</div>
<div class="carousel-testimony owl-carousel ftco-animate">
<div class="item">
<div class="testimony-wrap pb-4">
<div class="text">
<p class="mb-4">I had a fantastic experience at this salon. The staff was professional, friendly, and knowledgeable.</p>
</div>
<div class="d-flex">
<div class="user-img" style="background-image: url(images/stylist-1.jpg)">
</div>
<div class="pos ml-3">
<p class="name">Jeff Nucci</p>
<span class="position">Businessman</span>
</div>
</div>
</div>
</div>
<div class="item">
<div class="testimony-wrap pb-4">
<div class="text">
<p class="mb-4">They listened to my needs and delivered exactly what I wanted.</p>
</div>
<div class="d-flex">
<div class="user-img" style="background-image: url(images/stylist-2.jpg)">
</div>
<div class="pos ml-3">
<p class="name">Jeff Nucci</p>
<span class="position">Businessman</span>
</div>
</div>
</div>
</div>
<div class="item">
<div class="testimony-wrap pb-4">
<div class="text">
<p class="mb-4">I highly recommend this salon to anyone looking for high-quality grooming services.</p>
</div>
<div class="d-flex">
<div class="user-img" style="background-image: url(images/stylist-3.jpg)">
</div>
<div class="pos ml-3">
<p class="name">Jeff Nucci</p>
<span class="position">Businessman</span>
</div>
</div>
</div>
</div>
<div class="item">
<div class="testimony-wrap pb-4">
<div class="text">
<p class="mb-4">I recently visited this salon for a body treatment, and it was amazing!</p>
</div>
<div class="d-flex">
<div class="user-img" style="background-image: url(images/stylist-4.jpg)">
</div>
<div class="pos ml-3">
<p class="name">Jeff Nucci</p>
<span class="position">Businessman</span>
</div>
</div>
</div>
</div>
<div class="item">
<div class="testimony-wrap pb-4">
<div class="text">
<p class="mb-4">The specialist was knowledgeable and professional, and the treatment left me feeling relaxed and rejuvenated.</p>
</div>
<div class="d-flex">
<div class="user-img" style="background-image: url(images/stylist-5.jpg)">
</div>
<div class="pos ml-3">
<p class="name">Jeff Nucci</p>
<span class="position">Businessman</span>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<?php include 'footer.php'?>
<!-- loader -->
<div id="ftco-loader" class="show fullscreen"><svg class="circular" width="48px" height="48px"><circle class="path-bg" cx="24" cy="24" r="22" fill="none" stroke-width="4" stroke="#eeeeee"/><circle class="path" cx="24" cy="24" r="22" fill="none" stroke-width="4" stroke-miterlimit="10" stroke="#F96D00"/></svg></div>
<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/5.0.2/js/bootstrap.bundle.min.js"></script>
<script src="js/jquery.min.js"></script>
<script src="js/jquery-migrate-3.0.1.min.js"></script>
<script src="js/popper.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/jquery.easing.1.3.js"></script>
<script src="js/jquery.waypoints.min.js"></script>
<script src="js/jquery.stellar.min.js"></script>
<script src="js/owl.carousel.min.js"></script>
<script src="js/jquery.magnific-popup.min.js"></script>
<script src="js/aos.js"></script>
<script src="js/jquery.animateNumber.min.js"></script>
<script src="js/bootstrap-datepicker.js"></script>
<script src="js/jquery.timepicker.min.js"></script>
<script src="js/scrollax.min.js"></script>
<script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyBVWaKrjvy3MaE7SQ74_uJiULgl1JY0H2s&sensor=false"></script>
<script src="js/google-map.js"></script>
<script src="js/main.js"></script>
</body>
</html>