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