Correcttion and responsive updated

This commit is contained in:
akash 2025-08-16 16:25:14 +05:30
commit 96e0cd588e
4 changed files with 36 additions and 30 deletions

View File

@ -37,7 +37,7 @@ export default function HomeHeroBanner() {
buttonLink: "/upcoming-event",
},
{
title: 'Lighting hearts across<br />A blend of spirit',
title: 'Lighting hearts across<br />A pure blend of spirit',
date: 'SERVING',
location: 'WATERLOO KITCHENER CAMBRIDGE- GUELPH BRANTFORD AND SURROUNDING AREAS SINCE 1989',
bgImage: '/assets/img/home/banner/banner-4.webp',
@ -46,7 +46,7 @@ export default function HomeHeroBanner() {
buttonLink: "/community",
},
{
title: ' Rooted in timeless old <br />Echoes of legacy',
title: 'Rooted in deep tradition <br />Echoes of true legacy',
date: 'SERVING',
location: 'WATERLOO KITCHENER CAMBRIDGE- GUELPH BRANTFORD AND SURROUNDING AREAS SINCE 1989',
bgImage: '/assets/img/home/banner/banner-5.webp',

View File

@ -121,7 +121,7 @@ export default function HomeUpcomingEvent() {
<div className="event2-boxarea box1">
<h1 className="active">02</h1>
<div className="row align-items-center">
<div className="col-lg-6">
<div className="col-lg-6 order-2 order-lg-1">
<div className="content-area">
<ul>
<li>
@ -165,7 +165,7 @@ export default function HomeUpcomingEvent() {
</div>
<div className="space30 d-lg-none d-block" />
</div>
<div className="col-lg-5">
<div className="col-lg-5 order-1 order-lg-2">
<div className="img1">
<img src="/assets/img/home/upcoming-events/upcoming-events-2.webp" alt="" />
</div>

View File

@ -66,24 +66,6 @@ export default function MobileMenu({ isMobileMenu, handleMobileMenu }: any) {
<li className="hash-has-sub"><Link href="/about/committee" className="hash-nav">Committee</Link></li>
</ul>
</li>
<li className="has-sub hash-has-sub"><span className={`submenu-button ${isAccordion == 2 ? "submenu-opened" : ""}`} onClick={() => handleAccordion(2)}><em /></span>
<Link href="#" className="hash-nav">Registration </Link>
<ul className={`sub-menu ${isAccordion == 2 ? "open-sub" : ""}`} style={{ display: `${isAccordion == 2 ? "block" : "none"}` }}>
<li className="hash-has-sub"><Link href="/register/membership-2024" className="hash-nav">Membership - 2024</Link></li>
<li className="hash-has-sub"><Link href="/register/membership-2025" className="hash-nav">Membership - 2025</Link></li>
<li className="hash-has-sub"><Link href="/register/thai-pongal-2025" className="hash-nav">Thai Pongal</Link></li>
<li className="hash-has-sub"><Link href="/register/tamil-new-year" className="hash-nav">Tamil New Year</Link></li>
<li className="hash-has-sub"><Link href="/register/community-picnic" className="hash-nav">Community Picnic</Link></li>
<li className="hash-has-sub"><Link href="/register/sports-day" className="hash-nav">Sports Day</Link></li>
<li className="hash-has-sub"><Link href="/register/kalai-vizha" className="hash-nav">Kalai Vizha</Link></li>
<li className="hash-has-sub"><Link href="/register/christmas" className="hash-nav">Christmas & Year End</Link></li>
<li className="hash-has-sub"><Link href="/register/performance" className="hash-nav">Program Performance Registration</Link></li>
<li className="hash-has-sub"><Link href="/register/sponsor" className="hash-nav">Sponsor</Link></li>
<li className="hash-has-sub"><Link href="/register/registration-form" className="hash-nav">Whatsapp Form</Link></li>
<li className="hash-has-sub"><Link href="/register/volunteer" className="hash-nav">Volunteer</Link></li>
{/* <li className="hash-has-sub"><Link href="/speakers-single" className="hash-nav">Speakers Details</Link></li> */}
</ul>
</li>
<li className="has-sub hash-has-sub"><span className={`submenu-button ${isAccordion == 6 ? "submenu-opened" : ""}`} onClick={() => handleAccordion(6)}><em /></span>
<Link href="/tamil-culture" className="hash-nav">Tamil Culture</Link>
@ -120,6 +102,31 @@ export default function MobileMenu({ isMobileMenu, handleMobileMenu }: any) {
</li>
</ul>
</li>
<li className="has-sub hash-has-sub"><span className={`submenu-button ${isAccordion == 5 ? "submenu-opened" : ""}`} onClick={() => handleAccordion(5)}><em /></span>
<Link href="#" className="hash-nav">Events</Link>
<ul className={`sub-menu ${isAccordion == 5 ? "open-sub" : ""}`} style={{ display: `${isAccordion == 5 ? "block" : "none"}` }}>
<li className="hash-has-sub"><Link href="/upcoming-event" className="hash-nav">Upcoming Event</Link></li>
<li className="hash-has-sub"><Link href="/photo-gallery" className="hash-nav">Photos Gallery</Link></li>
</ul>
</li>
<li className="has-sub hash-has-sub"><span className={`submenu-button ${isAccordion == 2 ? "submenu-opened" : ""}`} onClick={() => handleAccordion(2)}><em /></span>
<Link href="#" className="hash-nav">Registration </Link>
<ul className={`sub-menu ${isAccordion == 2 ? "open-sub" : ""}`} style={{ display: `${isAccordion == 2 ? "block" : "none"}` }}>
<li className="hash-has-sub"><Link href="/register/membership-2024" className="hash-nav">Membership - 2024</Link></li>
<li className="hash-has-sub"><Link href="/register/membership-2025" className="hash-nav">Membership - 2025</Link></li>
<li className="hash-has-sub"><Link href="/register/thai-pongal-2025" className="hash-nav">Thai Pongal</Link></li>
<li className="hash-has-sub"><Link href="/register/tamil-new-year" className="hash-nav">Tamil New Year</Link></li>
<li className="hash-has-sub"><Link href="/register/community-picnic" className="hash-nav">Community Picnic</Link></li>
<li className="hash-has-sub"><Link href="/register/sports-day" className="hash-nav">Sports Day</Link></li>
<li className="hash-has-sub"><Link href="/register/kalai-vizha" className="hash-nav">Kalai Vizha</Link></li>
<li className="hash-has-sub"><Link href="/register/christmas" className="hash-nav">Christmas & Year End</Link></li>
<li className="hash-has-sub"><Link href="/register/performance" className="hash-nav">Program Performance Registration</Link></li>
<li className="hash-has-sub"><Link href="/register/sponsor" className="hash-nav">Sponsor</Link></li>
<li className="hash-has-sub"><Link href="/register/registration-form" className="hash-nav">Whatsapp Form</Link></li>
<li className="hash-has-sub"><Link href="/register/volunteer" className="hash-nav">Volunteer</Link></li>
{/* <li className="hash-has-sub"><Link href="/speakers-single" className="hash-nav">Speakers Details</Link></li> */}
</ul>
</li>
<li className="has-sub hash-has-sub"><span className={`submenu-button ${isAccordion == 4 ? "submenu-opened" : ""}`} onClick={() => handleAccordion(4)}><em /></span>
<Link href="/community" className="hash-nav">Community</Link>
<ul className={`sub-menu ${isAccordion == 4 ? "open-sub" : ""}`} style={{ display: `${isAccordion == 4 ? "block" : "none"}` }}>
@ -131,13 +138,6 @@ export default function MobileMenu({ isMobileMenu, handleMobileMenu }: any) {
<li className="hash-has-sub"><Link href="/community/global-relief-fund" className="hash-nav">Global Relief Fund</Link></li>
</ul>
</li>
<li className="has-sub hash-has-sub"><span className={`submenu-button ${isAccordion == 5 ? "submenu-opened" : ""}`} onClick={() => handleAccordion(5)}><em /></span>
<Link href="#" className="hash-nav">Events</Link>
<ul className={`sub-menu ${isAccordion == 5 ? "open-sub" : ""}`} style={{ display: `${isAccordion == 5 ? "block" : "none"}` }}>
<li className="hash-has-sub"><Link href="/upcoming-event" className="hash-nav">Upcoming Event</Link></li>
<li className="hash-has-sub"><Link href="/photo-gallery" className="hash-nav">Photos Gallery</Link></li>
</ul>
</li>
<li className="hash-has-sub"><Link href="/contact" className="hash-nav">Contact</Link></li>
</ul>

View File

@ -22452,12 +22452,18 @@ html {
.about2-section-area .elements12 {
position: absolute;
left: 0;
top: 0;
top: -38px;
height: 100%;
width: 1000px;
object-fit: cover;
}
@media (max-width: 768px) {
.about2-section-area .elements12 {
top: -83px;
}
}
.about2-section-area .about-images-area {
position: relative;
z-index: 1;