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

Client correction updated

Browse Source
This commit is contained in:
akash 2025-08-23 12:25:13 +05:30
parent 220a729dc9
commit a3806d59fc
4 changed files with 73 additions and 35 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -15,7 +15,7 @@ export default function Header1({ scroll, isMobileMenu, handleMobileMenu, isSear
<> <>
<header> <header>
<div className="header-top py-3" style={{ backgroundColor: '#ce2029' }}> <div className="header-top py-3" style={{ backgroundColor: '#000000ff' }}>
<div className="container-fluid"> <div className="container-fluid">
<Swiper <Swiper
loop={true} loop={true}
@ -47,7 +47,12 @@ export default function Header1({ scroll, isMobileMenu, handleMobileMenu, isSear
</div> </div>
<div className={`header-area homepage1 header header-sticky d-none d-lg-block ${scroll ? 'sticky' : ''}`} id="header" style={{ background: "#ffde14", boxShadow: '0px 0px 25px' }}> <div
className={`header-area homepage1 header header-sticky d-none d-lg-block ${scroll ? 'sticky' : ''}`}
id="header"
style={{ background: "#000000ff", borderTop: "1px solid #cbc5c5ff" }}
>
<div className="container"> <div className="container">
<div className="row"> <div className="row">
<div className="col-lg-12"> <div className="col-lg-12">
@ -311,11 +316,21 @@ export default function Header1({ scroll, isMobileMenu, handleMobileMenu, isSear
</div> </div>
<div className="btn-area1" style={{ marginTop: '10px' }}> <div className="btn-area1" style={{ marginTop: '10px' }}>
<Link href="/register/membership-2025" className="vl-btn9" <Link
style={{ fontSize: '18px', padding: '13px 13px', display: 'inline-block' }}> href="/register/membership-2025"
className="vl-btn9"
style={{
fontSize: '18px',
padding: '13px 13px',
display: 'inline-block',
backgroundColor: '#ffde14',
color: 'black'
}}
>
<span className="demo">Membership</span> <span className="demo">Membership</span>
</Link> </Link>
</div> </div>
<div className="btn-area social-icons"> <div className="btn-area social-icons">
{/* <div className="search-icon header__search header-search-btn" onClick={handleSearch}> {/* <div className="search-icon header__search header-search-btn" onClick={handleSearch}>
<a><img src="/assets/img/icons/search1.svg" alt="" /></a> <a><img src="/assets/img/icons/search1.svg" alt="" /></a>

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

@ -7,8 +7,8 @@ export default function Section2() {
<div className="vanue-section-area sp3"> <div className="vanue-section-area sp3">
<div className="container"> <div className="container">
<div className="row"> <div className="row">
<div className="col-lg-8 m-auto"> <div className="col-lg-8 m-auto mt-5">
<div className="vanue-header heading10 text-center space-margin60"> <div className="vanue-header heading10 our-heading text-center space-margin60">
<h2 className="text-anime-style-3">Explore our content about Tamil Culture Festivals, Wedding & Customs, and Language!</h2> <h2 className="text-anime-style-3">Explore our content about Tamil Culture Festivals, Wedding & Customs, and Language!</h2>
</div> </div>
</div> </div>

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

@ -15,7 +15,7 @@ export default function TamilCultureSection() {
</div> </div>
</div> </div>
</div> </div>
<div className="col-lg-6 order-1 order-lg-2 mb-5"> <div className="col-lg-6 order-1 order-lg-2">
<div className="about6-header heading9"> <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> */} {/* <h5 data-aos="fade-left" data-aos-duration={700}><img src="/assets/img/icons/sub-logo1.svg" alt="" />About Summit</h5> */}
{/* <div className="space20" /> */} {/* <div className="space20" /> */}

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

@ -1094,11 +1094,12 @@ Location:
@media (max-width: 767px) { @media (max-width: 767px) {
.heading10 h2 { .heading10 h2 {
font-size: var(--ztc-font-size-font-s32); font-size: 25px;
line-height: 40px; line-height: 33px;
} }
} }
.heading10 p { .heading10 p {
color: var(--ztc-text-text-3); color: var(--ztc-text-text-3);
font-family: var(--grotesk); font-family: var(--grotesk);
@ -1232,7 +1233,7 @@ Location:
} }
.vl-btn1 { .vl-btn1 {
color: var(--ztc-text-text-2); color: var(--ztc-text-text-1);
font-family: var(--grotesk); font-family: var(--grotesk);
font-size: var(--ztc-font-size-font-s20); font-size: var(--ztc-font-size-font-s20);
font-style: normal; font-style: normal;
@ -1597,6 +1598,12 @@ Location:
border-radius: 8px; border-radius: 8px;
} }
.demo:hover{
color: #fff;
}
.vl-btn8 span.demo { .vl-btn8 span.demo {
display: inline-block; display: inline-block;
background: var(--ztc-bg-bg-12); background: var(--ztc-bg-bg-12);
@ -4488,17 +4495,29 @@ Location:
text-transform: uppercase; text-transform: uppercase;
} }
@media (max-width: 1024px) {
.hero9-slider-area .hero8-header h1 {
color: var(--ztc-text-text-1);
font-family: var(--grotesk);
font-size: 39px;
font-style: normal;
font-weight: var(--ztc-weight-bold);
line-height: 50px;
text-transform: uppercase;
}
}
@media (max-width: 767px) { @media (max-width: 767px) {
.hero9-slider-area .hero8-header h1 { .hero9-slider-area .hero8-header h1 {
font-size: var(--ztc-font-size-font-s18); font-size: 26px;
line-height: 26px; line-height: 26px;
} }
} }
@media only screen and (min-width: 768px) and (max-width: 991px) { @media only screen and (min-width: 768px) and (max-width: 991px) {
.hero9-slider-area .hero8-header h1 { .hero9-slider-area .hero8-header h1 {
font-size: 80px; font-size: 44px;
line-height: 90px; line-height: 52px;
} }
} }
@ -4548,7 +4567,7 @@ Location:
.hero9-slider-area .timer-bg-area { .hero9-slider-area .timer-bg-area {
width: auto; width: auto;
position: relative; position: relative;
padding: 20px 20px 30px; padding: 5px;
} }
} }
@ -4556,7 +4575,7 @@ Location:
.hero9-slider-area .timer-bg-area { .hero9-slider-area .timer-bg-area {
width: auto; width: auto;
position: relative; position: relative;
padding: 40px; padding: 15px;
} }
} }
@ -4661,12 +4680,7 @@ Location:
padding-bottom: 5px; padding-bottom: 5px;
} }
@media (max-width: 767px) {
.hero9-slider-area .heading12 h3 {
font-size: 20px;
line-height: 30px;
}
}
.hero9-slider-area .heading12 p { .hero9-slider-area .heading12 p {
color: rgba(255, 255, 255, 0.8); color: rgba(255, 255, 255, 0.8);
@ -4678,9 +4692,14 @@ Location:
} }
@media (max-width: 767px) { @media (max-width: 767px) {
.hero9-slider-area .heading12 p { .hero9-slider-area .heading12 h3 {
font-size: var(--ztc-font-size-font-s16); font-size: 18px;
line-height: 24px; line-height: 18px;
}
.hero9-slider-area .heading12 p {
font-size: 12px;
line-height: 12px;
} }
} }
@ -10147,7 +10166,7 @@ html {
font-family: var(--grotesk) !important; font-family: var(--grotesk) !important;
font-size: var(--ztc-font-size-font-s18); font-size: var(--ztc-font-size-font-s18);
font-weight: var(--ztc-weight-medium); font-weight: var(--ztc-weight-medium);
color: #000000cf; color: #fff;
display: block; display: block;
transition: all 0.4s; transition: all 0.4s;
padding: 0 20px; padding: 0 20px;
@ -26008,7 +26027,7 @@ html {
.event6-section-area .event6-widget-boxarea { .event6-section-area .event6-widget-boxarea {
position: relative; position: relative;
z-index: 1; z-index: 1;
background: #ffde14; background: var(--ztc-bg-bg-15);
border-radius: 8px; border-radius: 8px;
} }
@ -26037,7 +26056,7 @@ html {
} }
.event6-section-area .event6-widget-boxarea .content-area h3 { .event6-section-area .event6-widget-boxarea .content-area h3 {
color: var(--ztc-text-text-2); color: var(--ztc-text-text-1);
font-family: var(--grotesk); font-family: var(--grotesk);
font-size: var(--ztc-font-size-font-s32); font-size: var(--ztc-font-size-font-s32);
font-style: normal; font-style: normal;
@ -26059,7 +26078,7 @@ html {
.event6-section-area .event6-widget-boxarea .content-area ul li a { .event6-section-area .event6-widget-boxarea .content-area ul li a {
display: block; display: block;
color: var(--ztc-text-text-2); color: var(--ztc-text-text-1);
font-family: var(--grotesk); font-family: var(--grotesk);
font-size: var(--ztc-font-size-font-s16); font-size: var(--ztc-font-size-font-s16);
font-style: normal; font-style: normal;
@ -26074,20 +26093,21 @@ html {
} }
.event6-section-area .event6-widget-boxarea .content-area .btn-area1 a { .event6-section-area .event6-widget-boxarea .content-area .btn-area1 a {
background: var(--ztc-bg-bg-15); background: var(--ztc-bg-bg-1);
color: var(--ztc-bg-bg-1); color: var(--ztc-bg-bg-15);
} }
.event6-section-area .event6-widget-boxarea .content-area .btn-area1 a img { .event6-section-area .event6-widget-boxarea .content-area .btn-area1 a img {
filter: brightness(0) invert(1); filter: brightness(0) invert(0);
/* color: var(--ztc-text-text-15); */
} }
.event6-section-area .event6-widget-boxarea .content-area .btn-area1 a:hover { .event6-section-area .event6-widget-boxarea .content-area .btn-area1 a:hover {
color: #fff; color: var(--ztc-text-text-15);
} }
.event6-section-area .event6-widget-boxarea .content-area .btn-area1 a:hover img { .event6-section-area .event6-widget-boxarea .content-area .btn-area1 a:hover img {
filter: brightness(0) invert(1); filter: brightness(0) invert(0);
color: #ce2029; color: #ce2029;
} }
@ -28328,7 +28348,7 @@ html {
display: list-item !important; display: list-item !important;
color: var(--ztc-text-text-3); color: var(--ztc-text-text-3);
font-family: var(--grotesk); font-family: var(--grotesk);
font-size: var(--ztc-font-size-font-s18); font-size: var(--ztc-font-size-font-s14);
font-style: normal; font-style: normal;
font-weight: var(--ztc-weight-medium); font-weight: var(--ztc-weight-medium);
line-height: 26px; line-height: 26px;
@ -28478,7 +28498,7 @@ h2.custom-text.aos-init.aos-animate {
@media (max-width: 425px) { @media (max-width: 425px) {
.hero9-slider-area .hero8-header h1 { .hero9-slider-area .hero8-header h1 {
font-size: 24px; font-size: 21px;
} }
} }
@ -28497,6 +28517,7 @@ h2.custom-text.aos-init.aos-animate {
@media (max-width: 425px) { @media (max-width: 425px) {
.vl-btn9 .demo { .vl-btn9 .demo {
font-size: 16px; font-size: 16px;
} }
} }
@ -28514,5 +28535,7 @@ h2.custom-text.aos-init.aos-animate {
@media (width: 1024px) { @media (width: 1024px) {
.hero9-slider-area .timer-bg-area { .hero9-slider-area .timer-bg-area {
padding: 40px 8px; padding: 40px 8px;
width: 719px;
justify-content: center;
} }
} }