Salon Appointment Manager
About this app
A handy tool for salon owners to manage appointments and communicate with clients.
Salon Appointment Manager 🏩 Salon Appointment Manager 📅
Put this on your site
Source
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width,initial-scale=1">
<title>Salon Appointment Manager</title>
<meta name="description" content="A handy tool for salon owners to manage appointments and communicate with clients.">
<meta name="keywords" content="salon, appointment, manager, sms">
<link href="https://fonts.googleapis.com/css2?family=Pacifico&family=Quicksand:wght@500&display=swap" rel="stylesheet">
<style>
body {
font-family: 'Quicksand', sans-serif;
background: linear-gradient(to right, #ff9966, #ff5e62);
color: white;
}
#main-container {
text-align: center;
padding-top: 50px;
}
.appointment {
margin: 20px auto;
padding: 20px;
background: rgba(255,255,255,0.1);
border-radius: 10px;
}
.appointment h2 {
font-family: 'Pacifico', cursive;
}
.sms-button {
margin-top: 20px;
text-decoration: none;
padding: 10px 20px;
border-radius: 5px;
background: #ffffff;
color: #ff5e62;
transition: background 0.3s ease;
}
.sms-button:hover {
background: #ff5e62;
color: #ffffff;
}
</style>
<script type="text/javascript">
try {
document.addEventListener("DOMContentLoaded", function() {
var appointments = [
{name: "Alice", time: "10:00 AM", phone: "+1234567890"},
{name: "Bob", time: "11:00 AM", phone: "+0987654321"},
// Add more appointments as needed
];
for (var i = 0; i < appointments.length; i++) {
var appointment = appointments[i];
var div = document.createElement("div");
div.className = "appointment";
div.innerHTML = "<h2>" + appointment.name + "</h2><p>Appointment at " + appointment.time + "</p><a href='sms:" + appointment.phone + "' class='sms-button'>Send SMS 📱</a>";
document.getElementById("main-container").appendChild(div);
}
});
} catch (error) {
throw error;
}
</script>
</head>
<body>
<div id="main-container" class="container">
<h1>🏩 Salon Appointment Manager 📅</h1>
</div>
</body>
</html>
NEW APPS
These are apps made by the community!