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 18:16:04 +05:30
parent e94cab271f
commit 5ff6cfe6b1
10 changed files with 37 additions and 19 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
components/home/AdSectionFive.tsx
View File

@ -42,7 +42,7 @@ export default function AdSectionFive() {
</div>
<div className='col-2'>
<div className='col-2 ad-banner'>
<div className="memory-boxarea pl-3">
<div className="img1" data-aos="zoom-in" data-aos-duration={1000} >

2
components/home/AdSectionFour.tsx
View File

@ -42,7 +42,7 @@ export default function AdSectionFour() {
</div>
<div className='col-3'>
<div className='col-3 ad-banner'>
<div className="memory-boxarea pl-3">
<div className="img1" data-aos="zoom-in" data-aos-duration={1000} >

2
components/home/AdSectionOne.tsx
View File

@ -42,7 +42,7 @@ export default function AdSectionOne() {
</div>
<div className='col-2'>
<div className='col-2 ad-banner'>
<div className="memory-boxarea pl-3">
<div className="img1 image-new" data-aos="zoom-in" data-aos-duration={1000} >

2
components/home/AdSectionThree.tsx
View File

@ -42,7 +42,7 @@ export default function AdSectionThree() {
</div>
<div className='col-lg-2'>
<div className='col-lg-2 ad-banner'>
<div className="memory-boxarea pl-3">
<div className="img1" data-aos="zoom-in" data-aos-duration={1000} >

2
components/home/AdSectionTwo.tsx
View File

@ -42,7 +42,7 @@ export default function AdSectionTwo() {
</div>
<div className='col-2'>
<div className='col-2 ad-banner'>
<div className="memory-boxarea pl-3">
<div className="img1" data-aos="zoom-in" data-aos-duration={1000} >
<img src="https://tamilculturewaterloo.org/wp-content/uploads/2025/06/2025KWFestposter-1-202x300.jpg" alt="" style={{height:"270px", width:"100%"}}/>

16
components/home/ArtsAndCultureSection.tsx
View File

@ -8,13 +8,13 @@ import 'swiper/css'
import 'swiper/css/navigation'
const cultureSlides = [
{ image: "/assets/img/home/tamil-culture/tamil-culture-1.webp", icon: "/assets/img/home/icons/music.webp", title: "Instrumental Music", description: "In South Indian or Carnatic music, the vina, a long…", slug: "instrumental-music"},
{ image: "/assets/img/home/tamil-culture/tamil-culture-2.webp", icon: "/assets/img/home/icons/bharatham.webp", title: "Bharatha Natyam Dance", description: "An ancient traditional art form with its origins steeped…",slug: "bharathnatyam-dance"},
{ image: "/assets/img/home/tamil-culture/tamil-culture-3.webp", icon: "/assets/img/home/icons/vocal.webp", title: "Vocal", description: "Carnatic music is considered one of the oldest systems…", slug: "vocal"},
{ image: "/assets/img/home/tamil-culture/tamil-culture-4.webp", icon: "/assets/img/home/icons/jallikattu.webp", title: "Jallikattu", description: "Jallikattu (Tamil: சல்லிகட்டு, challikattu)…", slug: "jallikattu"},
{ image: "/assets/img/home/tamil-culture/tamil-culture-1.webp", icon: "/assets/img/home/icons/music.webp", title: "Instrumental Music", description: "In South Indian or Carnatic…", slug: "instrumental-music"},
{ image: "/assets/img/home/tamil-culture/tamil-culture-2.webp", icon: "/assets/img/home/icons/bharatham.webp", title: "Bharatha Natyam Dance", description: "An ancient traditional art…",slug: "bharathnatyam-dance"},
{ image: "/assets/img/home/tamil-culture/tamil-culture-3.webp", icon: "/assets/img/home/icons/vocal.webp", title: "Vocal", description: "Carnatic music is considered…", slug: "vocal"},
{ image: "/assets/img/home/tamil-culture/tamil-culture-4.webp", icon: "/assets/img/home/icons/jallikattu.webp", title: "Jallikattu", description: "Jallikattu (Tamil: சல்லிகட்டு)…", slug: "jallikattu"},
{ image: "/assets/img/home/tamil-culture/tamil-culture-5.webp", icon: "/assets/img/home/icons/entertainment.webp", title: "Entertainment-1", description: "Entertainment-1...", slug: "entertainment"},
{ image: "/assets/img/home/tamil-culture/tamil-culture-6.webp", icon: "/assets/img/home/icons/indoor.webp", title: "Indoor game", description: "Indoor game...", slug: "indoor-game"},
{ image: "/assets/img/home/tamil-culture/tamil-culture-7.webp", icon: "/assets/img/home/icons/silambam.webp", title: "Silambattam", description: "Silambam or Silambattam Tamil: சிலம்பம் அல்லது…", slug: "silambattam"},
{ image: "/assets/img/home/tamil-culture/tamil-culture-7.webp", icon: "/assets/img/home/icons/silambam.webp", title: "Silambattam", description: "Silambam or Silambattam...", slug: "silambattam"},
]
export default function ArtAndCultureSection() {
@ -85,7 +85,7 @@ export default function ArtAndCultureSection() {
))}
</Swiper>
<div className="owl-nav" style={{ position: "absolute", top: "-80px", right: "90px" }}>
<div className="owl-nav" style={{ position: "absolute", top: "-80px", right: "40px" }}>
<button ref={prevRef} type="button" role="presentation" className="owl-prev h1p" aria-label="Previous Slide">
<i className="fa-solid fa-angle-left" />
</button>
@ -96,10 +96,10 @@ export default function ArtAndCultureSection() {
</div>
</div>
<div className='col-lg-2'>
<div className='col-lg-2 ad-banner'>
<div className="memory-boxarea pl-3">
<div className="img1" data-aos="zoom-in" data-aos-duration={1000}>
<img src="/assets/img/home/ad-banner/ad.webp" alt="Festival Poster" style={{ height: "500px", width: "100%" }} />
<img className='culture-img' src="/assets/img/home/ad-banner/ad.webp" alt="Festival Poster" style={{ height: "500px", width: "100%" }} />
</div>
</div>
</div>

2
components/home/HomeCommunitySection.tsx
View File

@ -119,7 +119,7 @@ export default function HomeCommunitySection() {
</div>
</div>
<div className='col-2'>
<div className='col-2 ad-banner'>
<div className="memory-boxarea pl-3">
<div className="img1" data-aos="zoom-in" data-aos-duration={1000} >
<img src="/assets/img/home/ad-banner/TCA-Web-Banner-Large.jpg" alt="" style={{height:"830px"}} />

2
components/home/HomePhotoGallerySection.tsx
View File

@ -102,7 +102,7 @@ export default function HomePhotoGallerySection() {
)}
</div>
</div>
<div className='col-lg-2'>
<div className='col-lg-2 ad-banner'>
<div className="memory-boxarea pl-3">
<div className="img1" data-aos="zoom-in" data-aos-duration={1000} >

2
components/home/HomeUpcomingEvent.tsx
View File

@ -245,7 +245,7 @@ export default function HomeUpcomingEvent() {
</div>
</div>
<div className='col-lg-2'>
<div className='col-lg-2 ad-banner'>
<div className="memory-boxarea pl-3">
<div className="img1" data-aos="zoom-in" data-aos-duration={1000} >
<img src="/assets/img/home/ad-banner/upcoming-events-ad.webp" alt="" className='mb-3' />

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

@ -27069,14 +27069,22 @@ html {
@media (max-width: 767px) {
.memory1-section-area .memory-slider-area .owl-nav {
margin-top: 30px;
margin-top: 4px;
text-align: center;
}
}
@media only screen and (max-width: 320px) {
.memory1-section-area .memory-slider-area .owl-nav {
margin-top: -33px;
left: 205px;
text-align: center;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.memory1-section-area .memory-slider-area .owl-nav {
margin-top: 30px;
margin-top: 0px;
text-align: center;
}
}
@ -28289,4 +28297,14 @@ h2.custom-text.aos-init.aos-animate{
font-size: 28px;
}
}
@media (max-width: 768px) {
.ad-banner {
display: none !important;
}
}
@media (max-width: 1024px) {
.culture-img {
height: 453px !important;
}
}