Suvodip
|
After Width: | Height: | Size: 454 KiB |
|
After Width: | Height: | Size: 709 KiB |
|
After Width: | Height: | Size: 127 KiB |
|
After Width: | Height: | Size: 26 KiB |
|
After Width: | Height: | Size: 12 KiB |
|
After Width: | Height: | Size: 532 KiB |
|
After Width: | Height: | Size: 465 KiB |
|
After Width: | Height: | Size: 1.2 MiB |
|
After Width: | Height: | Size: 1.2 MiB |
|
|
@ -9,10 +9,11 @@ import FAQ from "../components/FAQ.vue";
|
|||
<Layout title="Holy Wisdom Public School">
|
||||
<main>
|
||||
<div class="pb-16">
|
||||
<section class="container-fluid gradintBack">
|
||||
<div
|
||||
class="container mx-auto px-4 flex flex-col-reverse xl:flex-row place-items-center gap-y-4"
|
||||
>
|
||||
<div class="mx-auto">
|
||||
<img class="w-full" src="/img/new-bg4.png" alt="">
|
||||
</div>
|
||||
<!-- <section class="container-fluid gradintBack">
|
||||
<div class="container mx-auto px-4 flex flex-col-reverse xl:flex-row place-items-center gap-y-4">
|
||||
<div class="w-full">
|
||||
<img
|
||||
class="w-full xl:max-w-2xl"
|
||||
|
|
@ -21,13 +22,11 @@ import FAQ from "../components/FAQ.vue";
|
|||
/>
|
||||
</div>
|
||||
<div class="flex flex-col w-full">
|
||||
<!-- <h1 class="text-3xl md:text-4xl lg:text-5xl text-[#47ae6a]">A Montessori-inspired School Curriculum</h1> -->
|
||||
<h1
|
||||
class="text-3xl md:text-4xl lg:text-5xl text-[#47ae6a]"
|
||||
>
|
||||
HOLY WISDOM PUBLIC SCHOOL
|
||||
</h1>
|
||||
<!-- <h2 class="text-2xl md:text-3xl text-[#3084b5] py-4">Conduct classroom sessions effortlessly and with assurance.</h2> -->
|
||||
<h2 class="text-2xl md:text-2xl text-[#3084b5] py-4">
|
||||
An ideal institution for Children’s Education in
|
||||
this area.
|
||||
|
|
@ -55,8 +54,7 @@ import FAQ from "../components/FAQ.vue";
|
|||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- grid grid-cols-1 md:grid-cols-2 -->
|
||||
</section>
|
||||
</section> -->
|
||||
<section class="container mx-auto px-4 mt-16 mb-10 2xl:-mb-16">
|
||||
<div class="flex flex-col md:flex-row justify-center gap-4">
|
||||
<div class="w-full md:w-2/3">
|
||||
|
|
|
|||
|
|
@ -1,70 +0,0 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>Form Submission</title>
|
||||
</head>
|
||||
<body>
|
||||
<form id="formSection">
|
||||
<p class="text-2xl py-4">Write your Query</p>
|
||||
<div class="pb-3">
|
||||
<label for="name">Name:<span class="text-red-500">*</span></label>
|
||||
<input id="name" name="name" type="text" placeholder="Enter your Name" required />
|
||||
</div>
|
||||
<div>
|
||||
<label for="phone">Mobile:<span class="text-red-500">*</span></label>
|
||||
<input id="phone" name="phone" type="text" placeholder="Enter your Mobile Number" required />
|
||||
</div>
|
||||
<div class="py-3">
|
||||
<label for="email">E-mail ID:<span class="text-red-500">*</span></label>
|
||||
<input id="email" name="email" type="email" placeholder="Enter your E-mail ID" required />
|
||||
</div>
|
||||
<div>
|
||||
<label for="message">Write your Query:<span class="text-red-500">*</span></label>
|
||||
<textarea id="message" name="message" rows="7" placeholder="Write your Query" required></textarea>
|
||||
</div>
|
||||
<div>
|
||||
<input type="submit" value="Submit" />
|
||||
</div>
|
||||
</form>
|
||||
|
||||
<script is:inline>
|
||||
document.getElementById('formSection').addEventListener('submit', function(event) {
|
||||
event.preventDefault();
|
||||
|
||||
const formData = {
|
||||
data: {
|
||||
name: document.getElementById('name').value,
|
||||
phone: document.getElementById('phone').value,
|
||||
email: document.getElementById('email').value,
|
||||
message: document.getElementById('message').value
|
||||
},
|
||||
owner: 'owner_value', // Replace with appropriate value
|
||||
domain: 'domain_value', // Replace with appropriate value
|
||||
referrer: document.referrer
|
||||
};
|
||||
|
||||
fetch('your_backend_endpoint', { // Replace with your backend endpoint URL
|
||||
method: 'POST',
|
||||
headers: {
|
||||
'Content-Type': 'application/json'
|
||||
},
|
||||
body: JSON.stringify(formData)
|
||||
})
|
||||
.then(response => response.json())
|
||||
.then(data => {
|
||||
if (data.success) {
|
||||
alert('Data submitted successfully');
|
||||
} else {
|
||||
alert('Error: ' + data.message);
|
||||
}
|
||||
})
|
||||
.catch(error => {
|
||||
console.error('Error:', error);
|
||||
alert('An error occurred while submitting the form');
|
||||
});
|
||||
});
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||