Barbers, Hair Stylists, Nail Technicians, or Massage Therapist this is your chance to win big.
One spin per user allowed.
<!DOCTYPE html>
<html lang=”en”>
<head>
<meta charset=”UTF-8″>
<meta name=”viewport” content=”width=device-width, initial-scale=1.0″>
<title>Win 1 Year Free Membership</title>
<style>
/* Overlay to cover the entire screen */
#overlay {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.6);
display: flex;
align-items: center;
justify-content: center;
z-index: 1000;
}
/* Popup styling */
#popup {
background: #fff;
padding: 20px;
width: 500px;
max-width: 90%;
box-shadow: 0 0 15px rgba(0, 0, 0, 0.7);
border-radius: 8px;
text-align: center;
}
/* Disable page scrolling */
body.no-scroll {
overflow: hidden !important;
}
/* Form and button styling */
#popup form {
margin-top: 20px;
}
#popup input[type=”password”] {
padding: 10px;
width: calc(100% – 22px);
margin-bottom: 10px;
}
#popup button {
padding: 10px 20px;
background-color: #007bff;
color: white;
border: none;
cursor: pointer;
}
#popup button:hover {
background-color: #0056b3;
}
</style>
</head>
<body class=”no-scroll”>
<!– Popup Overlay –>
<div id=”overlay”>
<div id=”popup”>
<h2>Win 1 Year Free Membership!</h2>
<p>Text Bedward for password<br>
508-470-7954 </p>
<form id=”passwordForm”>
<input type=”password” id=”passwordInput” placeholder=”Enter password” required>
<button type=”submit”>Submit</button>
</form>
<p id=”errorMessage” style=”color: red; display: none;”>Incorrect password. Please try again.</p>
</div>
</div>
<script>
document.addEventListener(‘DOMContentLoaded’, function () {
// Password protection logic
const correctPassword = ‘Win#1Freeyear#’; // Replace with your desired password
const overlay = document.getElementById(‘overlay’);
const passwordForm = document.getElementById(‘passwordForm’);
const passwordInput = document.getElementById(‘passwordInput’);
const errorMessage = document.getElementById(‘errorMessage’);
passwordForm.addEventListener(‘submit’, function (e) {
e.preventDefault();
const enteredPassword = passwordInput.value;
if (enteredPassword === correctPassword) {
// Hide overlay and enable scrolling
overlay.style.display = ‘none’;
document.body.classList.remove(‘no-scroll’);
} else {
// Show error message
errorMessage.style.display = ‘block’;
}
});
});
</script>
</body>
</html>