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

Nav Bar Responsive and All Pages Responsive Updated

Browse Source
This commit is contained in:
akashluca-l 2025-07-25 17:56:49 +05:30
parent e94cab271f
commit 00e1423107
31 changed files with 127 additions and 107 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
components/about/association/Section1.tsx
View File

@ -7,7 +7,7 @@ export default function Section1() {
<div className="about6-section-area sp4">
<div className="container">
<div className="row align-items-center">
<div className="col-lg-6">
<div className="col-lg-6 order-2 order-lg-1">
<div className="row">
<div className="col-lg-6 col-md-6">
<div className="img1 reveal image-anime">
@ -31,7 +31,7 @@ export default function Section1() {
</div>
</div>
</div>
<div className="col-lg-6">
<div className="col-lg-6 order-1 order-lg-2 mb-5">
<div className="about6-header heading9 colored-text">
{/* <h5 data-aos="fade-left" data-aos-duration={700}><img src="/assets/img/icons/sub-logo1.svg" alt="" />About Summit</h5> */}
{/* <div className="space20" /> */}

6
components/about/mission/Section1.jsx
View File

@ -3,14 +3,12 @@ import Link from 'next/link';
export default function Section1() {
return (
<>
{/*===== HERO AREA ENDS =======*/}
{/*===== PRICING AREA STARTS =======*/}
<div className="pricing-lan-section-area sp4">
<div className="container">
<div className="about6-section-area">
<div className="container">
<div className="row align-items-center">
<div className="col-lg-6">
<div className="col-lg-6 order-2 order-lg-1">
<div className="row">
<div className="col-lg-6 col-md-6">
<div className="img1 reveal image-anime">
@ -35,7 +33,7 @@ export default function Section1() {
</div>
</div>
<div className="col-lg-6">
<div className="col-lg-6 order-1 order-lg-2 mb-5">
<div className="row">
<div className="col-lg-12 m-auto">
<div className="heading2 mb-4">

2
components/layout/header/Header1.tsx
View File

@ -11,7 +11,7 @@ export default function Header1({ scroll, isMobileMenu, handleMobileMenu, isSear
<div className="col-lg-12">
<div className="header-elements">
<div className="site-logo">
<Link href="/"><img src="/assets/img/logo-tca.png" alt="logo" style={{width: "180px", height: "80px"}} /></Link>
<Link href="/"><img src="/assets/img/logo-tca.png" alt="logo" /></Link>
</div>
<div className="main-menu">
<ul>

4
components/online/christmas/Section2.jsx
View File

@ -9,13 +9,13 @@ export default function Section2() {
<div className="container">
<div className="row">
<div className="col-lg-6">
<div className="col-lg-6 order-2 order-lg-1">
<div className="img">
<img src="/assets/img/online/christmas-year-end/christmas-2.webp" alt="" />
</div>
</div>
<div className="col-lg-6">
<div className="col-lg-6 order-1 order-lg-2 mb-5">
<div className="about6-header heading9 space-margin60 mb-4">
<h4>Tamil Cultural Association of Waterloo Region proudly presents</h4>
<div className="space18" />

4
components/online/communitypicnic/Section2.jsx
View File

@ -9,13 +9,13 @@ export default function Section2() {
<div className="container">
<div className="row">
<div className="col-lg-6">
<div className="col-lg-6 order-2 order-lg-1">
<div className="img">
<img src="/assets/img/online/community-picnic/picnic-2.webp" alt="" />
</div>
</div>
<div className="col-lg-6">
<div className="col-lg-6 order-1 order-lg-2 mb-5">

4
components/online/kalaivizha/Section2.jsx
View File

@ -9,12 +9,12 @@ export default function Section2() {
<div className="container">
<div className="row">
<div className="col-lg-6">
<div className="col-lg-6 order-2 order-lg-1">
<div className="img">
<img src="/assets/img/online/kalai-vizha/kalai-vizha-2.webp" alt="" />
</div>
</div>
<div className="col-lg-6">
<div className="col-lg-6 order-1 order-lg-2 mb-5">

4
components/online/membership2024/Section2.tsx
View File

@ -9,12 +9,12 @@ export default function Section2() {
<div className="container">
<div className="row">
<div className="col-lg-6">
<div className="col-lg-6 order-2 order-lg-1">
<div className="img">
<img src="/assets/img/online/membership-2024/section2.webp" alt="" />
</div>
</div>
<div className="col-lg-6">
<div className="col-lg-6 order-1 order-lg-2 mb-5">
<div className="about6-header heading9 space-margin60 mb-4">
<p>Thank you very much for joining the TCA family. With this membership you and your family are opening yourselves up to a series of programs and services offered by us. As members you will also receive admission to some free events and discounts on tickets. Community volunteer and networking will be part of the package.</p>
<div className="space18" />

4
components/online/membership2025/Section2.jsx
View File

@ -9,12 +9,12 @@ export default function Section2() {
<div className="container">
<div className="row">
<div className="col-lg-6">
<div className="col-lg-6 order-2 order-lg-1">
<div className="img">
<img src="/assets/img/online/membership-2025/membership-2025-2.webp" alt="" />
</div>
</div>
<div className="col-lg-6">
<div className="col-lg-6 order-1 order-lg-2 mb-5">
<div className="about6-header heading9 space-margin60 mb-4">
<p>Thank you very much for joining the TCA family. With this membership you and your family are opening yourselves up to a series of programs and services offered by us. As members you will also receive admission to some free events and discounts on tickets. Community volunteer and networking will be part of the package.</p>
<div className="space18" />

4
components/online/performance/Section2.jsx
View File

@ -9,12 +9,12 @@ export default function Section2() {
<div className="container">
<div className="row">
<div className="col-lg-6">
<div className="col-lg-6 order-2 order-lg-1">
<div className="img">
<img src="/assets/img/online/program-performance-registration/ppr-2.webp" alt="" />
</div>
</div>
<div className="col-lg-6">
<div className="col-lg-6 order-1 order-lg-2 mb-5">

4
components/online/registrationform/Section2.jsx
View File

@ -9,12 +9,12 @@ export default function Section2() {
<div className="container">
<div className="row">
<div className="col-lg-6">
<div className="col-lg-6 order-2 order-lg-1">
<div className="img">
<img src="/assets/img/online/whats-app/whatsapp-2.webp" alt="" />
</div>
</div>
<div className="col-lg-6">
<div className="col-lg-6 order-1 order-lg-2 mb-5">
<div className="about6-header heading9 space-margin60 mb-4">
<h3>Tamil Cultural Association Of Waterloo – WhatsApp</h3>
<div className='text-start' />

4
components/online/sponsor/Section2.jsx
View File

@ -7,12 +7,12 @@ export default function Section2() {
<div className="about6-section-area sp4">
<div className="container">
<div className="row">
<div className="col-lg-6">
<div className="col-lg-6 order-2 order-lg-1">
<div className="img">
<img src="/assets/img/online/sponsor-ship/sponsor-2.webp" alt="" />
</div>
</div>
<div className="col-lg-6">
<div className="col-lg-6 order-1 order-lg-2 mb-5">
<div className="about6-header heading9 space-margin60 mb-4">
<h2>TCA Sponsorship</h2>
<div className='text-start' />

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

@ -7,7 +7,7 @@ export default function Section3() {
<div className="about6-section-area">
<div className="container">
<div className="row">
<div className="col-lg-6">
<div className="col-lg-6 mb-5">
<div className="about6-header heading9 space-margin60 mb-4">
<div className="space18" />
<div className="space18" />

4
components/online/tamilnewyear/Section2.jsx
View File

@ -9,12 +9,12 @@ export default function Section2() {
<div className="container">
<div className="row">
<div className="col-lg-6">
<div className="col-lg-6 order-2 order-lg-1">
<div className="img">
<img src="/assets/img/online/new-year/tamil-new-year-2.webp" alt="" />
</div>
</div>
<div className="col-lg-6">
<div className="col-lg-6 order-1 order-lg-2 mb-5">

4
components/online/thaipongal2025/Section2.jsx
View File

@ -9,12 +9,12 @@ export default function Section2() {
<div className="container">
<div className="row">
<div className="col-lg-6">
<div className="col-lg-6 order-2 order-lg-1">
<div className="img">
<img src="/assets/img/online/thai-pongal/pongal-2.webp" alt="" />
</div>
</div>
<div className="col-lg-6">
<div className="col-lg-6 order-1 order-lg-2 mb-5">

4
components/online/volunteer/Section2.jsx
View File

@ -9,12 +9,12 @@ export default function Section2() {
<div className="container">
<div className="row">
<div className="col-lg-6">
<div className="col-lg-6 order-2 order-lg-1">
<div className="img2">
<img src="/assets/img/online/event-volunteers/volunteer-2.webp" alt="" />
</div>
</div>
<div className="col-lg-6">
<div className="col-lg-6 order-1 order-lg-2 mb-5">

4
components/tamilculture/HinduWedding/Section1.tsx
View File

@ -8,14 +8,14 @@ export default function Section1() {
<div className="about6-section-area sp4">
<div className="container">
<div className="row align-items-center">
<div className="col-lg-6">
<div className="col-lg-6 order-2 order-lg-1">
<div className="about6-header heading9">
<div className="img2">
<img src="/assets/img/tamil-wedding-custom/arranged-marriage.webp"alt="" />
</div>
</div>
</div>
<div className="col-lg-6">
<div className="col-lg-6 order-1 order-lg-2 mb-5">
<div className="about6-header heading9">
{/* <h5 data-aos="fade-left" data-aos-duration={700}><img src="/assets/img/icons/sub-logo1.svg" alt="" />About Summit</h5> */}
{/* <div className="space20" /> */}

2
components/tamilculture/HinduWedding/Section2.tsx
View File

@ -9,7 +9,7 @@ export default function Section2() {
<div className="container">
<div className="row align-items-center">
{/* TEXT - NOW ON THE LEFT */}
<div className="col-lg-6">
<div className="col-lg-6 mb-5">
<div className="about6-header heading9">
<h2 className="text-anime-style-3">South Indian Brahmin weddings: Rituals, symbolism, spirituality</h2>

4
components/tamilculture/bridal-makeup/Section1.jsx
View File

@ -8,7 +8,7 @@ export default function Section1() {
<div className="about6-section-area sp4">
<div className="container">
<div className="row align-items-center">
<div className="col-lg-6">
<div className="col-lg-6 order-2 order-lg-1">
<div className="about6-header heading9">
<div className="img">
@ -18,7 +18,7 @@ export default function Section1() {
</div>
</div>
<div className="col-lg-6">
<div className="col-lg-6 order-1 order-lg-2 mb-5">
<div className="about6-header heading9">
{/* <h5 data-aos="fade-left" data-aos-duration={700}><img src="/assets/img/icons/sub-logo1.svg" alt="" />About Summit</h5> */}
{/* <div className="space20" /> */}

2
components/tamilculture/bridal-makeup/Section2.jsx
View File

@ -9,7 +9,7 @@ export default function Section2() {
<div className="container">
<div className="row align-items-center">
{/* TEXT - NOW ON THE LEFT */}
<div className="col-lg-6">
<div className="col-lg-6 mb-5">
<div className="about6-header heading9">
<h2 className="text-anime-style-3">Hairstyling, Trial Sessions and Final Touches</h2>

4
components/tamilculture/catholic-wedding/Section1.jsx
View File

@ -8,7 +8,7 @@ export default function Section1() {
<div className="about6-section-area sp4">
<div className="container">
<div className="row align-items-center">
<div className="col-lg-6">
<div className="col-lg-6 order-2 order-lg-1">
<div className="about6-header heading9">
<div className="img">
<img src="/assets/img/tamil-wedding/catholic-wedding.webp"alt="" />
@ -16,7 +16,7 @@ export default function Section1() {
</div>
</div>
<div className="col-lg-6">
<div className="col-lg-6 order-1 order-lg-2 mb-5">
<div className="about6-header heading9">
<h2 className="text-anime-style-3">Tamil Catholic Weddings</h2>
<div className="space16" />

4
components/tamilculture/city-style/Section1.jsx
View File

@ -8,14 +8,14 @@ export default function Section1() {
<div className="about6-section-area sp4">
<div className="container">
<div className="row align-items-center">
<div className="col-lg-6">
<div className="col-lg-6 order-2 order-lg-1">
<div className="about6-header heading9">
<div className="img">
<img src="/assets/img/tamil-wedding/city-style/marriage-city-style.webp" style= {{height: "650px"}} alt="" />
</div>
</div>
</div>
<div className="col-lg-6">
<div className="col-lg-6 order-1 order-lg-2 mb-5">
<div className="about6-header heading9">
{/* <h5 data-aos="fade-left" data-aos-duration={700}><img src="/assets/img/icons/sub-logo1.svg" alt="" />About Summit</h5> */}
{/* <div className="space20" /> */}

4
components/tamilculture/culturehome/TamilCultureSection.jsx
View File

@ -8,14 +8,14 @@ export default function TamilCultureSection() {
<div className="about6-section-area sp4">
<div className="container">
<div className="row align-items-center">
<div className="col-lg-6">
<div className="col-lg-6 order-2 order-lg-1">
<div className="about6-header heading9">
<div className="img2">
<img src="/assets/img/tamil-culture-cards/tamil-thai-vazhthu.webp" style={{ height: "600px" }} alt="" />
</div>
</div>
</div>
<div className="col-lg-6">
<div className="col-lg-6 order-1 order-lg-2 mb-5">
<div className="about6-header heading9">
{/* <h5 data-aos="fade-left" data-aos-duration={700}><img src="/assets/img/icons/sub-logo1.svg" alt="" />About Summit</h5> */}
{/* <div className="space20" /> */}

4
components/tamilculture/protestant-wedding/Section1.tsx
View File

@ -8,7 +8,7 @@ export default function Section1() {
<div className="about6-section-area sp4">
<div className="container">
<div className="row align-items-center">
<div className="col-lg-6">
<div className="col-lg-6 order-2 order-lg-1">
<div className="about6-header heading9">
<div className="img2">
@ -17,7 +17,7 @@ export default function Section1() {
</div>
</div>
<div className="col-lg-6">
<div className="col-lg-6 order-1 order-lg-2 mb-5">
<div className="about6-header heading9">
<h2 className="text-anime-style-3">A Tamil Protestant Wedding</h2>
<div className="space16" />

4
components/tamilculture/story-of-saree/Section1.jsx
View File

@ -8,7 +8,7 @@ export default function Section1() {
<div className="about6-section-area sp4">
<div className="container">
<div className="row align-items-center">
<div className="col-lg-6">
<div className="col-lg-6 order-2 order-lg-1">
<div className="about6-header heading9">
<div className="img">
<img src="/assets/img/tamil-wedding/saree-1.webp"alt="" />
@ -16,7 +16,7 @@ export default function Section1() {
</div>
</div>
<div className="col-lg-6">
<div className="col-lg-6 order-1 order-lg-2 mb-5">
<div className="about6-header heading9">
<h2 className="text-anime-style-3">The Story Of The Saree</h2>
<div className="space16" />

6
components/tamilculture/story-of-saree/Section2.jsx
View File

@ -8,7 +8,7 @@ export default function Section2() {
<div className="about6-section-area sp3">
<div className="container">
<div className="row align-items-center">
<div className="col-lg-6">
<div className="col-lg-6 mb-5">
<div className="about6-header heading9">
<h2 className="text-anime-style-3">One Saree, Many Incarnations</h2>
<div className="space16" />
@ -31,7 +31,7 @@ export default function Section2() {
<div className="about6-section-area sp4">
<div className="container">
<div className="row align-items-center">
<div className="col-lg-6">
<div className="col-lg-6 order-2 order-lg-1">
<div className="about6-header heading9">
<div className="img">
<img src="/assets/img/tamil-wedding/saree-3.webp"alt="" />
@ -39,7 +39,7 @@ export default function Section2() {
</div>
</div>
<div className="col-lg-6">
<div className="col-lg-6 order-1 order-lg-2 mb-5">
<div className="about6-header heading9">
<p data-aos="fade-left" data-aos-duration={800}>Some people think that Indian Saree is influenced by Greek or Roman toga which we see on ancient statues. This is not correct. Saree is essentially Indian and designed to suit local conditions. Cotton was cultivated in India centuries before Alexander the Great landed on the borders of India and Indian cloth (chira or Saree) was a wonder to Greek eyes. In fact, Herodotus and other ancient western historians thought there were cloth-growing trees in India!
Raja Raviverma, the distinguished painter of 19th century, toured the entire sub-continent in search of the ideal female-wear. He wanted the best dress for the various goddesses he was asked and commissioned to paint. He selected the a yard Saree which drapes the body beautifully at the same time exhibiting contours of female anatomy–bust, waist, hips. Most of the female deities he painted are in this style.</p>

10
components/tamilculture/tamil-festivals/christian-festivals/Section1.jsx
View File

@ -8,12 +8,12 @@ export default function Section1() {
<div className="about6-section-area sp4">
<div className="container">
<div className="row align-items-center">
<div className="col-lg-6">
<div className="col-lg-6 order-2 order-lg-1">
<div className="img2">
<img src="/assets/img/tamil-festivals-banner/christian/good-friday.webp" alt="" />
</div>
</div>
<div className="col-lg-6">
<div className="col-lg-6 order-1 order-lg-2 mb-5">
<div className="about6-header heading9">
<h2 className="text-anime-style-3 heading-center">Good Friday</h2>
<div className="space16" />
@ -28,7 +28,7 @@ export default function Section1() {
<div className="about6-section-area sp4 about6-bg">
<div className="container">
<div className="row align-items-center">
<div className="col-lg-6">
<div className="col-lg-6 mb-5">
<div className="about6-header heading9">
<h2 className="text-anime-style-3 heading-center">Easter</h2>
<div className="space16" />
@ -48,12 +48,12 @@ export default function Section1() {
<div className="about6-section-area sp4">
<div className="container">
<div className="row align-items-center">
<div className="col-lg-6">
<div className="col-lg-6 order-2 order-lg-1">
<div className="img2">
<img src="/assets/img/tamil-festivals-banner/christian/christmas.webp" alt="" />
</div>
</div>
<div className="col-lg-6">
<div className="col-lg-6 order-1 order-lg-2 mb-5">
<div className="about6-header heading9">
{/* <h5 data-aos="fade-left" data-aos-duration={700}><img src="/assets/img/icons/sub-logo1.svg" alt="" />About Summit</h5> */}
{/* <div className="space20" /> */}

34
components/tamilculture/tamil-festivals/hindu-festivals/Section1.jsx
View File

@ -8,12 +8,12 @@ export default function Section1() {
<div className="about6-section-area sp11">
<div className="container">
<div className="row align-items-center">
<div className="col-lg-6">
<div className="col-lg-6 order-2 order-lg-1">
<div className="img2">
<img src="/assets/img/tamil-festivals-banner/hindu/pongal.webp" alt="" />
</div>
</div>
<div className="col-lg-6">
<div className="col-lg-6 order-1 order-lg-2 mb-5">
<div className="about6-header heading9">
<h2 className="text-anime-style-3 heading-center">Thai Pongal</h2>
<div className="space16" />
@ -47,12 +47,12 @@ export default function Section1() {
<div className="about6-section-area sp4 about6-bg">
<div className="container">
<div className="row align-items-center">
<div className="col-lg-6">
<div className="col-lg-6 order-2 order-lg-1">
<div className="img2">
<img src="/assets/img/tamil-festivals-banner/hindu/thai-poosam.webp" alt="" />
</div>
</div>
<div className="col-lg-6">
<div className="col-lg-6 order-1 order-lg-2 mb-5">
<div className="about6-header heading9">
{/* <h5 data-aos="fade-left" data-aos-duration={700}><img src="/assets/img/icons/sub-logo1.svg" alt="" />About Summit</h5> */}
{/* <div className="space20" /> */}
@ -67,7 +67,7 @@ export default function Section1() {
<div className="about6-section-area sp4">
<div className="container">
<div className="row align-items-center">
<div className="col-lg-6">
<div className="col-lg-6 mb-5">
<div className="about6-header heading9">
{/* <h5 data-aos="fade-left" data-aos-duration={700}><img src="/assets/img/icons/sub-logo1.svg" alt="" />About Summit</h5> */}
{/* <div className="space20" /> */}
@ -87,12 +87,12 @@ export default function Section1() {
<div className="about6-section-area sp4 about6-bg">
<div className="container">
<div className="row align-items-center">
<div className="col-lg-6">
<div className="col-lg-6 order-2 order-lg-1">
<div className="img2">
<img src="/assets/img/tamil-festivals-banner/hindu/maha-shivarathri.webp" alt="" />
</div>
</div>
<div className="col-lg-6">
<div className="col-lg-6 order-1 order-lg-2 mb-5">
<div className="about6-header heading9">
{/* <h5 data-aos="fade-left" data-aos-duration={700}><img src="/assets/img/icons/sub-logo1.svg" alt="" />About Summit</h5> */}
{/* <div className="space20" /> */}
@ -109,7 +109,7 @@ export default function Section1() {
<div className="about6-section-area sp4">
<div className="container">
<div className="row align-items-center">
<div className="col-lg-6">
<div className="col-lg-6 mb-5">
<div className="about6-header heading9">
{/* <h5 data-aos="fade-left" data-aos-duration={700}><img src="/assets/img/icons/sub-logo1.svg" alt="" />About Summit</h5> */}
{/* <div className="space20" /> */}
@ -129,12 +129,12 @@ export default function Section1() {
<div className="about6-section-area sp4 about6-bg">
<div className="container">
<div className="row align-items-center">
<div className="col-lg-6">
<div className="col-lg-6 order-2 order-lg-1">
<div className="img2">
<img src="/assets/img/tamil-festivals-banner/hindu/rama-navami.webp" alt="" />
</div>
</div>
<div className="col-lg-6">
<div className="col-lg-6 order-1 order-lg-2 mb-5">
<div className="about6-header heading9">
{/* <h5 data-aos="fade-left" data-aos-duration={700}><img src="/assets/img/icons/sub-logo1.svg" alt="" />About Summit</h5> */}
{/* <div className="space20" /> */}
@ -149,7 +149,7 @@ export default function Section1() {
<div className="about6-section-area sp4">
<div className="container">
<div className="row align-items-center">
<div className="col-lg-6">
<div className="col-lg-6 mb-5">
<div className="about6-header heading9">
{/* <h5 data-aos="fade-left" data-aos-duration={700}><img src="/assets/img/icons/sub-logo1.svg" alt="" />About Summit</h5> */}
{/* <div className="space20" /> */}
@ -169,12 +169,12 @@ export default function Section1() {
<div className="about6-section-area sp4 about6-bg">
<div className="container">
<div className="row align-items-center">
<div className="col-lg-6">
<div className="col-lg-6 order-2 order-lg-1">
<div className="img2">
<img src="/assets/img/tamil-festivals-banner/hindu/tamil-new-year.webp" alt="" />
</div>
</div>
<div className="col-lg-6">
<div className="col-lg-6 order-1 order-lg-2 mb-5">
<div className="about6-header heading9">
{/* <h5 data-aos="fade-left" data-aos-duration={700}><img src="/assets/img/icons/sub-logo1.svg" alt="" />About Summit</h5> */}
{/* <div className="space20" /> */}
@ -189,7 +189,7 @@ export default function Section1() {
<div className="about6-section-area sp4">
<div className="container">
<div className="row align-items-center">
<div className="col-lg-6">
<div className="col-lg-6 mb-5">
<div className="about6-header heading9">
{/* <h5 data-aos="fade-left" data-aos-duration={700}><img src="/assets/img/icons/sub-logo1.svg" alt="" />About Summit</h5> */}
{/* <div className="space20" /> */}
@ -211,12 +211,12 @@ export default function Section1() {
<div className="about6-section-area sp4 about6-bg">
<div className="container">
<div className="row align-items-center">
<div className="col-lg-6">
<div className="col-lg-6 order-2 order-lg-1">
<div className="img2">
<img src="/assets/img/tamil-festivals-banner/hindu/vaikasi-visakam.webp" alt="" />
</div>
</div>
<div className="col-lg-6">
<div className="col-lg-6 order-1 order-lg-2 mb-5">
<div className="about6-header heading9">
{/* <h5 data-aos="fade-left" data-aos-duration={700}><img src="/assets/img/icons/sub-logo1.svg" alt="" />About Summit</h5> */}
{/* <div className="space20" /> */}
@ -231,7 +231,7 @@ export default function Section1() {
<div className="about6-section-area sp4">
<div className="container">
<div className="row align-items-center">
<div className="col-lg-6">
<div className="col-lg-6 mb-5">
<div className="about6-header heading9">
{/* <h5 data-aos="fade-left" data-aos-duration={700}><img src="/assets/img/icons/sub-logo1.svg" alt="" />About Summit</h5> */}
{/* <div className="space20" /> */}

46
components/tamilculture/tamil-festivals/hindu-festivals/Section2.jsx
View File

@ -7,12 +7,12 @@ export default function Section1() {
<div className="about6-section-area sp4 about6-bg">
<div className="container">
<div className="row align-items-center">
<div className="col-lg-6">
<div className="col-lg-6 order-2 order-lg-1">
<div className="img2">
<img src="/assets/img/tamil-festivals-banner/hindu/aadi-ammavasai.webp" alt="" />
</div>
</div>
<div className="col-lg-6">
<div className="col-lg-6 order-1 order-lg-2 mb-5">
<div className="about6-header heading9">
{/* <h5 data-aos="fade-left" data-aos-duration={700}><img src="/assets/img/icons/sub-logo1.svg" alt="" />About Summit</h5> */}
{/* <div className="space20" /> */}
@ -27,7 +27,7 @@ export default function Section1() {
<div className="about6-section-area sp11">
<div className="container">
<div className="row align-items-center">
<div className="col-lg-6">
<div className="col-lg-6 mb-2">
<div className="about6-header heading9">
{/* <h5 data-aos="fade-left" data-aos-duration={700}><img src="/assets/img/icons/sub-logo1.svg" alt="" />About Summit</h5> */}
{/* <div className="space20" /> */}
@ -55,7 +55,7 @@ export default function Section1() {
<img src="/assets/img/tamil-festivals-banner/hindu/krishna-jayanthi-2.webp" alt="" />
</div>
</div>
<div className="col-lg-6">
<div className="col-lg-6 mb-5">
<div className="about6-header heading9">
<p data-aos="fade-left" data-aos-duration={800}>In South India, Janmashtami or Gokulashtami, as it is called, is celebrated with prayers, devotional renditions and offering of fruits and special prasadams to Lord Krishna. People usually observe fast on this day. In the houses, mango leaves are tied to the doorways to mark the auspicious occasion. Colorful floral designs are drawn on the front yard. Inside the house, a small woodden mandapam is erected and decorated with flowers and plantain leaves. An icon of a crawling Krishna in a silver cradle or leaf is placed in the mandapam. In some houses, a typical setting of Gokulam is arranged with mud images of Devaki, Vasudeva with little Krishna perched in a basketon his head, a cow, besides other things related to Krishna’s legends. Small foot marks produced by impressions with rice powder mixed with water are believed to symbolically recreate the coming of Krishna into peoples’ homes.</p>
</div>
@ -66,7 +66,7 @@ export default function Section1() {
<div className="about6-section-area sp4 about6-bg">
<div className="container">
<div className="row align-items-center">
<div className="col-lg-6">
<div className="col-lg-6 mb-5">
<div className="about6-header heading9">
{/* <h5 data-aos="fade-left" data-aos-duration={700}><img src="/assets/img/icons/sub-logo1.svg" alt="" />About Summit</h5> */}
{/* <div className="space20" /> */}
@ -86,12 +86,12 @@ export default function Section1() {
<div className="about6-section-area sp11">
<div className="container">
<div className="row align-items-center">
<div className="col-lg-6">
<div className="col-lg-6 order-2 order-lg-1">
<div className="img2">
<img src="/assets/img/tamil-festivals-banner/hindu/vinayagar-chathurthi.webp" alt="" />
</div>
</div>
<div className="col-lg-6">
<div className="col-lg-6 order-1 order-lg-2 mb-5">
<div className="about6-header heading9">
{/* <h5 data-aos="fade-left" data-aos-duration={700}><img src="/assets/img/icons/sub-logo1.svg" alt="" />About Summit</h5> */}
{/* <div className="space20" /> */}
@ -106,7 +106,7 @@ export default function Section1() {
<div className="about6-section-area sp4">
<div className="container">
<div className="row align-items-center">
<div className="col-lg-6">
<div className="col-lg-6 mb-5">
<div className="about6-header heading9">
<p data-aos="fade-left" data-aos-duration={700}>During long periods of anti-British rule protests and freedom struggle of the 19th Century, more and more people become unduly religious, particularly in Maharashtra. This lead to development of religious events such as Vinayagar Chaturthi as a major community event. To appreciate this occasion, one must go to Chennai where preparations begin months in advance. Images of Vinayagar are installed within homes as well as in places of assembly. Elaborate arrangements are made for lighting and decoration and Pillayar is fervently worshipped for about 7-10 days. On the day of the Chaturthi, i.e. the last of the days dedicated to the elephant-headed god, thousands of processions converge on the beaches of Chennai to immerse the holy idols in the sea. This immersion is accompanied by drum beats, devotional songs and dancing.</p>
</div>
@ -122,12 +122,12 @@ export default function Section1() {
<div className="about6-section-area sp4 about6-bg">
<div className="container">
<div className="row align-items-center">
<div className="col-lg-6">
<div className="col-lg-6 order-2 order-lg-1">
<div className="img2">
<img src="/assets/img/tamil-festivals-banner/hindu/navarathri.webp" alt="" />
</div>
</div>
<div className="col-lg-6">
<div className="col-lg-6 order-1 order-lg-2 mb-5">
<div className="about6-header heading9">
{/* <h5 data-aos="fade-left" data-aos-duration={700}><img src="/assets/img/icons/sub-logo1.svg" alt="" />About Summit</h5> */}
{/* <div className="space20" /> */}
@ -142,7 +142,7 @@ export default function Section1() {
<div className="about6-section-area sp4">
<div className="container">
<div className="row align-items-center">
<div className="col-lg-6">
<div className="col-lg-6 mb-5">
<div className="about6-header heading9">
{/* <h5 data-aos="fade-left" data-aos-duration={700}><img src="/assets/img/icons/sub-logo1.svg" alt="" />About Summit</h5> */}
{/* <div className="space20" /> */}
@ -162,12 +162,12 @@ export default function Section1() {
<div className="about6-section-area sp4 about6-bg">
<div className="container">
<div className="row align-items-center">
<div className="col-lg-6">
<div className="col-lg-6 order-2 order-lg-1">
<div className="img2">
<img src="/assets/img/tamil-festivals-banner/hindu/dussehra.webp" alt="" />
</div>
</div>
<div className="col-lg-6">
<div className="col-lg-6 order-1 order-lg-2 mb-5">
<div className="about6-header heading9">
{/* <h5 data-aos="fade-left" data-aos-duration={700}><img src="/assets/img/icons/sub-logo1.svg" alt="" />About Summit</h5> */}
{/* <div className="space20" /> */}
@ -184,7 +184,7 @@ export default function Section1() {
<div className="about6-section-area sp4">
<div className="container">
<div className="row align-items-center">
<div className="col-lg-6">
<div className="col-lg-6 mb-5">
<div className="about6-header heading9">
{/* <h5 data-aos="fade-left" data-aos-duration={700}><img src="/assets/img/icons/sub-logo1.svg" alt="" />About Summit</h5> */}
{/* <div className="space20" /> */}
@ -204,12 +204,12 @@ export default function Section1() {
<div className="about6-section-area sp4">
<div className="container">
<div className="row align-items-center">
<div className="col-lg-6">
<div className="col-lg-6 order-2 order-lg-1">
<div className="img2">
<img src="/assets/img/tamil-festivals-banner/hindu/diwali-2.webp" alt="" />
</div>
</div>
<div className="col-lg-6">
<div className="col-lg-6 order-1 order-lg-2 mb-5">
<div className="about6-header heading9">
<p data-aos="fade-left" data-aos-duration={700}>Deepavali is incomplete without the multi-colored and noisy fire crackers. From simple colored sparklers, pencils, flower pots, ground chakras (wheels), Vishnu chakras, rockets to the long ladi / garland crackers, you have a wide range to choose from. The festival of lights is one of the most beautiful of Indian festivals. It comes 21 days after Dussehra and celebrates the return of Rama to Ayodhya after his 14-year exile. Countless flickering oil lamps and lights are lit in houses all over the country making it a night of enchantment. Worship of Lakshmi, the goddess of wealth, and fireworks and festivities are an essential part of the occasion.</p>
</div>
@ -220,7 +220,7 @@ export default function Section1() {
<div className="about6-section-area sp4 about6-bg">
<div className="container">
<div className="row align-items-center">
<div className="col-lg-6">
<div className="col-lg-6 mb-5">
<div className="about6-header heading9">
{/* <h5 data-aos="fade-left" data-aos-duration={700}><img src="/assets/img/icons/sub-logo1.svg" alt="" />About Summit</h5> */}
{/* <div className="space20" /> */}
@ -240,12 +240,12 @@ export default function Section1() {
<div className="about6-section-area sp4">
<div className="container">
<div className="row align-items-center">
<div className="col-lg-6">
<div className="col-lg-6 order-2 order-lg-1">
<div className="img2">
<img src="/assets/img/tamil-festivals-banner/hindu/holi.webp" alt="" />
</div>
</div>
<div className="col-lg-6">
<div className="col-lg-6 order-1 order-lg-2 mb-5">
<div className="about6-header heading9">
{/* <h5 data-aos="fade-left" data-aos-duration={700}><img src="/assets/img/icons/sub-logo1.svg" alt="" />About Summit</h5> */}
{/* <div className="space20" /> */}
@ -260,7 +260,7 @@ export default function Section1() {
<div className="about6-section-area sp4 about6-bg">
<div className="container">
<div className="row align-items-center">
<div className="col-lg-6">
<div className="col-lg-6 mb-5">
<div className="about6-header heading9">
{/* <h5 data-aos="fade-left" data-aos-duration={700}><img src="/assets/img/icons/sub-logo1.svg" alt="" />About Summit</h5> */}
{/* <div className="space20" /> */}
@ -280,12 +280,12 @@ export default function Section1() {
<div className="about6-section-area sp4">
<div className="container">
<div className="row align-items-center">
<div className="col-lg-6">
<div className="col-lg-6 order-2 order-lg-1">
<div className="img2">
<img src="/assets/img/tamil-festivals-banner/hindu/thrissur-pooram.webp" alt="" />
</div>
</div>
<div className="col-lg-6">
<div className="col-lg-6 order-1 order-lg-2 mb-5">
<div className="about6-header heading9">
{/* <h5 data-aos="fade-left" data-aos-duration={700}><img src="/assets/img/icons/sub-logo1.svg" alt="" />About Summit</h5> */}
{/* <div className="space20" /> */}
@ -300,7 +300,7 @@ export default function Section1() {
<div className="about6-section-area sp4 about6-bg">
<div className="container">
<div className="row align-items-center">
<div className="col-lg-6">
<div className="col-lg-6 mb-5">
<div className="about6-header heading9">
{/* <h5 data-aos="fade-left" data-aos-duration={700}><img src="/assets/img/icons/sub-logo1.svg" alt="" />About Summit</h5> */}
{/* <div className="space20" /> */}

16
components/tamilculture/tamil-festivals/muslim-festivals/Section1.jsx
View File

@ -8,12 +8,12 @@ export default function Section1() {
<div className="about6-section-area sp4">
<div className="container">
<div className="row align-items-center">
<div className="col-lg-6">
<div className="col-lg-6 order-2 order-lg-1">
<div className="img2">
<img src="/assets/img/tamil-festivals-banner/muslim/ramzan.webp" alt="" />
</div>
</div>
<div className="col-lg-6">
<div className="col-lg-6 order-1 order-lg-2 mb-5">
<div className="about6-header heading9">
<h2 className="text-anime-style-3 heading-center">Ramzan</h2>
<div className="space16" />
@ -26,7 +26,7 @@ export default function Section1() {
<div className="about6-section-area sp4 about6-bg">
<div className="container">
<div className="row align-items-center">
<div className="col-lg-6">
<div className="col-lg-6 mb-5">
<div className="about6-header heading9">
{/* <h5 data-aos="fade-left" data-aos-duration={700}><img src="/assets/img/icons/sub-logo1.svg" alt="" />About Summit</h5> */}
{/* <div className="space20" /> */}
@ -46,12 +46,12 @@ export default function Section1() {
<div className="about6-section-area sp4">
<div className="container">
<div className="row align-items-center">
<div className="col-lg-6">
<div className="col-lg-6 order-2 order-lg-1">
<div className="img2">
<img src="/assets/img/tamil-festivals-banner/muslim/bakrid.webp" alt="" />
</div>
</div>
<div className="col-lg-6">
<div className="col-lg-6 order-1 order-lg-2 mb-5">
<div className="about6-header heading9">
{/* <h5 data-aos="fade-left" data-aos-duration={700}><img src="/assets/img/icons/sub-logo1.svg" alt="" />About Summit</h5> */}
{/* <div className="space20" /> */}
@ -66,7 +66,7 @@ export default function Section1() {
<div className="about6-section-area sp4 about6-bg">
<div className="container">
<div className="row align-items-center">
<div className="col-lg-6">
<div className="col-lg-6 mb-5">
<div className="about6-header heading9">
{/* <h5 data-aos="fade-left" data-aos-duration={700}><img src="/assets/img/icons/sub-logo1.svg" alt="" />About Summit</h5> */}
{/* <div className="space20" /> */}
@ -86,12 +86,12 @@ export default function Section1() {
<div className="about6-section-area sp4">
<div className="container">
<div className="row align-items-center">
<div className="col-lg-6">
<div className="col-lg-6 order-2 order-lg-1">
<div className="img2">
<img src="/assets/img/tamil-festivals-banner/muslim/miladi-nabi.webp" alt="" />
</div>
</div>
<div className="col-lg-6">
<div className="col-lg-6 order-1 order-lg-2 mb-5">
<div className="about6-header heading9">
{/* <h5 data-aos="fade-left" data-aos-duration={700}><img src="/assets/img/icons/sub-logo1.svg" alt="" />About Summit</h5> */}
{/* <div className="space20" /> */}

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

@ -4987,7 +4987,7 @@ Location:
.mobile-header.mobile-haeder1 .mobile-logo {
width: 150px;
height: 46px;
height: 70px;
object-fit: contain;
}
@ -9894,11 +9894,20 @@ html {
}
.homepage1-body .header-area.homepage1 .header-elements .site-logo img {
width: 150px;
height: 45px;
object-fit: contain;
width: 180px;
height: 80px;
object-fit: contain;
}
@media (max-width: 1024px) {
.homepage1-body .header-area.homepage1 .header-elements .site-logo img {
width: 76px;
height: 80px;
object-fit: contain;
}
}
.homepage1-body .header-area.homepage1 .header-elements .main-menu ul li a.nav-link.active {
color: var(--ztc-text-text-2);
font-weight: var(--ztc-weight-medium) !important;
@ -10103,6 +10112,19 @@ html {
padding: 0 20px;
}
@media (max-width: 1024px) {
.homepage1-body .header-area.homepage1 .header-elements .main-menu ul li a {
padding: 0 11px;
}
}
@media (max-width: 1024px) {
.site-logo img{
width: 54px;
height: 80px;
}
}
.homepage1-body .header-area.homepage1 .header-elements .main-menu ul li a i.fa-solid.fa-angle-down {
font-size: var(--ztc-font-size-font-s12) !important;
}

2
public/assets/css/vendor/mobile.css vendored
View File

@ -50,7 +50,7 @@ ul, li{
top: 0;
left: 0;
width: 100%;
padding: 17px 0;
padding: 10px 0;
z-index: 9;
}