<!doctype html>
<html class="no-js" lang="zxx">

<head>
<meta charset="utf-8">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<title>Rasm - Nail Salon & Spa Beauty Care - Home One</title>
<meta name="author" content="Angfuzsoft">
<meta name="description" content="Rasm - Nail Salon & Spa Beauty Care">
<meta name="keywords" content="Rasm - Nail Salon & Spa Beauty Care">
<meta name="robots" content="INDEX,FOLLOW">
<meta name="viewport" content="width=device-width,initial-scale=1,shrink-to-fit=no">
<link rel="apple-touch-icon" sizes="57x57" href="assets/img/favicons/apple-icon-57x57.png">
<link rel="apple-touch-icon" sizes="60x60" href="assets/img/favicons/apple-icon-60x60.png">
<link rel="apple-touch-icon" sizes="72x72" href="assets/img/favicons/apple-icon-72x72.png">
<link rel="apple-touch-icon" sizes="76x76" href="assets/img/favicons/apple-icon-76x76.png">
<link rel="apple-touch-icon" sizes="114x114" href="assets/img/favicons/apple-icon-114x114.png">
<link rel="apple-touch-icon" sizes="120x120" href="assets/img/favicons/apple-icon-120x120.png">
<link rel="apple-touch-icon" sizes="144x144" href="assets/img/favicons/apple-icon-144x144.png">
<link rel="apple-touch-icon" sizes="152x152" href="assets/img/favicons/apple-icon-152x152.png">
<link rel="apple-touch-icon" sizes="180x180" href="assets/img/favicons/apple-icon-180x180.png">
<link rel="icon" type="image/png" sizes="192x192" href="assets/img/favicons/android-icon-192x192.png">
<link rel="icon" type="image/png" sizes="32x32" href="assets/img/favicons/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="96x96" href="assets/img/favicons/favicon-96x96.png">
<link rel="icon" type="image/png" sizes="16x16" href="assets/img/favicons/favicon-16x16.png">
<link rel="manifest" href="assets/img/favicons/manifest.json">
<meta name="msapplication-TileColor" content="#ffffff">
<meta name="msapplication-TileImage" content="assets/img/favicons/ms-icon-144x144.png">
<meta name="theme-color" content="#ffffff">
<link rel="preconnect" href="https://fonts.googleapis.com/">
<link rel="preconnect" href="https://fonts.gstatic.com/" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@400;500;600;700&amp;family=DM+Sans:wght@400;500;700&amp;display=swap" rel="stylesheet">
<link rel="stylesheet" href="assets/css/bootstrap.min.css">
<link rel="stylesheet" href="assets/css/fontawesome.min.css">
<link rel="stylesheet" href="assets/css/magnific-popup.min.css">
<link rel="stylesheet" href="assets/css/slick.min.css">
<link rel="stylesheet" href="assets/css/odometer-theme-default.css">
<link rel="stylesheet" href="assets/css/jquery.flipster.min.css">
<link rel="stylesheet" href="assets/css/jquery.datetimepicker.min.css">
<link rel="stylesheet" href="assets/css/style.css">
</head>
<body>
<div class="preloader">
  <button class="th-btn style3 preloaderCls">Cancel Preloader</button>
  <div class="preloader-inner"><img src="assets/img/logo.svg" alt="Rasm"> <span class="loader"></span></div>
</div>
<div class="color-scheme-wrap active">
  <button class="switchIcon"><i class="fa-solid fa-palette"></i></button>
  <h4 class="color-scheme-wrap-title"><i class="far fa-palette"></i>STYLE SWITCHER</h4>
  <div class="color-switch-btns">
    <button data-color="#6240CF"><i class="fa-solid fa-droplet"></i></button>
    <button data-color="#f72b1c"><i class="fa-solid fa-droplet"></i></button>
    <button data-color="#72b626"><i class="fa-solid fa-droplet"></i></button>
    <button data-color="#8a2be2"><i class="fa-solid fa-droplet"></i></button>
    <button data-color="#daa520"><i class="fa-solid fa-droplet"></i></button>
    <button data-color="#ee6192"><i class="fa-solid fa-droplet"></i></button>
    <button data-color="#fa5b0f"><i class="fa-solid fa-droplet"></i></button>
    <button data-color="#9acd32"><i class="fa-solid fa-droplet"></i></button>
    <button data-color="#ffb400"><i class="fa-solid fa-droplet"></i></button>
    <button data-color="#6957af"><i class="fa-solid fa-droplet"></i></button>
  </div>
  <a href="https://themeforest.net/item/rasm-beauty-spa-care-nail-salon-html-template/47411022" class="th-btn text-center"><i class="fa fa-shopping-cart me-2"></i> Purchase</a></div>
<div class="th-menu-wrapper">
  <div class="th-menu-area">
    <div class="mobile-logo"><a href="index.html"><img src="assets/img/logo.svg" alt="Rasm"></a>
      <div class="close-menu">
        <button class="th-menu-toggle"><i class="fal fa-times"></i></button>
      </div>
    </div>
    <div class="th-mobile-menu">
      <ul>
        <li class="menu-item-has-children"><a href="index.html">Home</a>
          <ul class="sub-menu">
            <li class="menu-item-has-children"><a href="#">Multipage</a>
              <ul class="sub-menu">
                <li><a href="index.html">Spa Message Parlor</a></li>
                <li><a href="home-nail-stylist.html">Nail Stylist</a></li>
                <li><a href="home-hair-salon.html">Hair Salon</a></li>
                <li><a href="home-beauty-salon.html">Beauty Salon</a></li>
                <li><a href="home-skin-care.html">Skin Care</a></li>
                <li><a href="home-plastic-surgery.html">Plastic Surgery</a></li>
                <li><a href="home-cosmetic-surgery.html">Cosmetic Surgery</a></li>
                <li><a href="home-wellness-spa.html">Wellness spa</a></li>
                <li><a href="home-massage-parlours.html">Massage Parlours</a></li>
                <li><a href="home-reservation-appointment.html">Reservation & Appointment</a></li>
                <li><a href="home-cosmetics-shop.html">Cosmetics Shop</a></li>
              </ul>
            </li>
            <li class="menu-item-has-children"><a href="#">Onepage</a>
              <ul class="sub-menu">
                <li><a href="index-onepage.html">Spa Message Parlor Onepage</a></li>
                <li><a href="index-2-onepage.html">Nail Stylist Onepage</a></li>
                <li><a href="index-3-onepage.html">Hair Salon Onepage</a></li>
                <li><a href="index-4-onepage.html">Beauty Salon Onepage</a></li>
                <li><a href="index-5-onepage.html">Skin Care Onepage</a></li>
                <li><a href="index-6-onepage.html">Plastic Surgery Onepage</a></li>
                <li><a href="index-7-onepage.html">Cosmetic Surgery Onepage</a></li>
                <li><a href="index-8-onepage.html">Wellness spa Onepage</a></li>
                <li><a href="index-9-onepage.html">Massage Parlours Onepage</a></li>
                <li><a href="index-10-onepage.html">Reservation & Appointment Onepage</a></li>
                <li><a href="index-11-onepage.html">Cosmetics Shop</a></li>
              </ul>
            </li>
          </ul>
        </li>
        <li class="menu-item-has-children"><a href="#">About us</a>
          <ul class="sub-menu">
            <li><a href="about.html">About One Spa & Nail</a></li>
            <li><a href="about-2.html">About Two Salon & Wellness</a></li>
          </ul>
        </li>
        <li class="menu-item-has-children"><a href="#">Services</a>
          <ul class="sub-menu">
            <li><a href="service.html">Services One Spa & Nail</a></li>
            <li><a href="service-2.html">Services Two Salon & Wellness</a></li>
            <li><a href="service-details.html">Services Details</a></li>
          </ul>
        </li>
        <li class="menu-item-has-children mega-menu-wrap"><a href="#">Pages</a>
          <ul class="mega-menu">
            <li><a href="shop.html">Pagelist 1</a>
              <ul>
                <li><a href="index.html">Spa Message Parlor</a></li>
                <li><a href="home-nail-stylist.html">Nail Stylist</a></li>
                <li><a href="home-hair-salon.html">Hair Salon</a></li>
                <li><a href="home-beauty-salon-2.html">Beauty Salon</a></li>
                <li><a href="home-skin-care.html">Skin Care</a></li>
                <li><a href="home-plastic-surgery.html">Plastic Surgery</a></li>
                <li><a href="home-cosmetic-surgery.html">Cosmetic Surgery</a></li>
                <li><a href="home-massage-parlours.html">Massage Parlours</a></li>
              </ul>
            </li>
            <li><a href="#">Pagelist 2</a>
              <ul>
                <li><a href="about.html">About One Spa & Nail</a></li>
                <li><a href="about-2.html">About Two Salon & Wellness</a></li>
                <li><a href="service.html">Services One Spa & Nail</a></li>
                <li><a href="service-2.html">Services Two Salon & Wellness</a></li>
                <li><a href="service-details.html">Services Details</a></li>
              </ul>
            </li>
            <li><a href="#">Pagelist 3</a>
              <ul>
                <li><a href="appointment.html">Appointment</a></li>
                <li><a href="team.html">Team</a></li>
                <li><a href="team-details.html">Team Details</a></li>
                <li><a href="blog.html">Blog</a></li>
                <li><a href="blog-details.html">Blog Details</a></li>
              </ul>
            </li>
            <li><a href="#">Pagelist 4</a>
              <ul>
                <li><a href="gallery.html">Photo Gallery</a></li>
                <li><a href="price.html">Price Table</a></li>
                <li><a href="faq.html">FAQ</a></li>
                <li><a href="contact.html">Contact Us</a></li>
                <li><a href="error.html">Error Page</a></li>
              </ul>
            </li>
          </ul>
        </li>
        <li class="menu-item-has-children"><a href="#">Shop</a>
          <ul class="sub-menu">
            <li><a href="shop.html">Shop</a></li>
            <li><a href="shop-details.html">Shop Details</a></li>
            <li><a href="cart.html">Cart Page</a></li>
            <li><a href="checkout.html">Checkout</a></li>
            <li><a href="wishlist.html">Wishlist</a></li>
          </ul>
        </li>
        <li class="menu-item-has-children"><a href="#">Blog</a>
          <ul class="sub-menu">
            <li><a href="#">Blog Layout</a>
              <ul class="sub-menu">
                <li><a href="blog-grid-2-columns.html">Blog Grid 02 Columns</a></li>
                <li><a href="blog-grid-3-columns.html">Blog Grid 03 Columns</a></li>
                <li><a href="blog-list.html">Blog List</a></li>
              </ul>
            </li>
            <li><a href="blog.html">Blog Sidebar</a>
              <ul class="sub-menu">
                <li><a href="blog-left-sidebar.html">Blog Left Sidebar</a></li>
                <li><a href="blog-right-sidebar.html">Blog Right Sidebar</a></li>
                <li><a href="blog.html">Blog No Sidebar</a></li>
              </ul>
            </li>
            <li><a href="blog-details.html">Blog Details</a></li>
          </ul>
        </li>
        <li><a href="contact.html">Contact Us</a></li>
      </ul>
    </div>
  </div>
</div>
<div class="sidemenu-wrapper shopping-cart d-none d-lg-block">
  <div class="sidemenu-content">
    <button class="closeButton sideMenuCls"><i class="far fa-times"></i></button>
    <div class="widget woocommerce widget_shopping_cart">
      <h3 class="widget_title">Shopping cart</h3>
      <div class="widget_shopping_cart_content">
        <ul class="woocommerce-mini-cart cart_list product_list_widget">
          <li class="woocommerce-mini-cart-item mini_cart_item"><a href="#" class="remove remove_from_cart_button"><i class="far fa-times"></i></a> <a href="#"><img src="assets/img/product/product_thumb_1_1.jpg" alt="Cart Image">OPI Nail Polish</a> <span class="quantity">1 × <span class="woocommerce-Price-amount amount"><span class="woocommerce-Price-currencySymbol">$</span>94</span>,</span></li>
          <li class="woocommerce-mini-cart-item mini_cart_item"><a href="#" class="remove remove_from_cart_button"><i class="far fa-times"></i></a> <a href="#"><img src="assets/img/product/product_thumb_1_2.jpg" alt="Cart Image">Sunscreen Lotion</a> <span class="quantity">1 × <span class="woocommerce-Price-amount amount"><span class="woocommerce-Price-currencySymbol">$</span>89</span></span></li>
          <li class="woocommerce-mini-cart-item mini_cart_item"><a href="#" class="remove remove_from_cart_button"><i class="far fa-times"></i></a> <a href="#"><img src="assets/img/product/product_thumb_1_3.jpg" alt="Cart Image">Wholesale Liquid</a> <span class="quantity">1 × <span class="woocommerce-Price-amount amount"><span class="woocommerce-Price-currencySymbol">$</span>75</span></span></li>
          <li class="woocommerce-mini-cart-item mini_cart_item"><a href="#" class="remove remove_from_cart_button"><i class="far fa-times"></i></a> <a href="#"><img src="assets/img/product/product_thumb_1_4.jpg" alt="Cart Image">Hair Dryers</a> <span class="quantity">1 × <span class="woocommerce-Price-amount amount"><span class="woocommerce-Price-currencySymbol">$</span>72</span></span></li>
          <li class="woocommerce-mini-cart-item mini_cart_item"><a href="#" class="remove remove_from_cart_button"><i class="far fa-times"></i></a> <a href="#"><img src="assets/img/product/product_thumb_1_5.jpg" alt="Cart Image">Argan Hair oil</a> <span class="quantity">1 × <span class="woocommerce-Price-amount amount"><span class="woocommerce-Price-currencySymbol">$</span>81</span></span></li>
        </ul>
        <p class="woocommerce-mini-cart__total total"><strong>Subtotal:</strong> <span class="woocommerce-Price-amount amount"><span class="woocommerce-Price-currencySymbol">$</span>43</span></p>
        <p class="woocommerce-mini-cart__buttons buttons"><a href="cart.html" class="th-btn wc-forward">View cart</a> <a href="checkout.html" class="th-btn checkout wc-forward">Checkout</a></p>
      </div>
    </div>
  </div>
</div>
<div class="sidemenu-wrapper d-none d-lg-block">
  <div class="sidemenu-content bg-black2">
    <button class="closeButton sideMenuCls"><i class="far fa-times"></i></button>
    <div class="widget footer-widget">
      <div class="th-widget-about">
        <div class="about-logo"><a href="index.html"><img src="assets/img/logo-white.svg" alt="Rasm"></a></div>
        <p class="about-text">Centric applications productize front end portals visualize front end is results and value added</p>
        <div class="working-time"><span class="title">We Are Available:</span>
          <p class="desc">Mon-Sat: 08.00 am to 5.00 pm</p>
        </div>
        <div class="th-social footer-social"><a href="https://www.facebook.com/"><i class="fab fa-facebook-f"></i></a> <a href="https://www.twitter.com/"><i class="fab fa-twitter"></i></a> <a href="https://www.linkedin.com/"><i class="fab fa-linkedin-in"></i></a> <a href="https://www.behance.net/"><i class="fa-brands fa-behance"></i></a></div>
      </div>
    </div>
    <div class="widget footer-widget">
      <h3 class="widget_title">Recent Posts</h3>
      <div class="recent-post-wrap">
        <div class="recent-post">
          <div class="media-img"><a href="blog-details.html"><img src="assets/img/blog/recent-post-2-1.jpg" alt="Blog Image"></a></div>
          <div class="media-body">
            <h4 class="post-title"><a class="text-inherit" href="blog-details.html">Local residents and a few celebrities, too</a></h4>
            <div class="recent-post-meta"><a href="blog.html"><i class="fal fa-calendar-days"></i>19 June, 2024</a></div>
          </div>
        </div>
        <div class="recent-post">
          <div class="media-img"><a href="blog-details.html"><img src="assets/img/blog/recent-post-2-2.jpg" alt="Blog Image"></a></div>
          <div class="media-body">
            <h4 class="post-title"><a class="text-inherit" href="blog-details.html">Local residents and a few celebrities, too</a></h4>
            <div class="recent-post-meta"><a href="blog.html"><i class="fal fa-calendar-days"></i>22 June, 2024</a></div>
          </div>
        </div>
      </div>
    </div>
    <div class="widget footer-widget">
      <h4 class="widget_title">Newsletter</h4>
      <div class="newsletter-widget">
        <p class="md-10">Sign Up to get updates & news about us . Get Latest Deals from Walker's Inbox to our mail address.</p>
        <div class="footer-search-contact mt-25">
          <form>
            <input class="form-control" type="email" placeholder="Enter your email">
          </form>
          <div class="footer-btn mt-10">
            <button type="submit" class="th-btn style3 fw-btn">Subscribe Now <i class="fa-regular fa-arrow-right"></i></button>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
<div class="popup-search-box d-none d-lg-block">
  <button class="searchClose"><i class="fal fa-times"></i></button>
  <form action="#">
    <input type="text" placeholder="What are you looking for?">
    <button type="submit"><i class="fal fa-search"></i></button>
  </form>
</div>
<header class="th-header header-layout1">
  <div class="header-top">
    <div class="container th-container">
      <div class="row justify-content-end justify-content-lg-between align-items-center gy-2">
        <div class="col-auto d-none d-lg-block">
          <div class="header-links">
            <ul>
              <li><i class="far fa-phone"></i><a href="tel:+256214203215">+256 214 203 215</a></li>
              <li><i class="far fa-envelope"></i><a href="mailto:info@rasm.com">info@rasm.com</a></li>
              <li><i class="fa-light fa-clock"></i>Mon - Sat: 8 AM - 15 PM Sunday Off</li>
            </ul>
          </div>
        </div>
        <div class="col-auto">
          <div class="social-links"><span class="social-title">Follow Us:</span> <a href="https://www.facebook.com/"><i class="fab fa-facebook-f"></i></a> <a href="https://www.twitter.com/"><i class="fab fa-twitter"></i></a> <a href="https://www.linkedin.com/"><i class="fab fa-linkedin-in"></i> </a><a href="https://www.youtube.com/"><i class="fab fa-youtube"></i> </a><a href="https://www.skype.com/"><i class="fa-brands fa-skype"></i></a></div>
        </div>
      </div>
    </div>
  </div>
  <div class="sticky-wrapper">
    <div class="menu-area">
      <div class="container th-container">
        <div class="row align-items-center justify-content-between">
          <div class="col-auto">
            <div class="header-logo"><a href="index.html"><img src="assets/img/logo.svg" alt="Rasm"></a></div>
          </div>
          <div class="col-auto me-xl-auto">
            <nav class="main-menu d-none d-lg-inline-block">
              <ul>
                <li class="menu-item-has-children"><a href="index.html">Home</a>
                  <ul class="sub-menu">
                    <li class="menu-item-has-children"><a href="#">Multipage</a>
                      <ul class="sub-menu">
                        <li><a href="index.html">Spa Message Parlor</a></li>
                        <li><a href="home-nail-stylist.html">Nail Stylist</a></li>
                        <li><a href="home-hair-salon.html">Hair Salon</a></li>
                        <li><a href="home-beauty-salon.html">Beauty Salon</a></li>
                        <li><a href="home-skin-care.html">Skin Care</a></li>
                        <li><a href="home-plastic-surgery.html">Plastic Surgery</a></li>
                        <li><a href="home-cosmetic-surgery.html">Cosmetic Surgery</a></li>
                        <li><a href="home-wellness-spa.html">Wellness spa</a></li>
                        <li><a href="home-massage-parlours.html">Massage Parlours</a></li>
                        <li><a href="home-reservation-appointment.html">Reservation & Appointment</a></li>
                        <li><a href="home-cosmetics-shop.html">Cosmetics Shop</a></li>
                      </ul>
                    </li>
                    <li class="menu-item-has-children"><a href="#">Onepage</a>
                      <ul class="sub-menu">
                        <li><a href="index-onepage.html">Spa Message Parlor Onepage</a></li>
                        <li><a href="index-2-onepage.html">Nail Stylist Onepage</a></li>
                        <li><a href="index-3-onepage.html">Hair Salon Onepage</a></li>
                        <li><a href="index-4-onepage.html">Beauty Salon Onepage</a></li>
                        <li><a href="index-5-onepage.html">Skin Care Onepage</a></li>
                        <li><a href="index-6-onepage.html">Plastic Surgery Onepage</a></li>
                        <li><a href="index-7-onepage.html">Cosmetic Surgery Onepage</a></li>
                        <li><a href="index-8-onepage.html">Wellness spa Onepage</a></li>
                        <li><a href="index-9-onepage.html">Massage Parlours Onepage</a></li>
                        <li><a href="index-10-onepage.html">Reservation & Appointment Onepage</a></li>
                        <li><a href="index-11-onepage.html">Cosmetics Shop</a></li>
                      </ul>
                    </li>
                  </ul>
                </li>
                <li class="menu-item-has-children"><a href="#">About us</a>
                  <ul class="sub-menu">
                    <li><a href="about.html">About One Spa & Nail</a></li>
                    <li><a href="about-2.html">About Two Salon & Wellness</a></li>
                  </ul>
                </li>
                <li class="menu-item-has-children"><a href="#">Services</a>
                  <ul class="sub-menu">
                    <li><a href="service.html">Services One Spa & Nail</a></li>
                    <li><a href="service-2.html">Services Two Salon & Wellness</a></li>
                    <li><a href="service-details.html">Services Details</a></li>
                  </ul>
                </li>
                <li class="menu-item-has-children mega-menu-wrap"><a href="#">Pages</a>
                  <ul class="mega-menu">
                    <li><a href="shop.html">Pagelist 1</a>
                      <ul>
                        <li><a href="index.html">Spa Message Parlor</a></li>
                        <li><a href="home-nail-stylist.html">Nail Stylist</a></li>
                        <li><a href="home-hair-salon.html">Hair Salon</a></li>
                        <li><a href="home-beauty-salon-2.html">Beauty Salon</a></li>
                        <li><a href="home-skin-care.html">Skin Care</a></li>
                        <li><a href="home-plastic-surgery.html">Plastic Surgery</a></li>
                        <li><a href="home-cosmetic-surgery.html">Cosmetic Surgery</a></li>
                        <li><a href="home-massage-parlours.html">Massage Parlours</a></li>
                      </ul>
                    </li>
                    <li><a href="#">Pagelist 2</a>
                      <ul>
                        <li><a href="about.html">About One Spa & Nail</a></li>
                        <li><a href="about-2.html">About Two Salon & Wellness</a></li>
                        <li><a href="service.html">Services One Spa & Nail</a></li>
                        <li><a href="service-2.html">Services Two Salon & Wellness</a></li>
                        <li><a href="service-details.html">Services Details</a></li>
                      </ul>
                    </li>
                    <li><a href="#">Pagelist 3</a>
                      <ul>
                        <li><a href="appointment.html">Appointment</a></li>
                        <li><a href="team.html">Team</a></li>
                        <li><a href="team-details.html">Team Details</a></li>
                        <li><a href="blog.html">Blog</a></li>
                        <li><a href="blog-details.html">Blog Details</a></li>
                      </ul>
                    </li>
                    <li><a href="#">Pagelist 4</a>
                      <ul>
                        <li><a href="gallery.html">Photo Gallery</a></li>
                        <li><a href="price.html">Price Table</a></li>
                        <li><a href="faq.html">FAQ</a></li>
                        <li><a href="contact.html">Contact Us</a></li>
                        <li><a href="error.html">Error Page</a></li>
                      </ul>
                    </li>
                  </ul>
                </li>
                <li class="menu-item-has-children"><a href="#">Shop</a>
                  <ul class="sub-menu">
                    <li><a href="shop.html">Shop</a></li>
                    <li><a href="shop-details.html">Shop Details</a></li>
                    <li><a href="cart.html">Cart Page</a></li>
                    <li><a href="checkout.html">Checkout</a></li>
                    <li><a href="wishlist.html">Wishlist</a></li>
                  </ul>
                </li>
                <li class="menu-item-has-children"><a href="#">Blog</a>
                  <ul class="sub-menu">
                    <li><a href="#">Blog Layout</a>
                      <ul class="sub-menu">
                        <li><a href="blog-grid-2-columns.html">Blog Grid 02 Columns</a></li>
                        <li><a href="blog-grid-3-columns.html">Blog Grid 03 Columns</a></li>
                        <li><a href="blog-list.html">Blog List</a></li>
                      </ul>
                    </li>
                    <li><a href="blog.html">Blog Sidebar</a>
                      <ul class="sub-menu">
                        <li><a href="blog-left-sidebar.html">Blog Left Sidebar</a></li>
                        <li><a href="blog-right-sidebar.html">Blog Right Sidebar</a></li>
                        <li><a href="blog.html">Blog No Sidebar</a></li>
                      </ul>
                    </li>
                    <li><a href="blog-details.html">Blog Details</a></li>
                  </ul>
                </li>
                <li><a href="contact.html">Contact Us</a></li>
              </ul>
            </nav>
            <button class="th-menu-toggle d-inline-block d-lg-none"><i class="far fa-bars"></i></button>
          </div>
          <div class="col-auto d-none d-xl-block">
            <div class="header-button">
              <button type="button" class="icon-btn searchBoxToggler"><i class="far fa-search"></i></button>
              <a href="#" class="icon-btn sideMenuToggler2"><i class="fa-light fa-cart-shopping"></i> <span class="badge">5</span></a> <a href="#" class="icon-btn sideMenuToggler"><i class="fa-light fa-grid"></i></a> <a href="appointment.html" class="th-btn">Appointment Now<i class="fa-regular fa-arrow-right ms-2"></i></a></div>
          </div>
        </div>
      </div>
      <div class="logo-bg"></div>
    </div>
  </div>
</header>
<section class="th-hero-wrapper hero-1" id="hero" data-bg-src="assets/img/bg/hero_bg_shape.png">
  <div class="hero-slider-1 th-carousel" data-fade="true" data-slide-show="1" data-md-slide-show="1" data-arrows="true" data-xl-arrows="true" data-ml-arrows="true" data-lg-arrows="true">
    <div class="th-hero-slide">
      <div class="container">
        <div class="row align-items-end">
          <div class="col-lg-6 col-xl-7">
            <div class="hero-style1"><span class="sub-title" data-ani="slideindown" data-ani-delay="0.2s"><img src="assets/img/theme-img/title_left.svg" alt="shape">Best Spa Massages Parlor</span>
              <h1 class="hero-title" data-ani="slideindown" data-ani-delay="0.3s">Elevate Your Body And Mind With Our Spa Massages</h1>
              <div class="btn-group justify-content-center justify-content-lg-start" data-ani="slideindown" data-ani-delay="0.4s"><a href="service.html" class="th-btn">Explore Services<i class="fa-regular fa-arrow-right ms-2"></i></a></div>
            </div>
          </div>
          <div class="col-lg-6 col-xl-5">
            <div class="th-hero-img" data-ani="slideinup" data-ani-delay="0.2s"><img src="assets/img/hero/hero_bg_1_1.png" alt="">
              <div class="th-hero-shape" data-ani="slideinright" data-ani-delay="0.4s"></div>
              <div class="th-hero-shape2" data-ani="slideinright" data-ani-delay="0.7s"></div>
            </div>
          </div>
        </div>
      </div>
    </div>
    <div class="th-hero-slide">
      <div class="container">
        <div class="row align-items-end">
          <div class="col-lg-6 col-xl-7">
            <div class="hero-style1"><span class="sub-title" data-ani="slideindown" data-ani-delay="0.2s"><img src="assets/img/theme-img/title_left.svg" alt="shape">Welcome Spa Massages Parlor</span>
              <h1 class="hero-title" data-ani="slideindown" data-ani-delay="0.3s">Spa massages offer relaxation and stress various</h1>
              <div class="btn-group justify-content-center justify-content-lg-start" data-ani="slideindown" data-ani-delay="0.4s"><a href="service.html" class="th-btn">Explore Services<i class="fa-regular fa-arrow-right ms-2"></i></a></div>
            </div>
          </div>
          <div class="col-lg-6 col-xl-5">
            <div class="th-hero-img" data-ani="slideinup" data-ani-delay="0.2s"><img src="assets/img/hero/hero_bg_1_2.png" alt="">
              <div class="th-hero-shape" data-ani="slideinright" data-ani-delay="0.4s"></div>
              <div class="th-hero-shape2" data-ani="slideinright" data-ani-delay="0.7s"></div>
            </div>
          </div>
        </div>
      </div>
    </div>
    <div class="th-hero-slide">
      <div class="container">
        <div class="row align-items-end">
          <div class="col-lg-6 col-xl-7">
            <div class="hero-style1"><span class="sub-title" data-ani="slideindown" data-ani-delay="0.2s"><img src="assets/img/theme-img/title_left.svg" alt="shape">Our Spa Massages Parlor</span>
              <h1 class="hero-title" data-ani="slideindown" data-ani-delay="0.3s">Soothe your body and mind with spa massages.</h1>
              <div class="btn-group justify-content-center justify-content-lg-start" data-ani="slideindown" data-ani-delay="0.4s"><a href="service.html" class="th-btn">Explore Services<i class="fa-regular fa-arrow-right ms-2"></i></a></div>
            </div>
          </div>
          <div class="col-lg-6 col-xl-5">
            <div class="th-hero-img" data-ani="slideinup" data-ani-delay="0.2s"><img src="assets/img/hero/hero_bg_1_3.png" alt="">
              <div class="th-hero-shape" data-ani="slideinright" data-ani-delay="0.4s"></div>
              <div class="th-hero-shape2" data-ani="slideinright" data-ani-delay="0.7s"></div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
  <div class="shape-mockup movingX d-none d-xl-block" data-top="12%" data-left="2%"><img src="assets/img/shape/flower_shape.svg" alt="shape"></div>
  <div class="shape-mockup shape2 jump" data-bottom="10%" data-left="0%"><img src="assets/img/shape/flower_1_3.svg" alt="shape"></div>
  <div class="shape-mockup hero_wrap d-none d-xl-block spin" data-top="3%" data-right="38%"><img src="assets/img/shape/flower_1_4.svg" alt="shape"></div>
  <div class="hero_flower bg-repeat movingX" data-bg-src="assets/img/shape/flower_shape.png"></div>
</section>
<section class="service-area2 overflow-hidden space" id="service-sec">
  <div class="container">
    <div class="row">
      <div class="title-area text-center"><span class="sub-title style2">What We Do</span> <img src="assets/img/theme-img/title_shape_1.svg" alt="">
        <h2 class="sec-title">Professional Spa and Beauty Service</h2>
      </div>
    </div>
    <div class="row slider-shadow th-carousel number-dots" id="serviceSlide" data-slide-show="4" data-lg-slide-show="3" data-md-slide-show="2" data-sm-slide-show="2" data-dots="true" data-xl-dots="true" data-ml-dots="true" data-lg-dots="true" data-md-dots="true">
      <div class="col-md-6 col-lg-6 col-xl-4">
        <div class="service-box wow fadeInUp">
          <div class="service-box_icon">
            <div class="global-icon"><img src="assets/img/icon/service_1_1.svg" alt="Icon"></div>
          </div>
          <h3 class="box-title"><a href="service-details.html">Body Massages</a></h3>
          <p class="service-box_text">Whether youre seeking a rejuvenating facial, a soothing massage body treatment</p>
        </div>
      </div>
      <div class="col-md-6 col-lg-6 col-xl-4">
        <div class="service-box wow fadeInUp">
          <div class="service-box_icon">
            <div class="global-icon"><img src="assets/img/icon/service_1_2.svg" alt="Icon"></div>
          </div>
          <h3 class="box-title"><a href="service-details.html">Oil Therapy</a></h3>
          <p class="service-box_text">At our beauty spa salon, we offer a wide range of services tailored to meet.</p>
        </div>
      </div>
      <div class="col-md-6 col-lg-6 col-xl-4">
        <div class="service-box wow fadeInUp">
          <div class="service-box_icon">
            <div class="global-icon"><img src="assets/img/icon/service_1_3.svg" alt="Icon"></div>
          </div>
          <h3 class="box-title"><a href="service-details.html">Aroma Therapy</a></h3>
          <p class="service-box_text">We also offer private rooms for more intimate treatments and couples.</p>
        </div>
      </div>
      <div class="col-md-6 col-lg-6 col-xl-4">
        <div class="service-box wow fadeInUp">
          <div class="service-box_icon">
            <div class="global-icon"><img src="assets/img/icon/service_1_4.svg" alt="Icon"></div>
          </div>
          <h3 class="box-title"><a href="service-details.html">Waxing</a></h3>
          <p class="service-box_text">Relax in our serene lounge area, sip on herbal teas, and immerse yourself.</p>
        </div>
      </div>
      <div class="col-md-6 col-lg-6 col-xl-4">
        <div class="service-box wow fadeInUp">
          <div class="service-box_icon">
            <div class="global-icon"><img src="assets/img/icon/service_1_5.svg" alt="Icon"></div>
          </div>
          <h3 class="box-title"><a href="service-details.html">Nail Manicure</a></h3>
          <p class="service-box_text">Relax in our serene lounge area, sip on herbal teas, and immerse yourself.</p>
        </div>
      </div>
    </div>
  </div>
  <div class="shape-mockup jump d-none d-xl-block" data-bottom="0%" data-left="0%"><img src="assets/img/shape/leaves_1.png" alt="shape"></div>
  <div class="shape-mockup jump d-none d-xl-block" data-top="20%" data-right="0%"><img src="assets/img/shape/leaves_7.png" alt="shape"></div>
</section>
<div class="about-sec overflow-hidden bg-smoke space" id="about-sec">
  <div class="container">
    <div class="row">
      <div class="col-xl-6 wow fadeInLeft">
        <div class="img-box1">
          <div class="img1"><img class="tilt-active" src="assets/img/normal/about_1.jpg" alt="About"></div>
          <div class="img2"><img class="tilt-active" src="assets/img/normal/about_2.jpg" alt="About"></div>
          <div class="img3"><img src="assets/img/shape/flower_1_3.png" alt="About"></div>
        </div>
      </div>
      <div class="col-xl-6">
        <div class="ps-xl-4 wow fadeInRight">
          <div class="title-area mb-25"><span class="sub-title">About Us<img src="assets/img/theme-img/title_right.svg" alt=""></span>
            <h2 class="sec-title mb-20">Discover The Ultimate Spa Massage Experience</h2>
            <p class="mb-30">Discover a world of tranquility, luxury, and personalized care as you embark on a journey of self-care and renewal. Visit us today and let us transport you to a realm of beauty and serenity.</p>
          </div>
          <div class="about-wrapper">
            <div class="about-info">
              <h3 class="about-info_title h6"><img src="assets/img/theme-img/title_left.svg" alt="">Personal Program</h3>
            </div>
            <div class="about-info">
              <h3 class="about-info_title h6"><img src="assets/img/theme-img/title_left.svg" alt="">Expert Nutritionist</h3>
            </div>
          </div>
          <p class="mb-30">We also offer private rooms for more intimate treatments and couples' packages for a romantic escape.</p>
          <a href="about.html" class="th-btn">Discover More<i class="fa-regular fa-arrow-right ms-2"></i></a></div>
      </div>
    </div>
  </div>
  <div class="shape-mockup" data-top="0%" data-left="0%"><img src="assets/img/shape/flower_1_1.png" alt="shape"></div>
  <div class="shape-mockup d-none d-lg-block" data-bottom="0%" data-right="0%"><img src="assets/img/shape/flower_1_2.png" alt="shape"></div>
</div>
<div class="overflow-hidden">
  <div class="container">
    <div class="counter-sec space-top">
      <div class="th-counterup wow fadeInLeft">
        <div class="inner">
          <div class="icon"><img src="assets/img/icon/counter_1_1.svg" alt=""></div>
          <div class="content">
            <h3 class="counter"><span class="odometer" data-count="26">00</span> <span class="counter-number">+</span></h3>
            <p class="counter-card_text">Years of Experience</p>
          </div>
        </div>
      </div>
      <div class="th-counterup wow fadeInLeft">
        <div class="inner">
          <div class="icon"><img src="assets/img/icon/counter_1_2.svg" alt=""></div>
          <div class="content">
            <h3 class="counter"><span class="odometer" data-count="100">00</span> <span class="counter-number">%</span></h3>
            <p class="counter-card_text">Natural Products</p>
          </div>
        </div>
      </div>
      <div class="th-counterup wow fadeInLeft">
        <div class="inner">
          <div class="icon"><img src="assets/img/icon/counter_1_3.svg" alt=""></div>
          <div class="content">
            <h3 class="counter"><span class="odometer" data-count="56">00</span> <span class="counter-number">k+</span></h3>
            <p class="counter-card_text">Satisfied Clients</p>
          </div>
        </div>
      </div>
      <div class="th-counterup wow fadeInLeft">
        <div class="inner">
          <div class="icon"><img src="assets/img/icon/counter_1_4.svg" alt=""></div>
          <div class="content">
            <h3 class="counter"><span class="odometer" data-count="36">00</span> <span class="counter-number">+</span></h3>
            <p class="counter-card_text">Specialists Team</p>
          </div>
        </div>
      </div>
    </div>
    <div class="sec-shape"><span class="sec-shape_img"><img src="assets/img/icon/girl.svg" alt=""></span></div>
  </div>
</div>
<div class="overflow-hidden space" id="gallery-sec">
  <div class="container">
    <div class="row align-items-center">
      <div class="col-lg-5">
        <div class="title-area text-center text-lg-start"><span class="sub-title">Our Gallery <img src="assets/img/theme-img/title_right.svg" alt=""></span>
          <h2 class="sec-title">Latest Projects Gallery</h2>
        </div>
      </div>
      <div class="col-lg-7">
        <div class="filter-menu indicator-active filter-menu-active">
          <button data-filter="*" class="tab-btn active" type="button">ALL</button>
          <button data-filter=".cat1" class="tab-btn" type="button">Massage</button>
          <button data-filter=".cat2" class="tab-btn" type="button">Waxing</button>
          <button data-filter=".cat3" class="tab-btn" type="button">Relaxing</button>
          <button data-filter=".cat4" class="tab-btn" type="button">Skin Care</button>
        </div>
      </div>
    </div>
    <div class="row gallery-row filter-active">
      <div class="col-xl-auto col-md-6 filter-item cat1 cat3 cat4">
        <div class="gallery-card wow fadeInUp">
          <div class="gallery-img"><img src="assets/img/gallery/gallery_1_1.jpg" alt="gallery image"></div>
          <div class="gallery-content"><a href="assets/img/gallery/gallery_1_1.jpg" class="icon-btn popup-image"><i class="fa-solid fa-arrow-up-right"></i></a>
            <h2 class="gallery-title box-title">Body Massage</h2>
            <p class="gallery-text">Massage</p>
          </div>
        </div>
      </div>
      <div class="col-xl-auto col-md-6 filter-item cat1 cat2 cat4">
        <div class="gallery-card wow fadeInUp">
          <div class="gallery-img"><img src="assets/img/gallery/gallery_1_2.jpg" alt="gallery image"></div>
          <div class="gallery-content"><a href="assets/img/gallery/gallery_1_2.jpg" class="icon-btn popup-image"><i class="fa-solid fa-arrow-up-right"></i></a>
            <h2 class="gallery-title box-title">Body Waxing</h2>
            <p class="gallery-text">Waxing</p>
          </div>
        </div>
      </div>
      <div class="col-xl-auto col-md-6 filter-item cat1 cat3 cat4">
        <div class="gallery-card wow fadeInUp">
          <div class="gallery-img"><img src="assets/img/gallery/gallery_1_3.jpg" alt="gallery image"></div>
          <div class="gallery-content"><a href="assets/img/gallery/gallery_1_3.jpg" class="icon-btn popup-image"><i class="fa-solid fa-arrow-up-right"></i></a>
            <h2 class="gallery-title box-title">Body Relaxing</h2>
            <p class="gallery-text">Relaxing</p>
          </div>
        </div>
      </div>
      <div class="col-xl-auto col-md-6 filter-item cat3 cat4 cat2">
        <div class="gallery-card wow fadeInUp">
          <div class="gallery-img"><img src="assets/img/gallery/gallery_1_4.jpg" alt="gallery image"></div>
          <div class="gallery-content"><a href="assets/img/gallery/gallery_1_4.jpg" class="icon-btn popup-image"><i class="fa-solid fa-arrow-up-right"></i></a>
            <h2 class="gallery-title box-title">Skin Care</h2>
            <p class="gallery-text">Skin Care</p>
          </div>
        </div>
      </div>
    </div>
  </div>
  <div class="shape-mockup jump d-none d-xl-block" data-bottom="15%" data-left="0%"><img src="assets/img/shape/leaves_1.png" alt="shape"></div>
  <div class="shape-mockup jump d-none d-xxl-block" data-top="10%" data-right="0%"><img src="assets/img/shape/leaves_7.png" alt="shape"></div>
</div>
<section class="team-area bg-top-center overflow-hidden space" data-bg-src="assets/img/bg/team_bg_1.jpg">
  <div class="container">
    <div class="row justify-content-end">
      <div class="col-12">
        <div class="team-content-wrapper">
          <div class="title-area text-center"><span class="sub-title style2">Expert Team</span> <img src="assets/img/theme-img/title_shape_1.svg" alt="">
            <h2 class="sec-title text-white">Our Experience Specialists</h2>
            <p class="sec-text">Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
          </div>
        </div>
      </div>
    </div>
    <div class="row slider-shadow th-carousel teamSlide1" id="teamSlide1" data-slide-show="3" data-lg-slide-show="3" data-md-slide-show="2" data-sm-slide-show="1" data-xs-slide-show="1" data-arrows="true">
      <div class="col-sm-6 col-lg-4 col-xxl-3">
        <div class="th-team team-card wow fadeInUp">
          <div class="team-img"><img src="assets/img/team/team_1_1.jpg" alt="Team"></div>
          <div class="team-card_content">
            <div class="team-content">
              <h3 class="box-title"><a href="team-details.html">Jenifer Lopez</a></h3>
              <span class="team-desig">Specialist</span></div>
            <div class="team-social">
              <div class="icon-btn"><i class="fa-light fa-plus"></i></div>
              <div class="th-social"><a target="_blank" href="https://twitter.com/"><i class="fab fa-twitter"></i></a> <a target="_blank" href="https://linkedin.com/"><i class="fab fa-linkedin-in"></i></a> <a target="_blank" href="https://facebook.com/"><i class="fab fa-facebook-f"></i></a></div>
            </div>
          </div>
        </div>
      </div>
      <div class="col-sm-6 col-lg-4 col-xxl-3">
        <div class="th-team team-card wow fadeInDown">
          <div class="team-img"><img src="assets/img/team/team_1_2.jpg" alt="Team"></div>
          <div class="team-card_content">
            <div class="team-content">
              <h3 class="box-title"><a href="team-details.html">Arlene McCoy</a></h3>
              <span class="team-desig">Specialist</span></div>
            <div class="team-social">
              <div class="icon-btn"><i class="fa-light fa-plus"></i></div>
              <div class="th-social"><a target="_blank" href="https://twitter.com/"><i class="fab fa-twitter"></i></a> <a target="_blank" href="https://linkedin.com/"><i class="fab fa-linkedin-in"></i></a> <a target="_blank" href="https://facebook.com/"><i class="fab fa-facebook-f"></i></a></div>
            </div>
          </div>
        </div>
      </div>
      <div class="col-sm-6 col-lg-4 col-xxl-3">
        <div class="th-team team-card wow fadeInUp">
          <div class="team-img"><img src="assets/img/team/team_1_3.jpg" alt="Team"></div>
          <div class="team-card_content">
            <div class="team-content">
              <h3 class="box-title"><a href="team-details.html">Robert Fox</a></h3>
              <span class="team-desig">Specialist</span></div>
            <div class="team-social">
              <div class="icon-btn"><i class="fa-light fa-plus"></i></div>
              <div class="th-social"><a target="_blank" href="https://twitter.com/"><i class="fab fa-twitter"></i></a> <a target="_blank" href="https://linkedin.com/"><i class="fab fa-linkedin-in"></i></a> <a target="_blank" href="https://facebook.com/"><i class="fab fa-facebook-f"></i></a></div>
            </div>
          </div>
        </div>
      </div>
      <div class="col-sm-6 col-lg-4 col-xxl-3">
        <div class="th-team team-card wow fadeInDown">
          <div class="team-img"><img src="assets/img/team/team_1_4.jpg" alt="Team"></div>
          <div class="team-card_content">
            <div class="team-content">
              <h3 class="box-title"><a href="team-details.html">Jade Smith</a></h3>
              <span class="team-desig">Specialist</span></div>
            <div class="team-social">
              <div class="icon-btn"><i class="fa-light fa-plus"></i></div>
              <div class="th-social"><a target="_blank" href="https://twitter.com/"><i class="fab fa-twitter"></i></a> <a target="_blank" href="https://linkedin.com/"><i class="fab fa-linkedin-in"></i></a> <a target="_blank" href="https://facebook.com/"><i class="fab fa-facebook-f"></i></a></div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
  <div class="shape-mockup" data-top="0%" data-right="0%"><img src="assets/img/shape/flower_1_2.png" alt="shape"></div>
</section>
<section class="overflow-hidden space-bottom">
  <div class="container">
    <div class="title-area text-center"><span class="sub-title style2">Pricing Package</span> <img src="assets/img/theme-img/title_shape_1.svg" alt="">
      <h2 class="sec-title">Choose Your Perfect Package</h2>
    </div>
    <div class="row gy-4 align-items-center">
      <div class="col-xl-6">
        <div class="price-card wow fadeInLeft">
          <div class="price-card_img"><img src="assets/img/price/price_1_1.jpg" alt="">
            <h4 class="price-card_price"><span class="currency">$</span> 46 <span class="duration">Per Day</span></h4>
          </div>
          <div class="price-card_content">
            <h3 class="box-title">Basic Package</h3>
            <hr class="style1">
            <div class="available-list">
              <ul>
                <li><img src="assets/img/theme-img/title_left.svg" alt="">Body Treatments</li>
                <li><img src="assets/img/theme-img/title_left.svg" alt="">Sauna Relax</li>
                <li><img src="assets/img/theme-img/title_left.svg" alt="">Backbone Therapy</li>
                <li><img src="assets/img/theme-img/title_left.svg" alt="">Geothermal Spa</li>
                <li class="unavailable"><img src="assets/img/theme-img/title_left.svg" alt="">Body Relaxation</li>
                <li class="unavailable"><img src="assets/img/theme-img/title_left.svg" alt="">Aroma Therapy</li>
              </ul>
              <div class="price-btn"><a href="price.html" class="th-btn">Book Now<i class="fa-solid fa-arrow-right ms-2"></i></a></div>
            </div>
          </div>
        </div>
      </div>
      <div class="col-xl-6">
        <div class="price-card wow fadeInRight">
          <div class="price-card_img"><img src="assets/img/price/price_1_2.jpg" alt="">
            <h4 class="price-card_price"><span class="currency">$</span> 96 <span class="duration">Per Day</span></h4>
          </div>
          <div class="price-card_content">
            <h3 class="box-title">Standard Package</h3>
            <hr class="style1">
            <div class="available-list">
              <ul>
                <li><img src="assets/img/theme-img/title_left.svg" alt="">Body Treatments</li>
                <li><img src="assets/img/theme-img/title_left.svg" alt="">Sauna Relax</li>
                <li><img src="assets/img/theme-img/title_left.svg" alt="">Backbone Therapy</li>
                <li><img src="assets/img/theme-img/title_left.svg" alt="">Geothermal Spa</li>
                <li><img src="assets/img/theme-img/title_left.svg" alt="">Body Relaxation</li>
                <li><img src="assets/img/theme-img/title_left.svg" alt="">Aroma Therapy</li>
              </ul>
              <div class="price-btn"><a href="price.html" class="th-btn">Book Now<i class="fa-solid fa-arrow-right ms-2"></i></a></div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
  <div class="shape-mockup jump d-none d-lg-block" data-top="0%" data-left="0%"><img src="assets/img/shape/leaves_3.png" alt="shape"></div>
  <div class="shape-mockup jump d-none d-xl-block" data-bottom="15%" data-right="0%"><img src="assets/img/shape/leaves_2.png" alt="shape"></div>
</section>
<div class="appointment-area space" id="contact-sec" data-bg-src="assets/img/bg/appointment_bg_1.jpg">
  <div class="container">
    <div class="row">
      <div class="col-12">
        <div class="appointment-content">
          <div class="title-area mb-25 text-center text-lg-start wow fadeInLeft"><span class="sub-title">Make An Appointment<img src="assets/img/theme-img/title_right.svg" alt=""></span>
            <h2 class="sec-title">Relax Anytime Any Day At 20% Discount</h2>
          </div>
          <div class="appointment-form wow fadeInUp">
            <div class="row">
              <div class="form-group col-md-6"><i class="fa-light fa-user"></i>
                <input type="text" placeholder="First Name" class="form-control">
              </div>
              <div class="form-group col-md-6"><i class="fa-light fa-user"></i>
                <input type="text" placeholder="Last Name" class="form-control">
              </div>
              <div class="form-group col-md-6"><i class="fa-light fa-envelope"></i>
                <input type="text" placeholder="Email" class="form-control">
              </div>
              <div class="col-md-6 form-group"><i class="fa-light fa-phone"></i>
                <input type="text" placeholder="phone" class="form-control">
              </div>
              <div class="form-group col-12"><i class="fa-regular fa-tag"></i>
                <select name="subject" id="subject" class="form-select nice-select">
                  <option value="" disabled="disabled" selected="selected" hidden>Select Subject</option>
                  <option value="Engine Diagnostics">Spa & Massage</option>
                  <option value="Facial & Massage">Facial & Massage</option>
                  <option value="Engine Diagnostics">Head Massage</option>
                  <option value="Sports Massage">Sports Massage</option>
                  <option value="Stone Massage">Stone Massage</option>
                </select>
              </div>
              <div class="form-group col-12">
                <input type="text" class="date-pick form-control" name="date" id="date-pick" placeholder="Select Date">
                <i class="fa-light fa-calendar-days"></i></div>
              <div class="form-group col-12">
                <input type="text" class="time-pick form-control" name="time" id="time-pick" placeholder="Select Time">
                <i class="fa-light fa-clock"></i></div>
              <div class="btn-group justify-content-center justify-content-lg-start">
                <button class="th-btn">Make An Appointment <i class="fa-solid fa-arrow-right ms-2"></i></button>
              </div>
            </div>
          </div>
          <div class="appointment-video"><a href="https://www.youtube.com/watch?v=_sI_Ps7JSEk" class="video-play-btn play-btn popup-video"><i class="fa-sharp fa-solid fa-play"></i></a></div>
        </div>
      </div>
    </div>
  </div>
</div>
<div class="position-relative overflow-hidden space">
  <div class="container">
    <div class="row">
      <div class="col-lg-6">
        <div class="testimonial-wrapper wow fadeInUp">
          <div class="th-carousel number-dots" data-asnavfor="#testiSlide" id="tesitslide-img" data-slide-show="1" data-dots="true" data-xl-dots="true" data-ml-dots="true" data-lg-dots="true" data-md-dots="true" data-fade="true">
            <div>
              <div class="testi-slide-img"><img src="assets/img/testimonial/testi_1_1.jpg" alt=""></div>
            </div>
            <div>
              <div class="testi-slide-img"><img src="assets/img/testimonial/testi_1_2.jpg" alt=""></div>
            </div>
            <div>
              <div class="testi-slide-img"><img src="assets/img/testimonial/testi_1_3.jpg" alt=""></div>
            </div>
          </div>
          <div class="testi-shape"><img src="assets/img/shape/flower_1_5.svg" alt=""></div>
        </div>
      </div>
      <div class="col-lg-6 wow fadeInRight">
        <div class="title-area text-center"><span class="sub-title style2">Testimonials</span> <img src="assets/img/theme-img/title_shape_1.svg" alt="">
          <h2 class="sec-title">Our Customer Feedback</h2>
        </div>
        <div class="testi-item-slide">
          <div class="th-carousel" id="testiSlide" data-slide-show="1" data-fade="true" data-asnavfor=" #tesitslide-img">
            <div>
              <div class="testi-item">
                <div class="testi-item_img"><img src="assets/img/testimonial/testi_1_1.jpg" alt=""></div>
                <h3 class="box-title">Whether youre preparing for a special occasion or simply want to pamper yourself, our talented stylists will work closely with you to create a look that complements your individual style.</h3>
                <div class="testi-item_profile">
                  <div class="media-body">
                    <h4 class="testi-item_name">Angelina Margret</h4>
                    <p class="testi-item_desig">Customer</p>
                  </div>
                </div>
              </div>
            </div>
            <div>
              <div class="testi-item">
                <div class="testi-item_img"><img src="assets/img/testimonial/testi_1_2.jpg" alt=""></div>
                <h3 class="box-title">Donec sollicitudin molestie malesuada. Curabitur non nulla sit amet nisl tempus convallis quis ac lectus. Vivamus suscipit tortor eget felis porttitor volutpat. Curabitur dui posuere.</h3>
                <div class="testi-item_profile">
                  <div class="media-body">
                    <h4 class="testi-item_name">Senjuti das</h4>
                    <p class="testi-item_desig">Customer</p>
                  </div>
                </div>
              </div>
            </div>
            <div>
              <div class="testi-item">
                <div class="testi-item_img"><img src="assets/img/testimonial/testi_1_3.jpg" alt=""></div>
                <h3 class="box-title">Nulla porttitor accumsan tincidunt. Mauris blandit aliquet elit, eget tincidunt nibh pulvinar a. Cras ultricies ligula sed magna dictum porta. Lorem ipsum dolor adipiscing elit.</h3>
                <div class="testi-item_profile">
                  <div class="media-body">
                    <h4 class="testi-item_name">Jenifer Lopez</h4>
                    <p class="testi-item_desig">Customer</p>
                  </div>
                </div>
              </div>
            </div>
          </div>
          <div class="testi-quote"><img src="assets/img/shape/quote.png" alt=""></div>
          <div class="testi-shape1"><img src="assets/img/shape/leaf.svg" alt=""></div>
          <div class="testi-shape2"><img src="assets/img/shape/flower_1_4.png" alt=""></div>
        </div>
      </div>
    </div>
  </div>
  <div class="shape-mockup jump d-none d-xxl-block" data-top="30%" data-right="0%"><img src="assets/img/shape/leaves_4.png" alt="shape"></div>
</div>
<div class="sec-shape"><span class="sec-shape_img"><img src="assets/img/icon/girl.svg" alt=""></span></div>
<section class="space overflow-hidden" id="blog-sec">
  <div class="container">
    <div class="title-area text-center"><span class="sub-title style2">Our Blog</span> <img src="assets/img/theme-img/title_shape_1.svg" alt="">
      <h2 class="sec-title">Our Latest News & Blog</h2>
    </div>
    <div class="row slider-shadow th-carousel" id="blogSlide1" data-slide-show="3" data-lg-slide-show="2" data-md-slide-show="2" data-sm-slide-show="1" data-arrows="true">
      <div class="col-md-6 col-xl-4">
        <div class="blog-card wow fadeInUp">
          <div class="blog-img"><img src="assets/img/blog/blog_1_1.jpg" alt="blog image"></div>
          <div class="blog-card_wrapper">
            <div class="blog-card_date">10<span class="blog-card_month">May 2024</span></div>
            <div class="blog-card-content">
              <div class="blog-meta"><a href="blog.html"><i class="fa-solid fa-user"></i>By Alex Michel</a> <a href="blog.html"><i class="fa-solid fa-tags"></i>Beauty Spa</a></div>
              <h3 class="box-title"><a href="blog-details.html">Maintaining Health and Beauty Through Spas</a></h3>
              <a href="blog-details.html" class="line-btn">Read More<i class="fa-solid fa-arrow-right ms-2"></i></a></div>
          </div>
        </div>
      </div>
      <div class="col-md-6 col-xl-4">
        <div class="blog-card wow fadeInDown">
          <div class="blog-img"><img src="assets/img/blog/blog_1_2.jpg" alt="blog image"></div>
          <div class="blog-card_wrapper">
            <div class="blog-card_date">14<span class="blog-card_month">Jun 2024</span></div>
            <div class="blog-card-content">
              <div class="blog-meta"><a href="blog.html"><i class="fa-solid fa-user"></i>By Alex Michel</a> <a href="blog.html"><i class="fa-solid fa-tags"></i>Beauty Spa</a></div>
              <h3 class="box-title"><a href="blog-details.html">Do Massages Have Real Health Benefits?</a></h3>
              <a href="blog-details.html" class="line-btn">Read More<i class="fa-solid fa-arrow-right ms-2"></i></a></div>
          </div>
        </div>
      </div>
      <div class="col-md-6 col-xl-4">
        <div class="blog-card wow fadeInUp">
          <div class="blog-img"><img src="assets/img/blog/blog_1_3.jpg" alt="blog image"></div>
          <div class="blog-card_wrapper">
            <div class="blog-card_date">15<span class="blog-card_month">July 2024</span></div>
            <div class="blog-card-content">
              <div class="blog-meta"><a href="blog.html"><i class="fa-solid fa-user"></i>By Alex Michel</a> <a href="blog.html"><i class="fa-solid fa-tags"></i>Beauty Spa</a></div>
              <h3 class="box-title"><a href="blog-details.html">Ultra Glam Gold Nail Polishes for Holiday.</a></h3>
              <a href="blog-details.html" class="line-btn">Read More<i class="fa-solid fa-arrow-right ms-2"></i></a></div>
          </div>
        </div>
      </div>
      <div class="col-md-6 col-xl-4">
        <div class="blog-card wow fadeInDown">
          <div class="blog-img"><img src="assets/img/blog/blog_1_4.jpg" alt="blog image"></div>
          <div class="blog-card_wrapper">
            <div class="blog-card_date">16<span class="blog-card_month">Aug 2024</span></div>
            <div class="blog-card-content">
              <div class="blog-meta"><a href="blog.html"><i class="fa-solid fa-user"></i>By Alex Michel</a> <a href="blog.html"><i class="fa-solid fa-tags"></i>Beauty Spa</a></div>
              <h3 class="box-title"><a href="blog-details.html">A Relaxation of the Senses with Their Help</a></h3>
              <a href="blog-details.html" class="line-btn">Read More<i class="fa-solid fa-arrow-right ms-2"></i></a></div>
          </div>
        </div>
      </div>
    </div>
  </div>
  <div class="shape-mockup jump d-none d-lg-block" data-top="0%" data-left="0%"><img src="assets/img/shape/leaves_3.png" alt="shape"></div>
  <div class="shape-mockup d-none d-xxl-block" data-bottom="0%" data-right="0%"><img src="assets/img/shape/flower_1_2.png" alt="shape"></div>
</section>
<div class="brand-sec bg-smoke">
  <div class="container-fluid">
    <div class="row th-carousel" id="brandSlide1" data-slide-show="7" data-xl-slide-show="4" data-lg-slide-show="4" data-md-slide-show="3" data-sm-slide-show="3" data-xs-slide-show="1">
      <div class="col-auto">
        <div class="brand-box wow fadeInLeft"><a href="#"><img class="original" src="assets/img/brand/brand_1_1.png" alt="Brand Logo"> <img class="gray" src="assets/img/brand/brand_1_1.png" alt="Brand Logo"></a></div>
      </div>
      <div class="col-auto">
        <div class="brand-box wow fadeInLeft"><a href="#"><img class="original" src="assets/img/brand/brand_1_2.png" alt="Brand Logo"> <img class="gray" src="assets/img/brand/brand_1_2.png" alt="Brand Logo"></a></div>
      </div>
      <div class="col-auto">
        <div class="brand-box wow fadeInLeft"><a href="#"><img class="original" src="assets/img/brand/brand_1_3.png" alt="Brand Logo"> <img class="gray" src="assets/img/brand/brand_1_3.png" alt="Brand Logo"></a></div>
      </div>
      <div class="col-auto">
        <div class="brand-box wow fadeInLeft"><a href="#"><img class="original" src="assets/img/brand/brand_1_4.png" alt="Brand Logo"> <img class="gray" src="assets/img/brand/brand_1_4.png" alt="Brand Logo"></a></div>
      </div>
      <div class="col-auto">
        <div class="brand-box wow fadeInLeft"><a href="#"><img class="original" src="assets/img/brand/brand_1_5.png" alt="Brand Logo"> <img class="gray" src="assets/img/brand/brand_1_5.png" alt="Brand Logo"></a></div>
      </div>
      <div class="col-auto">
        <div class="brand-box wow fadeInLeft"><a href="#"><img class="original" src="assets/img/brand/brand_1_6.png" alt="Brand Logo"> <img class="gray" src="assets/img/brand/brand_1_6.png" alt="Brand Logo"></a></div>
      </div>
      <div class="col-auto">
        <div class="brand-box wow fadeInLeft"><a href="#"><img class="original" src="assets/img/brand/brand_1_7.png" alt="Brand Logo"> <img class="gray" src="assets/img/brand/brand_1_7.png" alt="Brand Logo"></a></div>
      </div>
      <div class="col-auto">
        <div class="brand-box wow fadeInLeft"><a href="#"><img class="original" src="assets/img/brand/brand_1_8.png" alt="Brand Logo"> <img class="gray" src="assets/img/brand/brand_1_8.png" alt="Brand Logo"></a></div>
      </div>
    </div>
  </div>
</div>
<footer class="footer-wrapper footer-layout1">
  <div class="widget-area">
    <div class="container">
      <div class="row justify-content-between">
        <div class="col-md-6 col-xl-3">
          <div class="widget footer-widget">
            <div class="th-widget-about">
              <div class="about-logo"><a href="index.html"><img src="assets/img/logo-white.svg" alt="Rasm"></a></div>
              <p class="about-text">Centric applications productize front end portals visualize front end is results and value added</p>
              <div class="working-time"><span class="title">We Are Available:</span>
                <p class="desc">Mon-Sat: 08.00 am to 5.00 pm</p>
              </div>
              <div class="th-social footer-social"><a href="https://www.facebook.com/"><i class="fab fa-facebook-f"></i></a> <a href="https://www.twitter.com/"><i class="fab fa-twitter"></i></a> <a href="https://www.linkedin.com/"><i class="fab fa-linkedin-in"></i></a> <a href="https://www.behance.net/"><i class="fa-brands fa-behance"></i></a></div>
            </div>
          </div>
        </div>
        <div class="col-md-6 col-xl-2">
          <div class="widget widget_nav_menu footer-widget">
            <h3 class="widget_title">Quick link</h3>
            <div class="menu-all-pages-container">
              <ul class="menu">
                <li><a href="about.html">About Us</a></li>
                <li><a href="booking.html">Work Gallery</a></li>
                <li><a href="contact.html">Privacy Policy</a></li>
                <li><a href="service.html">Our Services</a></li>
                <li><a href="price.html">Pricing Plans</a></li>
                <li><a href="contact.html">Contact Us</a></li>
              </ul>
            </div>
          </div>
        </div>
        <div class="col-md-6 col-xl-auto">
          <div class="widget footer-widget">
            <h3 class="widget_title">Contact Details</h3>
            <div class="th-widget-about">
              <h4 class="footer-info-title">Phone Number</h4>
              <p class="footer-info"><i class="fa-sharp fa-solid fa-phone"></i><a class="text-inherit" href="tel:+256214203215">+256 214 203 215</a></p>
              <h4 class="footer-info-title">Email Address</h4>
              <p class="footer-info"><i class="fas fa-envelope"></i><a class="text-inherit" href="mailto:info@rasm.com">info@rasm.com</a></p>
              <h4 class="footer-info-title">Office Location</h4>
              <p class="footer-info"><i class="fas fa-map-marker-alt"></i>25 Street, 145 City Road New Town DD14, USA</p>
            </div>
          </div>
        </div>
        <div class="col-md-6 col-xl-auto">
          <div class="widget footer-widget">
            <h4 class="widget_title">Newsletter</h4>
            <div class="newsletter-widget">
              <p class="md-10">Sign Up to get updates & news about us . Get Latest Deals from Walker's Inbox to our mail address.</p>
              <div class="footer-search-contact mt-25">
                <form>
                  <input class="form-control" type="email" placeholder="Enter your email">
                </form>
                <div class="footer-btn mt-10">
                  <button type="submit" class="th-btn style3 fw-btn">Subscribe Now <i class="fa-regular fa-arrow-right"></i></button>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
  <div class="copyright-wrap">
    <div class="container">
      <div class="row align-items-center">
        <div class="col-lg-6">
          <p class="copyright-text text-white">© 2024 <a href="https://themeforest.net/user/themeholy">Rasm</a>. All Rights Reserved.</p>
        </div>
        <div class="col-lg-6">
          <div class="footer-links">
            <ul>
              <li><a href="contact.html">Terms & Conditions</a></li>
              <li><a href="contact.html">Terms &amp; Condition</a></li>
            </ul>
          </div>
        </div>
      </div>
    </div>
  </div>
  <div class="shape-mockup" data-top="0%" data-left="0%"><img src="assets/img/shape/footer_shape_1.png" alt="shape"></div>
  <div class="shape-mockup d-none d-xl-block" data-bottom="12%" data-right="0%"><img src="assets/img/shape/footer_shape_2.png" alt="shape"></div>
</footer>
<div class="scroll-top">
  <svg class="progress-circle svg-content" width="100%" height="100%" viewBox="-1 -1 102 102">
    <path d="M50,1 a49,49 0 0,1 0,98 a49,49 0 0,1 0,-98" style="transition: stroke-dashoffset 10ms linear 0s; stroke-dasharray: 307.919, 307.919; stroke-dashoffset: 307.919;"></path>
  </svg>
</div>
<script src="assets/js/vendor/jquery-3.7.1.min.js"></script><script src="assets/js/slick.min.js"></script><script src="assets/js/bootstrap.min.js"></script><script src="assets/js/jquery.magnific-popup.min.js"></script><script src="assets/js/jquery-ui.min.js"></script><script src="assets/js/imagesloaded.pkgd.min.js"></script><script src="assets/js/isotope.pkgd.min.js"></script><script src="assets/js/jquery.flipster.min.js"></script><script src="assets/js/odometer.js"></script><script src="assets/js/appear-2.js"></script><script src="assets/js/nice-select.min.js"></script><script src="assets/js/jquery.datetimepicker.min.js"></script><script src="assets/js/tilt.min.js"></script><script src="assets/js/wow.min.js"></script><script src="assets/js/main.js"></script>
</body>

</html>