MetatroncubeSoftwareSolutions/Murugan_Temple
3
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

iframe scoll and faq acordian issues are updated

Browse Source
This commit is contained in:
akash 2026-02-14 11:39:01 +05:30
parent d52db0cd08
commit 8f71e96a9c
4 changed files with 177 additions and 141 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

63
public/assets/sass/template/sections/_category.scss
View File

@ -211,23 +211,23 @@
} }
.thaipoosam-iframe { .thaipoosam-iframe {
height: 1500px; height: 1780px !important;
width: 100%; width: 100%;
} }
.donation-iframe{ .donation-iframe {
height: 1700px; height: 1911px;
width: 100%; width: 100%;
} }
@media(max-width:1024px) { @media(max-width:1024px) {
.annual-membership-iframe { .annual-membership-iframe {
height: 500px !important; height: 537px !important;
width: 100%; width: 100%;
} }
.life-membership-iframe { .life-membership-iframe {
height: 500px !important; height: 538px !important;
width: 100%; width: 100%;
} }
@ -235,28 +235,30 @@
height: 1500px; height: 1500px;
width: 100%; width: 100%;
} }
.donation-iframe{
height: 1700px; .donation-iframe {
height: 1911px;
width: 100%; width: 100%;
} }
} }
@media(max-width:768px) { @media(max-width:768px) {
.annual-membership-iframe { .annual-membership-iframe {
height: 600px !important; height: 622px !important;
width: 100%; width: 100%;
} }
.life-membership-iframe { .life-membership-iframe {
height: 600px !important; height: 630px !important;
width: 100%; width: 100%;
} }
.thaipoosam-iframe { .thaipoosam-iframe {
height: 1600px; height: 1780px;
width: 100%; width: 100%;
} }
.donation-iframe{
.donation-iframe {
height: 2000px; height: 2000px;
width: 100%; width: 100%;
} }
@ -264,15 +266,46 @@
@media(max-width:500px) { @media(max-width:500px) {
.donation-iframe{ .donation-iframe {
height: 2100px; height: 2161px;
width: 100%; width: 100%;
} }
.annual-membership-iframe {
height: 685px !important;
width: 100%;
}
.life-membership-iframe {
height: 717px !important;
width: 100%;
}
.thaipoosam-iframe {
height: 1772px !important;
width: 100%;
}
} }
@media(max-width:375px) { @media(max-width:375px) {
.donation-iframe{ .donation-iframe {
height: 2200px; height: 2440px;
width: 100%; width: 100%;
} }
.thaipoosam-iframe {
height: 1813px !important;
width: 100%;
}
.thiru-vilaku-i-frame{
height: 870px !important;
width: 100% !important;
}
} }

2
public/assets/sass/template/widgets/_widget-footer.scss
View File

@ -14,6 +14,7 @@
border-bottom: none; border-bottom: none;
margin: -0.04em 0 45px 0; margin: -0.04em 0 45px 0;
position: relative; position: relative;
text-align: start;
&:after { &:after {
display: none; display: none;
} }
@ -198,6 +199,7 @@
.footer-widget { .footer-widget {
.widget_title { .widget_title {
margin-bottom: 35px; margin-bottom: 35px;
text-align: center;
} }
} }
.footer-widget.widget_meta a, .footer-widget.widget_pages a, .footer-widget.widget_archive a, .footer-widget.widget_recent_entries a, .footer-widget.widget_categories a, .footer-widget.widget_nav_menu a { .footer-widget.widget_meta a, .footer-widget.widget_pages a, .footer-widget.widget_archive a, .footer-widget.widget_recent_entries a, .footer-widget.widget_categories a, .footer-widget.widget_nav_menu a {

1
src/components/EventsVilakkuPoojai.jsx
View File

@ -25,6 +25,7 @@ const EventsVilakkuPoojai = () => {
<div> <div>
<iframe <iframe
title="Annual Membership form powered by Zeffy" title="Annual Membership form powered by Zeffy"
className="thiru-vilaku-i-frame"
style={{ style={{
width: "100%", width: "100%",

252
src/components/FaqTwo.jsx
View File

@ -6,7 +6,7 @@ const FaqTwo = () => {
<div className="row gx-60 flew-row"> <div className="row gx-60 flew-row">
<div className="col-xl-6 order-1"> <div className="col-xl-6 order-1">
<div className="faq-thumb2 mb-xl-0 mb-0 mb-md-50"> <div className="faq-thumb2 mb-xl-0 mb-0 mb-md-50">
<img src="/assets/img/faq/faq2.jpg" alt="FAQ Image" /> <img src="/assets/img/faq/faq2.jpg" alt="FAQ Image" />
</div> </div>
</div> </div>
@ -23,157 +23,157 @@ const FaqTwo = () => {
/> />
</h2> </h2>
</div> */} </div> */}
<div className="accordion-area accordion" id="faqAccordion"> <div className="accordion-area accordion" id="faqAccordion2">
<div className="accordion-card style3"> <div className="accordion-card style3 active">
<div className="accordion-header" id="collapse-item-5"> <div className="accordion-header" id="collapse-item-5">
<button <button
className="accordion-button collapsed" className="accordion-button "
type="button" type="button"
data-bs-toggle="collapse" data-bs-toggle="collapse"
data-bs-target="#collapse-5" data-bs-target="#collapse-5"
aria-expanded="false" aria-expanded="true"
aria-controls="collapse-5" aria-controls="collapse-5"
>
{" "}
When will the temple be open to the public?
</button>
</div>
<div
id="collapse-5"
className="accordion-collapse collapse "
aria-labelledby="collapse-item-5"
data-bs-parent="#faqAccordion"
> >
<div className="accordion-body"> {" "}
<p className="faq-text"> When will the temple be open to the public?
</button>
</div>
<div
id="collapse-5"
className="accordion-collapse collapse show"
aria-labelledby="collapse-item-5"
data-bs-parent="#faqAccordion2"
>
<div className="accordion-body">
<p className="faq-text">
While a dedicated date for our permanent temple opening is not yet set, our immediate focus is on serving the community. We are beginning by renting spaces to conduct pujas and celebrate auspicious occasions. All event dates and locations will be announced on our website's homepage and our Events page. Please check back regularly for updates! While a dedicated date for our permanent temple opening is not yet set, our immediate focus is on serving the community. We are beginning by renting spaces to conduct pujas and celebrate auspicious occasions. All event dates and locations will be announced on our website's homepage and our Events page. Please check back regularly for updates!
</p> </p>
</div>
</div> </div>
</div> </div>
</div>
<div className="accordion-card style3"> <div className="accordion-card style3">
<div className="accordion-header" id="collapse-item-6"> <div className="accordion-header" id="collapse-item-6">
<button <button
className="accordion-button collapsed" className="accordion-button collapsed"
type="button" type="button"
data-bs-toggle="collapse" data-bs-toggle="collapse"
data-bs-target="#collapse-6" data-bs-target="#collapse-6"
aria-expanded="false" aria-expanded="false"
aria-controls="collapse-6" aria-controls="collapse-6"
>
{" "}
How can I become a member of the temple?
</button>
</div>
<div
id="collapse-6"
className="accordion-collapse collapse "
aria-labelledby="collapse-item-6"
data-bs-parent="#faqAccordion"
> >
<div className="accordion-body"> {" "}
<p className="faq-text"> How can I become a member of the temple?
</button>
</div>
<div
id="collapse-6"
className="accordion-collapse collapse "
aria-labelledby="collapse-item-6"
data-bs-parent="#faqAccordion2"
>
<div className="accordion-body">
<p className="faq-text">
You can become an annual or life member by filling out a membership form or contacting the temple board members by contacting <a href="mailto:info@waterloomurugantemple.ca">info@waterloomurugantemple.ca</a> You can become an annual or life member by filling out a membership form or contacting the temple board members by contacting <a href="mailto:info@waterloomurugantemple.ca">info@waterloomurugantemple.ca</a>
</p> </p>
</div>
</div> </div>
</div> </div>
</div>
<div className="accordion-card style3"> <div className="accordion-card style3">
<div className="accordion-header" id="collapse-item-7"> <div className="accordion-header" id="collapse-item-7">
<button <button
className="accordion-button collapsed" className="accordion-button collapsed"
type="button" type="button"
data-bs-toggle="collapse" data-bs-toggle="collapse"
data-bs-target="#collapse-7" data-bs-target="#collapse-7"
aria-expanded="false" aria-expanded="false"
aria-controls="collapse-7" aria-controls="collapse-7"
>
{" "}
Can I volunteer at the temple?
</button>
</div>
<div
id="collapse-7"
className="accordion-collapse collapse "
aria-labelledby="collapse-item-7"
data-bs-parent="#faqAccordion"
> >
<div className="accordion-body"> {" "}
{/* <p className="faq-text"> */} Can I volunteer at the temple?
<ol> </button>
<li>Yes! Volunteers are essential to our temple community. We welcome help in many areas listed here: </div>
<ul> <div
<li>Religious Services and Rituals:</li> id="collapse-7"
<li>Puja/Aarti Preparation: Assisting priests in preparing items and the altar area for daily pujas and aartis (rituals with lamps).</li> className="accordion-collapse collapse "
<li>Prasadam Preparation: Helping to prepare sacred food offerings (prasadam) for distribution.</li> aria-labelledby="collapse-item-7"
<li>Flower Garland Making: Creating beautiful garlands for adorning deities.</li> data-bs-parent="#faqAccordion2"
>
<div className="accordion-body">
{/* <p className="faq-text"> */}
<ol>
<li>Yes! Volunteers are essential to our temple community. We welcome help in many areas listed here:
<ul>
<li>Religious Services and Rituals:</li>
<li>Puja/Aarti Preparation: Assisting priests in preparing items and the altar area for daily pujas and aartis (rituals with lamps).</li>
<li>Prasadam Preparation: Helping to prepare sacred food offerings (prasadam) for distribution.</li>
<li>Flower Garland Making: Creating beautiful garlands for adorning deities.</li>
</ul> </ul>
</li> </li>
<li>Festival and Event Organization:
<ul>
<li><b>Event Setup/Cleanup:</b> Helping with decorations, setup, and cleaning before and after special events and festivals.</li>
<li><b>Crowd Management:</b> Assisting in guiding devotees, managing lines, and keeping order during large gatherings.</li>
<li><b>Food Preparation and Service:</b> Helping with food stalls or large-scale meal preparation (Annadanam) during festivals and events.</li>
</ul>
</li>
<li>Cultural Programs:
<ul>
<li><b>Cultural Programs:</b> Assist with planning or participating in cultural performances.</li>
</ul>
</li>
<li>Cleaning and Upkeep:
<ul>
<li>Help maintain the cleanliness and orderliness of the temple premises.
</li>
</ul>
</li>
</ol>
{/* </p> */}
</div>
</div>
</div>
<div className="accordion-card style3"> <li>Festival and Event Organization:
<div className="accordion-header" id="collapse-item-8"> <ul>
<button <li><b>Event Setup/Cleanup:</b> Helping with decorations, setup, and cleaning before and after special events and festivals.</li>
className="accordion-button collapsed" <li><b>Crowd Management:</b> Assisting in guiding devotees, managing lines, and keeping order during large gatherings.</li>
type="button" <li><b>Food Preparation and Service:</b> Helping with food stalls or large-scale meal preparation (Annadanam) during festivals and events.</li>
data-bs-toggle="collapse" </ul>
data-bs-target="#collapse-8" </li>
aria-expanded="false" <li>Cultural Programs:
aria-controls="collapse-8" <ul>
> <li><b>Cultural Programs:</b> Assist with planning or participating in cultural performances.</li>
{" "} </ul>
How to donate to temple? </li>
</button> <li>Cleaning and Upkeep:
<ul>
<li>Help maintain the cleanliness and orderliness of the temple premises.
</li>
</ul>
</li>
</ol>
{/* </p> */}
</div> </div>
<div </div>
id="collapse-8" </div>
className="accordion-collapse collapse "
aria-labelledby="collapse-item-8" <div className="accordion-card style3">
data-bs-parent="#faqAccordion" <div className="accordion-header" id="collapse-item-8">
<button
className="accordion-button collapsed"
type="button"
data-bs-toggle="collapse"
data-bs-target="#collapse-8"
aria-expanded="false"
aria-controls="collapse-8"
> >
<div className="accordion-body"> {" "}
<p className="faq-text"> How to donate to temple?
</button>
</div>
<div
id="collapse-8"
className="accordion-collapse collapse "
aria-labelledby="collapse-item-8"
data-bs-parent="#faqAccordion2"
>
<div className="accordion-body">
<p className="faq-text">
We are current looking for weekly, monthly, annual or one time donation. All proceeds go towards the initial start up cost and day to day expenses. Kindly follow this link to donate. Your contribution does not cost any extra fee.</p><br/> We are current looking for weekly, monthly, annual or one time donation. All proceeds go towards the initial start up cost and day to day expenses. Kindly follow this link to donate. Your contribution does not cost any extra fee.</p><br/>
<p className="faq-text">In the event, you are interested in giving a pledge towards a land purchase, feel free to contact one of the board members or send us an email. <p className="faq-text">In the event, you are interested in giving a pledge towards a land purchase, feel free to contact one of the board members or send us an email.
</p> </p>
</div>
</div> </div>
</div> </div>
</div>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
</section> </section>
); );
}; };