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

2
components/ServiceSection/ServiceSection.js
View File

@ -65,7 +65,7 @@ const ClickHandler = () => {
const ServiceSection = (props) => {
return (
<section className={`wpo-service-section section-padding ${props.sClass}`}>
<section className={`wpo-service-section section-padding3 ${props.sClass}`}>
<div className="container">
<SectionTitle subTitle={'Mission And Vision'} Title={'How we can build a better country together!'}/>
<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) => {
return (
<section className={`wpo-about-section section-padding ${props.abClass}`}>
<section className={`wpo-about-section section-padding2 ${props.abClass}`}>
<div className="container">
<div className="wpo-about-wrap">
<div className="row align-items-center">

2
components/aboutPage/Donors.js
View File

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

2
components/aboutPage/SevicesSection.js
View File

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

2
components/aboutPage/TeamSection.js
View File

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

8
components/aboutPage/TestimonialSection.js
View File

@ -47,13 +47,13 @@ const TestimonialSection = (props) => {
return (
<section className={`wpo-testimonial-section section-padding-top ${props.tmClass}`}>
<section className={`wpo-testimonial-section ${props.tmClass}`}>
<div className="container">
<div className="wpo-testimonial-wrap">
<div className="row align-items-center">
<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>
</div>
<div className="wpo-testimonial-items">
@ -82,7 +82,7 @@ const TestimonialSection = (props) => {
</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-inner">
<div className="left-slide">

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

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

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

@ -86,40 +86,33 @@ img {
padding: 120px 0;
@include media-query( 991px ) {
padding: 90px 0;
padding: 60px 0;
}
@include media-query( 767px ) {
padding: 90px 0;
padding: 60px 0;
}
}
.section-padding2 {
padding: 120px 0 0;
.section-padding-top-bottom{
padding-top: 120px !important;
padding-bottom: 120px !important;
@include media-query( 991px ) {
padding: 60px 0 0;
}
@include media-query( 767px ) {
padding: 60px 0 0;
}
}
.section-padding-top{
.section-padding3 {
padding: 0 0 120px 0;
padding-top: 120px !important;
}
.section-padding-bottom{
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;
}
@include media-query( 991px ) {
padding: 0 0 60px 0;
}
@include media-query( 767px ) {
padding: 0 0 60px 0;
}
}
.pt-100 {

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

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

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

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