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">
|
<Layout title="Holy Wisdom Public School">
|
||||||
<main>
|
<main>
|
||||||
<div class="pb-16">
|
<div class="pb-16">
|
||||||
<section class="container-fluid gradintBack">
|
<div class="mx-auto">
|
||||||
<div
|
<img class="w-full" src="/img/new-bg4.png" alt="">
|
||||||
class="container mx-auto px-4 flex flex-col-reverse xl:flex-row place-items-center gap-y-4"
|
</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">
|
<div class="w-full">
|
||||||
<img
|
<img
|
||||||
class="w-full xl:max-w-2xl"
|
class="w-full xl:max-w-2xl"
|
||||||
|
|
@ -21,13 +22,11 @@ import FAQ from "../components/FAQ.vue";
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
<div class="flex flex-col w-full">
|
<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
|
<h1
|
||||||
class="text-3xl md:text-4xl lg:text-5xl text-[#47ae6a]"
|
class="text-3xl md:text-4xl lg:text-5xl text-[#47ae6a]"
|
||||||
>
|
>
|
||||||
HOLY WISDOM PUBLIC SCHOOL
|
HOLY WISDOM PUBLIC SCHOOL
|
||||||
</h1>
|
</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">
|
<h2 class="text-2xl md:text-2xl text-[#3084b5] py-4">
|
||||||
An ideal institution for Children’s Education in
|
An ideal institution for Children’s Education in
|
||||||
this area.
|
this area.
|
||||||
|
|
@ -55,8 +54,7 @@ import FAQ from "../components/FAQ.vue";
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</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">
|
<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="flex flex-col md:flex-row justify-center gap-4">
|
||||||
<div class="w-full md:w-2/3">
|
<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>
|
|
||||||