dwd-projects/holywisdompublicschool.com
1
0
Fork 0
generated from dwd/boilarplate-astro-tailwind
Code Issues Pull Requests Packages Projects Releases Wiki Activity

s1

Browse Source
This commit is contained in:
dev2 siliconpin
2024-06-29 16:13:35 +00:00
parent 5abf9a244b
commit 43ae68b359
59 changed files with 1335 additions and 140 deletions
Download Patch File Download Diff File Expand all files Collapse all files

23
src/components/ContactForm.vue
View File

@@ -38,18 +38,27 @@
email: "",
message: "",
userQurie: true,
domain: 'sample.com',
owner: 'Holly Wisdom Public School',
referrer: 'Holly Wisdom Public School',
}
},
methods:{
saveFormData(e){
e.preventDefault();
let formData = {
name: this.name,
mobile: this.phone,
email: this.email,
message: this.message
data:{
name: this.name,
phone: this.phone,
email: this.email,
message: this.message
},
owner: this.owner,
domain: this.domain,
referrer: this.referrer
}
fetch(`https://api8.siliconpin.com/items/hps_contact`,
console.log(formData);
fetch(`http://api.siliconpin.com/v3/contact-form-processor/`,
{
method: 'POST',
headers: {
@@ -58,8 +67,8 @@
body: JSON.stringify(formData)
})
.then(response => response.json())
.then(data => {
console.log("Saved Form Data")
.then(resData => {
// console.log("Saved Form resData", resData)
})
this.userQurie = false;
}

24
src/components/FAQ.vue
View File

@@ -3,19 +3,19 @@
<section class="mt-16">
<div class="flex flex-col lg:flex-row place-content-between gap-x-4">
<div class="flex flex-col w-full">
<h1 class="text-[#47ae6a] hero-text font-bold">Frequently Asked <span class="text-[#3084b5]">Questions</span> </h1>
<div class="grid h-fit" v-for="data in faqData" :key="data.questionNumber">
<details>
<summary>
<div class="flex inline-flex cursor-pointer">{{ data.question }}</div>
</summary>
<div v-html="data.answer"></div>
</details>
<h1 class="text-[#47ae6a] hero-text font-bold">Frequently Asked <span class="text-[#3084b5]">Questions</span> </h1>
<div class="grid h-fit" v-for="data in faqData" :key="data.questionNumber">
<details>
<summary>
<div class="flex inline-flex cursor-pointer">{{ data.question }}</div>
</summary>
<div v-html="data.answer"></div>
</details>
</div>
</div>
<div class="flex flex-col justify-center place-items-center">
<img class="w-fit rounded-full border-2 shadow-xl" src="/img/faq1.jpg" alt="">
</div>
</div>
<div class="flex justify-center place-items-center">
<img class="max-w-lg rounded-full border-2 shadow-xl" src="/img/faq.jpg" alt="">
</div>
</div>
</section>
</div>

2
src/components/Footer.astro
View File

@@ -15,7 +15,7 @@
<section class="container-fluid back2">
<div class="container mx-auto px-4 grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4 p-4">
<div class="flex flex-col justify-center place-items-center border p-2 rounded-xl">
<img class="h-[100px]" src="/img/hps_logo.png" alt="Holywisdom Public School" />
<img class="h-[100px]" src="public/img/logo(202).png" alt="Holywisdom Public School" />
<p class="text-[15px] text-justify">At <a href="/" class="text-[#3084b5]">Holywisdom Public School,</a> we proudly embrace the Montessori approach, championing Maria Montessori's vision. This child-centered method encourages independence, creativity, and a love for learning in a prepared environment.</p>
</div>
<div class="flex flex-col gap-y-4 border p-2 rounded-xl">

15
src/components/MainHeader.astro
View File

@@ -1,7 +1,7 @@
<div>
<nav>
<div class="logo">
<a href="/"><img src="/img/hps_logo.png" alt="Holywisdom Public School Logo" /></a>
<a href="/"><img src="public/img/logo(202).png" alt="Holywisdom Public School Logo" /></a>
</div>
<div class="hamburger">
<div class="line1"></div>
@@ -15,11 +15,14 @@
<!-- <li><a href="#">Products</a></li> -->
<!-- <li><a href="#">Services</a></li> -->
<li><a href="/about">About</a></li>
<li><a href="/overview">Overview</a></li>
<li><a href="/admission">Admission</a></li>
<li><a href="/contact">Contact</a></li>
<li><a href="/login">Login</a></li>
<li><a href="/sign-up">Signup</a></li>
<!-- <li><a href="/login">Login</a></li>
<li><a href="/sign-up">Signup</a></li> -->
<!-- <li><button class="login-button">Login</button></li>
<li><button class="join-button">Join</button></li> -->
</ul>
@@ -54,8 +57,8 @@
overflow-x: hidden;
}
nav{
height: 6rem;
width: 100vw;
/* height: 6rem; */
width: 100%;
background-color: #FFF;
box-shadow: 0 3px 20px rgba(0, 0, 0, 0.2);
display: flex;