MetatroncubeSoftwareSolutions/janahan-law
3
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

responsive checked

Browse Source
This commit is contained in:
Selvi 2025-08-12 19:32:58 +05:30
parent 16086fae90
commit b5b469355c
11 changed files with 46 additions and 47 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
components/Features/Features.js
View File

@ -65,7 +65,7 @@ const ClickHandler = () => {
const Features = (props) => { const Features = (props) => {
return ( return (
<section className={`wpo-service-section section-padding-top ${props.sClass}`}> <section className={`wpo-service-section section-padding ${props.sClass}`}>
<div className="container"> <div className="container">
<SectionTitle subTitle={'Mission And Vision'} Title={'How we can build a better country together!'}/> <SectionTitle subTitle={'Mission And Vision'} Title={'How we can build a better country together!'}/>
<div className="row-grid wpo-service-slider"> <div className="row-grid wpo-service-slider">

2
components/ServiceSection/ServiceSection.js
View File

@ -65,7 +65,7 @@ const ClickHandler = () => {
const ServiceSection = (props) => { const ServiceSection = (props) => {
return ( return (
<section className={`wpo-service-section section-padding ${props.sClass}`}> <section className={`wpo-service-section section-padding3 ${props.sClass}`}>
<div className="container"> <div className="container">
<SectionTitle subTitle={'Mission And Vision'} Title={'How we can build a better country together!'}/> <SectionTitle subTitle={'Mission And Vision'} Title={'How we can build a better country together!'}/>
<div className="row-grid wpo-service-slider"> <div className="row-grid wpo-service-slider">

2
components/aboutPage/AboutSection.js
View File

@ -4,7 +4,7 @@ import Image from 'next/image';
const AboutSection = (props) => { const AboutSection = (props) => {
return ( return (
<section className={`wpo-about-section section-padding ${props.abClass}`}> <section className={`wpo-about-section section-padding2 ${props.abClass}`}>
<div className="container"> <div className="container">
<div className="wpo-about-wrap"> <div className="wpo-about-wrap">
<div className="row align-items-center"> <div className="row align-items-center">

2
components/aboutPage/Donors.js
View File

@ -8,7 +8,7 @@ const ClickHandler = () => {
const Donors = () => { const Donors = () => {
return ( return (
<section className="wpo-donors-section section-padding-bottom"> <section className="wpo-donors-section section-padding3">
<div className="container"> <div className="container">
<div className="wpo-donors-wrap"> <div className="wpo-donors-wrap">
<div className="row align-items-center"> <div className="row align-items-center">

2
components/aboutPage/SevicesSection.js
View File

@ -65,7 +65,7 @@ const ClickHandler = () => {
const ServicesSection = (props) => { const ServicesSection = (props) => {
return ( return (
<section className={`wpo-service-section section-padding-top ${props.sClass}`}> <section className={`wpo-service-section section-padding3 ${props.sClass}`}>
<div className="container"> <div className="container">
<SectionTitle subTitle={'Mission And Vision'} Title={'How we can build a better country together!'}/> <SectionTitle subTitle={'Mission And Vision'} Title={'How we can build a better country together!'}/>
<div className="row-grid wpo-service-slider"> <div className="row-grid wpo-service-slider">

2
components/aboutPage/TeamSection.js
View File

@ -10,7 +10,7 @@ const ClickHandler = () => {
const TeamsSection = (props) => { const TeamsSection = (props) => {
return ( return (
<section className={`wpo-team-section section-padding-top-bottom ${props.tmClass}`}> <section className={`wpo-team-section section-padding ${props.tmClass}`}>
<div className="container"> <div className="container">
<SectionTitle subTitle={'Our Team'} Title={'Meet Our City Council'} /> <SectionTitle subTitle={'Our Team'} Title={'Meet Our City Council'} />
<div className="wpo-team-wrap"> <div className="wpo-team-wrap">

8
components/aboutPage/TestimonialSection.js
View File

@ -47,13 +47,13 @@ const TestimonialSection = (props) => {
return ( return (
<section className={`wpo-testimonial-section section-padding-top ${props.tmClass}`}> <section className={`wpo-testimonial-section ${props.tmClass}`}>
<div className="container"> <div className="container">
<div className="wpo-testimonial-wrap"> <div className="wpo-testimonial-wrap">
<div className="row align-items-center"> <div className="row align-items-center">
<div className="col-lg-6 col-12 order-lg-1 order-1"> <div className="col-lg-6 col-12 order-lg-1 order-1">
<div class="wpo-section-title-new"> <div class="wpo-section-title-new">
<h2>How we can build a better country together!</h2> <h2>How we can build a better country together!</h2>
</div> </div>
<div className="wpo-testimonial-items"> <div className="wpo-testimonial-items">
@ -82,7 +82,7 @@ const TestimonialSection = (props) => {
</div> </div>
</div> </div>
</div> </div>
<div className="col-lg-6 col-12 order-lg-1 order-2"> <div className="col-lg-6 col-12 order-lg-1 order-2">
<div className="testimonial-left"> <div className="testimonial-left">
<div className="testimonial-left-inner"> <div className="testimonial-left-inner">
<div className="left-slide"> <div className="left-slide">

4
components/our-approach/OurApproachSection.js
View File

@ -10,14 +10,12 @@ const OurApproachSection = () => {
const sectionStyle = { const sectionStyle = {
backgroundColor: index % 2 === 0 ? '#fbfbfbff' : '#e8ebf5', backgroundColor: index % 2 === 0 ? '#fbfbfbff' : '#e8ebf5',
color: index % 2 === 0 ? '#ffffffff' : '#fff', color: index % 2 === 0 ? '#ffffffff' : '#fff',
paddingTop: '60px',
paddingBottom: '60px',
}; };
return ( return (
<section <section
key={item.id} key={item.id}
className="wpo-about-section section-padding-top-bottom" className="wpo-about-section section-padding"
style={sectionStyle} style={sectionStyle}
> >
<div className="container"> <div className="container">

43
styles/sass/base/_base.scss
View File

@ -86,40 +86,33 @@ img {
padding: 120px 0; padding: 120px 0;
@include media-query( 991px ) { @include media-query( 991px ) {
padding: 90px 0; padding: 60px 0;
} }
@include media-query( 767px ) { @include media-query( 767px ) {
padding: 90px 0; padding: 60px 0;
} }
} }
.section-padding2 {
padding: 120px 0 0;
.section-padding-top-bottom{ @include media-query( 991px ) {
padding: 60px 0 0;
padding-top: 120px !important; }
padding-bottom: 120px !important; @include media-query( 767px ) {
padding: 60px 0 0;
}
} }
.section-padding-top{ .section-padding3 {
padding: 0 0 120px 0;
padding-top: 120px !important; @include media-query( 991px ) {
padding: 0 0 60px 0;
} }
@include media-query( 767px ) {
.section-padding-bottom{ padding: 0 0 60px 0;
}
padding-bottom: 120px !important;
}
@media (max-width: 768px) {
.section-padding-top .section-padding-top .section {
padding-top: 60px;
padding-bottom: 60px;
padding: 60px 0px 60px 0px;
}
} }
.pt-100 { .pt-100 {

20
styles/sass/page/_home-default.scss
View File

@ -177,7 +177,7 @@
.wpo-about-section-s2, .wpo-about-section-s2,
.wpo-about-section-s3, .wpo-about-section-s3,
.wpo-about-section-s4 { .wpo-about-section-s4 {
padding-bottom: 0px; padding-bottom: 120px;
@media(max-width:991px) { @media(max-width:991px) {
padding-top: 60px !important; padding-top: 60px !important;
@ -588,7 +588,7 @@
.wpo-service-section, .wpo-service-section,
.wpo-service-section-s2 { .wpo-service-section-s2 {
@media(max-width:991px) { @media(max-width:991px) {
padding-top: 90px; padding: 0px 0px 60px;
} }
.wpo-service-slider { .wpo-service-slider {
@ -852,7 +852,7 @@
z-index: 1; z-index: 1;
@media(max-width:991px) { @media(max-width:991px) {
padding-bottom: 90px; padding-bottom: 60px;
} }
&:before { &:before {
@ -1087,8 +1087,8 @@
.wpo-testimonial-items { .wpo-testimonial-items {
@media(max-width:1399px) { @media(max-width:1399px) {
margin-right: -100px; margin-right: -100px;
padding-left: 60px; // padding-left: 60px;
max-width: 550px; max-width: 476px;
} }
@media(max-width:991px) { @media(max-width:991px) {
@ -1333,7 +1333,7 @@
@media(max-width:991px) { @media(max-width:991px) {
text-align: center; text-align: center;
margin-top: 50px; margin-top: 70px;
img { img {
margin: 0 auto; margin: 0 auto;
@ -1579,7 +1579,7 @@
padding-bottom: 120px; padding-bottom: 120px;
@media(max-width:991px) { @media(max-width:991px) {
padding-bottom: 90px; padding: 60px 60px;
} }
.wpo-team-wrap { .wpo-team-wrap {
@ -1708,6 +1708,10 @@
.wpo-team-text { .wpo-team-text {
padding-top: 15px; padding-top: 15px;
@media(max-width:375px) {
padding-top: 90px;
}
span { span {
font-style: normal; font-style: normal;
font-weight: 400; font-weight: 400;
@ -1855,7 +1859,7 @@
z-index: 1; z-index: 1;
@media(max-width:767px) { @media(max-width:767px) {
padding-bottom: 90px; padding-bottom: 60px;
} }
.wpo-blog-item { .wpo-blog-item {

6
styles/sass/page/_home-style-2.scss
View File

@ -16,7 +16,7 @@
@include media-query(991px) { @include media-query(991px) {
margin-top: 0px; margin-top: 0px;
padding: 90px 0; padding-top: 60px;
} }
.wpo-section-title{ .wpo-section-title{
@ -53,6 +53,10 @@
left: 50%; left: 50%;
transform: translateX(-50%); transform: translateX(-50%);
bottom: -90px; bottom: -90px;
@media(max-width:991px) {
display: none;
}
} }
.about-shape { .about-shape {