Skip to content

sujata / advithconsulting.io-frontend

Go to a project
Toggle navigation
Toggle navigation pinning
Commit a768def4 by gaurav
Options

changes

1 parent e4494dc6
Inline Side-by-side
Showing 3 changed files with 78 additions and 66 deletions
container/Home/ClientService.js
......@@ -90,19 +90,20 @@ const ClientService = ({ service }) => {
slidesPerView: 3,
},
}}
autoplay={{
delay: 5000,
autoplay= {false}
// autoplay={{
// delay: 5000,
// disableOnInteraction: true,
// pauseOnMouseEnter: true,
}}
// }}
loop={true}
modules={[Autoplay, Navigation]}
className="services-slides position-relative"
className="services-slides position-relative h-auto"
>
{service?.whatwedo &&
service?.whatwedo.map((service, index) => (
<SwiperSlide className="single-services-box" key={index}>
<motion.div
<SwiperSlide className="single-services-box " key={index}>
<motion.div className=""
variants={slideFromLeft(0.5)}
initial={"hidden"}
whileInView={"show"}
......@@ -118,7 +119,7 @@ const ClientService = ({ service }) => {
/>
</Link>
</div>
<div className="content">
<div className="content ">
<h3>
<Link href={service?.CTA?.URL ? service?.CTA?.URL : "#"}>{service?.Title}</Link>
</h3>
......
container/Home/Industries.js
......@@ -71,41 +71,42 @@ const Industries = ({ industry }) => {
return (
<>
<div className="free-quote-area bg-color position-relative">
<Swiper
spaceBetween={30}
pagination={{ clickable: true }}
breakpoints={{
0: {
slidesPerView: 1,
},
576: {
slidesPerView: 1,
},
768: {
slidesPerView: 1,
},
992: {
slidesPerView: 1,
},
}}
autoplay={{
delay: 5000,
disableOnInteraction: true,
pauseOnMouseEnter: true,
}}
navigation={{
nextEl: ".custom-swiper-button-next",
prevEl: ".custom-swiper-button-prev",
}}
loop={true}
modules={[Navigation, Autoplay]}
className="industry-slides position-relative"
>
{industry &&
industry.map((industry, index) => (
<SwiperSlide className="single-partner-item" key={index}>
<Container>
<div className="free-quote-area bg-color position-relative industry_home">
<Container>
<Swiper
spaceBetween={30}
pagination={{ clickable: true }}
breakpoints={{
0: {
slidesPerView: 1,
},
576: {
slidesPerView: 1,
},
768: {
slidesPerView: 1,
},
992: {
slidesPerView: 1,
},
}}
autoplay={{
delay: 5000,
disableOnInteraction: true,
pauseOnMouseEnter: true,
}}
navigation={{
nextEl: ".custom-swiper-button-next",
prevEl: ".custom-swiper-button-prev",
}}
loop={true}
modules={[Navigation, Autoplay]}
className="industry-slides position-relative"
>
{industry &&
industry.map((industry, index) => (
<SwiperSlide className="single-partner-item" key={index}>
<Row className="align-items-center">
<Col lg={5} md={12}>
<div className="free-quote-content">
......@@ -145,24 +146,24 @@ const Industries = ({ industry }) => {
/>
</Col>
</Row>
</Container>
<div className="shape3">
<Image
src="/images/shape/shape8.png"
alt="shape"
width={500}
height={500}
className="img-fluid image"
/>
</div>
</SwiperSlide>
))}
</Swiper>
<div className="cust_nav industry_nav swiper-nav text-center mt-md-4 mt-2">
<SwiperNav />
</div>
</div>
<div className="shape3">
<Image
src="/images/shape/shape8.png"
alt="shape"
width={500}
height={500}
className="img-fluid image"
/>
</div>
</SwiperSlide>
))}
</Swiper>
<div className="cust_nav industry_nav swiper-nav text-center mt-md-4 mt-2">
<SwiperNav />
</div>
</Container>
</div >
</>
);
};
......
styles/styles.css
......@@ -1784,12 +1784,12 @@ Services Area CSS
transition: var(--transition);
word-wrap: break-word;
overflow: hidden;
max-height: 4.9em;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
word-spacing: -1.5px;
/* max-height: 4.9em; */
/* text-overflow: ellipsis; */
/* display: -webkit-box; */
/* -webkit-line-clamp: 3; */
/* -webkit-box-orient: vertical; */
/* word-spacing: -1.5px; */
}
.single-services-box .content .default-btn {
......@@ -9129,6 +9129,10 @@ ul.pagination.custom-pagination {
.weoffer_section .HowWeDoIt_card {
height: 715px;
}
.industry_home .industry-title {
font-size: 1.5rem;
}
}
@media (max-width: 1300px) {
......@@ -9180,7 +9184,8 @@ ul.pagination.custom-pagination {
.empowering_howitwork .HowWeDoIt_card {
height: 200px;
}
.weoffer_section .HowWeDoIt_card{
.weoffer_section .HowWeDoIt_card {
height: 560px;
}
}
......@@ -9247,6 +9252,11 @@ ul.pagination.custom-pagination {
max-height: fit-content;
height: auto;
}
.industry_home .industry-title {
font-size: 1.2rem;
}
/* .weoffer_section .HowWeDoIt_card{
height: auto;
} */
......
Styling with Markdown is supported
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!