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

home responsive checked

Browse Source
This commit is contained in:
Selvi 2025-07-25 20:23:14 +05:30
parent 918c31b781
commit cc931265a5
4 changed files with 43 additions and 22 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
components/home/HomePhotoGallerySection.tsx
View File

@ -23,9 +23,6 @@ export default function HomePhotoGallerySection() {
{ src: "/assets/img/home/photos-gallery/kw.webp", delay: 1200, year: 1989 }, { src: "/assets/img/home/photos-gallery/kw.webp", delay: 1200, year: 1989 },
{ src: "/assets/img/home/photos-gallery/tamil-heritage.webp", delay: 800, year: 2025 }, { src: "/assets/img/home/photos-gallery/tamil-heritage.webp", delay: 800, year: 2025 },
{ src: "/assets/img/all-images/memory/memory-img9.png", delay: 1000, year: 2004 },
{ src: "/assets/img/all-images/memory/memory-img4.png", delay: 1000, year: 1989 },
{ src: "/assets/img/all-images/memory/memory-img9.png", delay: 1200, year: 2025 },
]; ];
const [open, setOpen] = useState(false); const [open, setOpen] = useState(false);

33
components/layout/MobileMenu.tsx
View File

@ -35,9 +35,9 @@ const handleAccordion = (key: any) => {
</div> </div>
<div className="mobile-nav mobile-nav1"> <div className="mobile-nav mobile-nav1">
<ul className="mobile-nav-list nav-list1"> <ul className="mobile-nav-list nav-list1">
<li className="has-sub hash-has-sub"><span className={`submenu-button ${isAccordion == 1 ? "submenu-opened" : ""}`}onClick={() => handleAccordion (1)}><em /></span> <li className="has-sub hash-has-sub">
<Link href="/#" className="hash-nav">Home </Link> <Link href="/" className="hash-nav">Home </Link>
<ul className={`sub-menu ${isAccordion == 1 ? "open-sub" : ""}`} style={{ display: `${isAccordion == 1 ? "block" : "none"}` }}> {/* <ul className={`sub-menu ${isAccordion == 1 ? "open-sub" : ""}`} style={{ display: `${isAccordion == 1 ? "block" : "none"}` }}>
<li className="hash-has-sub"><Link href="/" className="hash-nav">Home One</Link></li> <li className="hash-has-sub"><Link href="/" className="hash-nav">Home One</Link></li>
<li className="hash-has-sub"><Link href="/index2" className="hash-nav">Home Two</Link></li> <li className="hash-has-sub"><Link href="/index2" className="hash-nav">Home Two</Link></li>
<li className="hash-has-sub"><Link href="/index3" className="hash-nav">Home Three</Link></li> <li className="hash-has-sub"><Link href="/index3" className="hash-nav">Home Three</Link></li>
@ -48,14 +48,33 @@ const handleAccordion = (key: any) => {
<li className="hash-has-sub"><Link href="/index8" className="hash-nav">Home Eight</Link></li> <li className="hash-has-sub"><Link href="/index8" className="hash-nav">Home Eight</Link></li>
<li className="hash-has-sub"><Link href="/index9" className="hash-nav">Home Nine</Link></li> <li className="hash-has-sub"><Link href="/index9" className="hash-nav">Home Nine</Link></li>
<li className="hash-has-sub"><Link href="/index10" className="hash-nav">Home Ten</Link></li> <li className="hash-has-sub"><Link href="/index10" className="hash-nav">Home Ten</Link></li>
</ul> */}
</li>
<li className="has-sub hash-has-sub"><span className={`submenu-button ${isAccordion == 3 ? "submenu-opened" : ""}`} onClick={() => handleAccordion(3)}><em /></span>
<Link href="/about" className="hash-nav">About</Link>
<ul className={`sub-menu ${isAccordion == 3 ? "open-sub" : ""}`} style={{ display: `${isAccordion == 3 ? "block" : "none"}` }}>
<li className="hash-has-sub"><Link href="/about/association" className="hash-nav">Association</Link></li>
<li className="hash-has-sub"><Link href="/about/mission" className="hash-nav">Mission</Link></li>
<li className="hash-has-sub"><Link href="/about/constitution" className="hash-nav">Constitution</Link></li>
<li className="hash-has-sub"><Link href="/about/committee" className="hash-nav">Committee</Link></li>
</ul> </ul>
</li> </li>
<li className="hash-has-sub"><Link href="/about" className="hash-nav">About Event</Link></li>
<li className="has-sub hash-has-sub"><span className={`submenu-button ${isAccordion == 2 ? "submenu-opened" : ""}`} onClick={() => handleAccordion(2)}><em /></span> <li className="has-sub hash-has-sub"><span className={`submenu-button ${isAccordion == 2 ? "submenu-opened" : ""}`} onClick={() => handleAccordion(2)}><em /></span>
<Link href="/features" className="hash-nav">Speakers</Link> <Link href="/online" className="hash-nav">Online</Link>
<ul className={`sub-menu ${isAccordion == 2 ? "open-sub" : ""}`} style={{ display: `${isAccordion == 2 ? "block" : "none"}` }}> <ul className={`sub-menu ${isAccordion == 2 ? "open-sub" : ""}`} style={{ display: `${isAccordion == 2 ? "block" : "none"}` }}>
<li className="hash-has-sub"><Link href="/speakers" className="hash-nav">Speakers</Link></li> <li className="hash-has-sub"><Link href="/online/membership-2024" className="hash-nav">Membership - 2024</Link></li>
<li className="hash-has-sub"><Link href="/speakers-single" className="hash-nav">Speakers Details</Link></li> <li className="hash-has-sub"><Link href="/online/membership-2025" className="hash-nav">Membership - 2025</Link></li>
<li className="hash-has-sub"><Link href="/online/thai-pongal-2025" className="hash-nav">Thai Pongal</Link></li>
<li className="hash-has-sub"><Link href="/online/tamil-new-year" className="hash-nav">Tamil New Year</Link></li>
<li className="hash-has-sub"><Link href="/online/community-picnic" className="hash-nav">Community Picnic</Link></li>
<li className="hash-has-sub"><Link href="/online/sports-day" className="hash-nav">Sports Day</Link></li>
<li className="hash-has-sub"><Link href="/online/kalai-vizha" className="hash-nav">Kalai Vizha</Link></li>
<li className="hash-has-sub"><Link href="/online/christmas" className="hash-nav">Christmas & Year End</Link></li>
<li className="hash-has-sub"><Link href="/online/performance" className="hash-nav">Program Performance Registration</Link></li>
<li className="hash-has-sub"><Link href="/online/sponsor" className="hash-nav">Sponsor</Link></li>
<li className="hash-has-sub"><Link href="/online/registration-form" className="hash-nav">Whatsapp Form</Link></li>
<li className="hash-has-sub"><Link href="/online/volunteer" className="hash-nav">Volunteer</Link></li>
{/* <li className="hash-has-sub"><Link href="/speakers-single" className="hash-nav">Speakers Details</Link></li> */}
</ul> </ul>
</li> </li>
<li className="has-sub hash-has-sub"><span className={`submenu-button ${isAccordion == 3 ? "submenu-opened" : ""}`} onClick={() => handleAccordion(3)}><em /></span> <li className="has-sub hash-has-sub"><span className={`submenu-button ${isAccordion == 3 ? "submenu-opened" : ""}`} onClick={() => handleAccordion(3)}><em /></span>

2
components/online/sponsor/Section3.jsx
View File

@ -47,7 +47,7 @@ export default function Section3() {
</div> </div>
<div className="col-lg-6"> <div className="col-lg-6">
<div className="img"> <div className="img">
<img src="/assets/img/online/sponsor-ship/sponsor-1.webp" style={{ height: "750px" }} alt="" /> <img src="/assets/img/online/sponsor-ship/sponsor-1.webp" alt="" />
</div> </div>
</div> </div>

5
public/assets/css/main.css
View File

@ -28325,6 +28325,11 @@ h2.custom-text.aos-init.aos-animate{
display: none !important; display: none !important;
} }
} }
@media (max-width: 1440px) {
.culture-img {
height: 412px !important;
}
}
@media (max-width: 1024px) { @media (max-width: 1024px) {
.culture-img { .culture-img {
height: 453px !important; height: 453px !important;