tag:blogger.com,1999:blog-10566540007834344662026-03-22T00:55:13.518-07:00Review UsACD Info Services India.http://www.blogger.com/profile/06786492051090213312noreply@blogger.comBlogger4125tag:blogger.com,1999:blog-1056654000783434466.post-6595876256766519592026-03-22T00:55:00.000-07:002026-03-22T00:55:13.477-07:00Healing Touch Jammu<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Review Us</title>
<style>
body {
font-family: Arial, sans-serif;
max-width: 600px;
margin: 50px auto;
padding: 20px;
border: 1px solid #ccc;
border-radius: 10px;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
h1 {
text-align: center;
}
.rating {
display: flex;
justify-content: center;
margin-bottom: 20px;
flex-direction: row-reverse; /* Reverse the order of stars */
}
.rating input {
display: none; /* Hide the radio buttons */
}
.rating label {
font-size: 2em;
margin: 0 5px;
cursor: pointer;
color: #ccc;
}
.rating input:checked ~ label {
color: gold;
}
.rating input:checked ~ label ~ label {
color: gold;
}
button {
display: block;
width: 100%;
padding: 10px;
font-size: 1em;
color: #fff;
background-color: #007BFF;
border: none;
border-radius: 5px;
cursor: pointer;
}
</style>
</head>
<body>
<h1>Review Us</h1>
<form id="reviewForm">
<div class="rating">
<input type="radio" id="star1" name="rating" value="1">
<label for="star1">★</label>
<input type="radio" id="star2" name="rating" value="2">
<label for="star2">★</label>
<input type="radio" id="star3" name="rating" value="3">
<label for="star3">★</label>
<input type="radio" id="star4" name="rating" value="4">
<label for="star4">★</label>
<input type="radio" id="star5" name="rating" value="5">
<label for="star5">★</label>
</div>
<textarea name="comments" rows="4" placeholder="Leave your comments here..."></textarea>
<br>
<button type="submit">Submit Review</button>
</form>
<script>
document.querySelectorAll('input[name="rating"]').forEach((input) => {
input.addEventListener('change', function() {
if (this.value < 3) {
window.location.href = 'https://g.page/r/CUIUoz270OOMEBM/review'; // Replace with your Google My Business URL
}
});
});
document.getElementById('reviewForm').addEventListener('submit', function(event) {
event.preventDefault();
const rating = document.querySelector('input[name="rating"]:checked');
if (rating) {
if (rating.value >= 4) {
alert("Thank you for your feedback!");
} else {
alert("Thank you for your feedback!");
}
} else {
alert("Please select a star rating.");
}
});
</script>
</body>
</html>
ACD Info Services India.http://www.blogger.com/profile/06786492051090213312noreply@blogger.comtag:blogger.com,1999:blog-1056654000783434466.post-23985818790385358432024-07-25T04:13:00.000-07:002024-07-25T04:13:39.519-07:00Bhalla Dental Clinic<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Review Us</title>
<style>
body {
font-family: Arial, sans-serif;
max-width: 600px;
margin: 50px auto;
padding: 20px;
border: 1px solid #ccc;
border-radius: 10px;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
h1 {
text-align: center;
}
.rating {
display: flex;
justify-content: center;
margin-bottom: 20px;
flex-direction: row-reverse; /* Reverse the order of stars */
}
.rating input {
display: none; /* Hide the radio buttons */
}
.rating label {
font-size: 2em;
margin: 0 5px;
cursor: pointer;
color: #ccc;
}
.rating input:checked ~ label {
color: gold;
}
.rating input:checked ~ label ~ label {
color: gold;
}
button {
display: block;
width: 100%;
padding: 10px;
font-size: 1em;
color: #fff;
background-color: #007BFF;
border: none;
border-radius: 5px;
cursor: pointer;
}
</style>
</head>
<body>
<h1>Review</h1>
<form id="reviewForm">
<div class="rating">
<input type="radio" id="star1" name="rating" value="1">
<label for="star1">★</label>
<input type="radio" id="star2" name="rating" value="2">
<label for="star2">★</label>
<input type="radio" id="star3" name="rating" value="3">
<label for="star3">★</label>
<input type="radio" id="star4" name="rating" value="4">
<label for="star4">★</label>
<input type="radio" id="star5" name="rating" value="5">
<label for="star5">★</label>
</div>
<textarea name="comments" rows="4" placeholder="Leave your comments here..."></textarea>
<br>
<button type="submit">Submit Review</button>
</form>
<script>
document.querySelectorAll('input[name="rating"]').forEach((input) => {
input.addEventListener('change', function() {
if (this.value < 3) {
window.location.href = 'https://g.page/r/CWcvrd3MXGCzEAE/review'; // Replace with your Google My Business URL
}
});
});
document.getElementById('reviewForm').addEventListener('submit', function(event) {
event.preventDefault();
const rating = document.querySelector('input[name="rating"]:checked');
if (rating) {
if (rating.value >= 4) {
alert("Thank you for your feedback!");
} else {
alert("Thank you for your feedback!");
}
} else {
alert("Please select a star rating.");
}
});
</script>
</body>
</html>
ACD Info Services India.http://www.blogger.com/profile/06786492051090213312noreply@blogger.comtag:blogger.com,1999:blog-1056654000783434466.post-46765475774389630442024-07-24T11:13:00.000-07:002024-07-24T11:13:18.091-07:00Review Tooth Care Dental Clinic on Google<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Review Us</title>
<style>
body {
font-family: Arial, sans-serif;
max-width: 600px;
margin: 50px auto;
padding: 20px;
border: 1px solid #ccc;
border-radius: 10px;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
h1 {
text-align: center;
}
.rating {
display: flex;
justify-content: center;
margin-bottom: 20px;
flex-direction: row-reverse; /* Reverse the order of stars */
}
.rating input {
display: none; /* Hide the radio buttons */
}
.rating label {
font-size: 2em;
margin: 0 5px;
cursor: pointer;
color: #ccc;
}
.rating input:checked ~ label {
color: gold;
}
.rating input:checked ~ label ~ label {
color: gold;
}
button {
display: block;
width: 100%;
padding: 10px;
font-size: 1em;
color: #fff;
background-color: #007BFF;
border: none;
border-radius: 5px;
cursor: pointer;
}
</style>
</head>
<body>
<h1>Review Us</h1>
<form id="reviewForm">
<div class="rating">
<input type="radio" id="star1" name="rating" value="1">
<label for="star1">★</label>
<input type="radio" id="star2" name="rating" value="2">
<label for="star2">★</label>
<input type="radio" id="star3" name="rating" value="3">
<label for="star3">★</label>
<input type="radio" id="star4" name="rating" value="4">
<label for="star4">★</label>
<input type="radio" id="star5" name="rating" value="5">
<label for="star5">★</label>
</div>
<textarea name="comments" rows="4" placeholder="Leave your comments here..."></textarea>
<br>
<button type="submit">Submit Review</button>
</form>
<script>
document.querySelectorAll('input[name="rating"]').forEach((input) => {
input.addEventListener('change', function() {
if (this.value < 3) {
window.location.href = 'https://g.page/r/CV29wmaqwkr8EAE/review'; // Replace with your Google My Business URL
}
});
});
document.getElementById('reviewForm').addEventListener('submit', function(event) {
event.preventDefault();
const rating = document.querySelector('input[name="rating"]:checked');
if (rating) {
if (rating.value >= 4) {
alert("Thank you for your feedback!");
} else {
alert("Thank you for your feedback!");
}
} else {
alert("Please select a star rating.");
}
});
</script>
</body>
</html>
ACD Info Services India.http://www.blogger.com/profile/06786492051090213312noreply@blogger.comtag:blogger.com,1999:blog-1056654000783434466.post-78325415470514836682024-07-24T11:06:00.000-07:002024-07-24T11:06:18.000-07:00Review Odontos on Google<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Review Us</title>
<style>
body {
font-family: Arial, sans-serif;
max-width: 600px;
margin: 50px auto;
padding: 20px;
border: 1px solid #ccc;
border-radius: 10px;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
h1 {
text-align: center;
}
.rating {
display: flex;
justify-content: center;
margin-bottom: 20px;
flex-direction: row-reverse; /* Reverse the order of stars */
}
.rating input {
display: none; /* Hide the radio buttons */
}
.rating label {
font-size: 2em;
margin: 0 5px;
cursor: pointer;
color: #ccc;
}
.rating input:checked ~ label {
color: gold;
}
.rating input:checked ~ label ~ label {
color: gold;
}
button {
display: block;
width: 100%;
padding: 10px;
font-size: 1em;
color: #fff;
background-color: #007BFF;
border: none;
border-radius: 5px;
cursor: pointer;
}
</style>
</head>
<body>
<h1>Review Us</h1>
<form id="reviewForm">
<div class="rating">
<input type="radio" id="star1" name="rating" value="1">
<label for="star1">★</label>
<input type="radio" id="star2" name="rating" value="2">
<label for="star2">★</label>
<input type="radio" id="star3" name="rating" value="3">
<label for="star3">★</label>
<input type="radio" id="star4" name="rating" value="4">
<label for="star4">★</label>
<input type="radio" id="star5" name="rating" value="5">
<label for="star5">★</label>
</div>
<textarea name="comments" rows="4" placeholder="Leave your comments here..."></textarea>
<br>
<button type="submit">Submit Review</button>
</form>
<script>
document.querySelectorAll('input[name="rating"]').forEach((input) => {
input.addEventListener('change', function() {
if (this.value < 3) {
window.location.href = 'https://g.page/r/CQPGW7r004JREAE/review'; // Replace with your Google My Business URL
}
});
});
document.getElementById('reviewForm').addEventListener('submit', function(event) {
event.preventDefault();
const rating = document.querySelector('input[name="rating"]:checked');
if (rating) {
if (rating.value >= 4) {
alert("Thank you for your feedback!");
} else {
alert("Thank you for your feedback!");
}
} else {
alert("Please select a star rating.");
}
});
</script>
</body>
</html>
ACD Info Services India.http://www.blogger.com/profile/06786492051090213312noreply@blogger.com