MAINHACK

Viewing / Editing File: features.php

<!DOCTYPE html>
<html lang="en">
<head>
  
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

<title>The Salon Friend | Features</title>

<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&display=swap" rel="stylesheet">

<link rel="stylesheet" href="./assets/vendor/bootstrap-icons/font/bootstrap-icons.css">
  <link rel="stylesheet" href="./assets/vendor/hs-mega-menu/dist/hs-mega-menu.min.css">

<link rel="stylesheet" href="./assets/css/theme.min.css">
</head>

<?php include("includes/header.php");?>
  <br   /><br  />

<main id="content" role="main">
    
    <div class="overflow-hidden">
      <div class="container content-space-t-3 content-space-b-1 content-space-b-lg-3">
        <div class="row justify-content-md-between align-items-md-center">
          <div class="col-md-5 mb-5 mb-md-0">
            <div class="mb-3">
              <span class="badge bg-soft-dark text-dark">Business insight</span>
            </div>
            <div class="mb-5">
              <h2 class="h1"><a class="text-dark" href="#">Salon Software Features</a></h2>
            </div>

<div class="d-flex align-items-center mb-3">

<div class="flex-grow-1 ms-3">
                <h5 class="mb-1"><a class="text-dark" href="#">The best software to manage your salon and schedule your bookings.</a></h5>
              </div>
            </div>

</div>

<figure class="position-absolute top-0 end-0 d-none d-lg-block mt-3 me-n7" style="width: 4rem;">
                <img class="img-fluid" src="./assets/svg/components/pointer-up.svg" alt="Image Description">
              </figure>

<figure class="position-absolute bottom-0 start-0 mb-n8 ms-n8" style="width: 12rem;">
                <img class="img-fluid" src="./assets/svg/components/curved-shape.svg" alt="Image Description">
              </figure>
              
            </div>
          </div>
          
        </div>
        
      </div>
    </div>
    
     <div class="container content-space-1 content-space-lg-3">

<div class="container content-space-1">

<div class="w-lg-65 text-center mx-lg-auto mb-5 mb-sm-7 mb-lg-10">
        <h2>System Features</h2>
        <p>All in One System to Grow Your Salon</p>
      </div>
  
  <ul class="list-equal-height list-equal-height-4-cols">

<li class="list-equal-height-item">
      <div class="text-center">
        <div class="mb-3">
          <i class="bi-journal-text fs-1 text-dark"></i>
        </div>
        <h3>Accountancy</h3>
        <p>See your clients dept.
Track your staffs’ financial accounts.
Track your income and expense easily.</p>
      </div>
    </li>

<li class="list-equal-height-item">
      <div class="text-center">
        <div class="mb-3">
          <i class="bi-shield-check fs-1 text-dark"></i>
        </div>
         <h3>Services<br  /></h3>
        <p>Record an in-house service at a go</p>
      </div>
    </li>

<li class="list-equal-height-item">
      <div class="text-center">
        <div class="mb-3">
          <i class="bi-hdd-network fs-1 text-dark"></i>
        </div>
        <h3>Staff Management</h3>
        <p>Analyse staff productivity,track their progress and reward them</p>
      </div>
    </li>

<li class="list-equal-height-item">
      <div class="text-center">
        <div class="mb-3">
          <i class="bi-gear fs-1 text-dark"></i>
        </div>
        <h3>Manage Customers</h3>
        <p>Segregate your customers database to create a compaigns</p>
      </div>
    </li>

<li class="list-equal-height-item">
      <div class="text-center">
        <div class="mb-3">
          <i class="bi-sliders fs-1 text-dark"></i>
        </div>
         <h3>Track product consumption</h3>
        <p>A smart way to streamline order processing and maximise product sales</p>
      </div>
    </li>

<li class="list-equal-height-item">
      <div class="text-center">
        <div class="mb-3">
          <i class="bi-tablet-landscape fs-1 text-dark"></i>
        </div>
        <h3>Appointment<br  /></h3>
         <p style="justify-content:justify">A clean and simple tool that allow your customers to book appointment anywhere</p>
      </div>
    </li>

<li class="list-equal-height-item">
      <div class="text-center">
        <div class="mb-3">
          <i class="bi-patch-check fs-1 text-dark"></i>
        </div>
        <h3>Commissions</h3>
        <p>Set a commission rate for your employees</p>
      </div>
    </li>

<li class="list-equal-height-item">
      <div class="text-center">
        <div class="mb-3">
          <i class="bi-lightbulb fs-1 text-dark"></i>
        </div>
        <h3>Expenses</h3>
        <p>Manage and keep track of all your expenses at a go</p>
      </div>
    </li>

<li class="list-equal-height-item">
      <div class="text-center">
        <div class="mb-3">
          <i class="bi-sliders fs-1 text-dark"></i>
        </div>
         <h3>Discount</h3>
        <p>A way to motivate your clients to visit your salon</p>
      </div>
    </li>

<li class="list-equal-height-item">
      <div class="text-center">
        <div class="mb-3">
          <i class="bi-journal-text fs-1 text-dark"></i>
        </div>
        <h3>Multiple business</h3>
        <p>You can add multiples business/shops branches</p>
      </div>
    </li>

<li class="list-equal-height-item">
      <div class="text-center">
        <div class="mb-3">
          <i class="bi-patch-check fs-1 text-dark"></i>
        </div>
        <h3>Point-Of-Sales</h3>
        <p>Sale fast using our POS terminal</p>
      </div>
    </li>

<li class="list-equal-height-item">
      <div class="text-center">
        <div class="mb-3">
          <i class="bi-lightbulb fs-1 text-dark"></i>
        </div>
        <h3>Payroll</h3>
        <p>Record and manage employee payroll with easy.</p>
      </div>
    </li>

</ul>
  
</div>

      
    </div>

</main>

<?php include("includes/footer.php");?>

<a class="js-go-to go-to position-fixed" href="javascript:;" style="visibility: hidden;"
     data-hs-go-to-options='{
       "offsetTop": 700,
       "position": {
         "init": {
           "right": "2rem"
         },
         "show": {
           "bottom": "2rem"
         },
         "hide": {
           "bottom": "-2rem"
         }
       }
     }'>
    <i class="bi-chevron-up"></i>
  </a>

<script src="./assets/vendor/bootstrap/dist/js/bootstrap.bundle.min.js"></script>

<script src="./assets/vendor/hs-header/dist/hs-header.min.js"></script>
  <script src="./assets/vendor/hs-mega-menu/dist/hs-mega-menu.min.js"></script>
  <script src="./assets/vendor/hs-go-to/dist/hs-go-to.min.js"></script>

<script src="./assets/js/theme.min.js"></script>

<script>
    (function() {
      // INITIALIZATION OF NAVBAR
      // =======================================================
      new HSHeader('#header').init()

// INITIALIZATION OF MEGA MENU
      // =======================================================
      const megaMenu = new HSMegaMenu('.js-mega-menu', {
        desktop: {
          position: 'left'
        }
      })

// INITIALIZATION OF GO TO
      // =======================================================
      new HSGoTo('.js-go-to')
    })()
  </script>
</body>
</html>

Cancel / Back

[ MAINHACK ]

Viewing / Editing File: features.php

Server Info

System Features

User Info