Skip to content

sujata / advithconsulting.io-frontend

Go to a project
Toggle navigation
Toggle navigation pinning
Commit 51fecbce by sneha-khedekar
Options

pages update

1 parent 38f09cfa
Expand all
Inline Side-by-side
Showing 38 changed files with 890 additions and 381 deletions
components/reuseables/FunctionalAreas.js
...@@ -63,7 +63,7 @@ const services = [ ...@@ -63,7 +63,7 @@ const services = [
const FunctionalAreas = () => { const FunctionalAreas = () => {
return ( return (
<> <>
<div className="services-area pt-100 pb-70"> <div className="functional-areas pt-100 pb-70">
<Container> <Container>
<div className="section-title"> <div className="section-title">
<span className="sub-title">SERVICES</span> <span className="sub-title">SERVICES</span>
......
components/reuseables/PageBanner.js
...@@ -40,6 +40,7 @@ const PageBanner = ({ banners = [] }) => { ...@@ -40,6 +40,7 @@ const PageBanner = ({ banners = [] }) => {
layout="fill" layout="fill"
objectFit="cover" objectFit="cover"
priority priority
className="img-fluid"
/> />
</div> </div>
<div className="container"> <div className="container">
......
components/reuseables/ServicesContent.js
...@@ -15,7 +15,7 @@ const ContentSection = ({ ...@@ -15,7 +15,7 @@ const ContentSection = ({
}) => { }) => {
return ( return (
<Row <Row
className="align-items-center mb-5 mb-lg-5 mb-xl-5 gx-5" className="align-items-center mb-5 mb-lg-5 mb-xl-5"
style={{ style={{
flexDirection: reverse ? "row-reverse" : "row", flexDirection: reverse ? "row-reverse" : "row",
}} }}
...@@ -31,7 +31,7 @@ const ContentSection = ({ ...@@ -31,7 +31,7 @@ const ContentSection = ({
src={imageSrc} src={imageSrc}
alt={imageAlt} alt={imageAlt}
layout="fill" layout="fill"
className="img-fluid image" className="object-fit image "
/> />
</motion.div> </motion.div>
</Col> </Col>
......
components/reuseables/TeamMember.js
import Image from "next/image"; import Image from "next/image";
import React from "react"; import React from "react";
import { Swiper, SwiperSlide } from "swiper/react";
import { Autoplay } from "swiper/modules";
const team = [ const team = [
{ {
...@@ -131,31 +133,61 @@ const TeamMember = () => { ...@@ -131,31 +133,61 @@ const TeamMember = () => {
</div> </div>
<div className="row justify-content-center"> <div className="row justify-content-center">
{team && <Swiper
team.map((member) => ( spaceBetween={30}
<div className="col-lg-3 col-md-6 col-sm-6" key={member.id}> breakpoints={{
<div className="single-team-member"> 0: {
<Image src={member.image} alt={member.altText} /> slidesPerView: 2,
<div className="content"> },
<h3>{member.name}</h3> 576: {
<span>{member.designation}</span> slidesPerView: 3,
<ul className="social-links"> },
{member.socialLinks.map((link) => ( 768: {
<li key={link.id}> slidesPerView: 4,
<a },
href={link.url} 992: {
target="_blank" slidesPerView: 4,
rel="noopener noreferrer" },
> }}
<i className={link.icon}></i> autoplay={{
</a> delay: 3000,
</li> disableOnInteraction: true,
))} pauseOnMouseEnter: true,
</ul> }}
modules={[Autoplay]}
className="teammemebr-slider"
>
{team &&
team.map((member) => (
<SwiperSlide key={member.id}>
<div
className="col-lg-3 col-md-6 col-sm-6 col-xs-6"
key={member.id}
>
<div className="single-team-member">
<Image src={member.image} alt={member.altText} />
<div className="content">
<h3>{member.name}</h3>
<span>{member.designation}</span>
<ul className="social-links">
{member.socialLinks.map((link) => (
<li key={link.id}>
<a
href={link.url}
target="_blank"
rel="noopener noreferrer"
>
<i className={link.icon}></i>
</a>
</li>
))}
</ul>
</div>
</div>
</div> </div>
</div> </SwiperSlide>
</div> ))}
))} </Swiper>
</div> </div>
</div> </div>
</div> </div>
......
components/reuseables/services/MethodMobile.js 0 → 100644
import React from "react";
import { Col, Container, Row } from "react-bootstrap";
import Heading from "../Heading";
const steps = [
{
stepNumber: "01",
title: "Step 1 - Discovery",
description: "lorem demo text lorem demo text",
align: "left", // This will determine the layout
},
{
stepNumber: "02",
title: "Step 2 - Analysis",
description: "lorem demo text lorem demo text",
align: "right",
},
{
stepNumber: "03",
title: "Step 3 - Implementation",
description: "lorem demo text lorem demo text",
align: "left",
},
{
stepNumber: "04",
title: "Step 4 - Analysis",
description: "lorem demo text lorem demo text",
align: "right",
},
// Add more steps as needed
];
const MethodMobile = () => {
return (
<>
<section className="method-mobile p-3 d-block d-md-none d-lg-none">
<div className="section-title">
<span className="sub-title">lorem demo</span>
<Heading el="h2" heading="Method" />
</div>
<Container>
<Row>
<div>
{steps.map((step, index) => (
<div
key={index}
className={`circle-container d-flex ${
step.align === "right" ? "circle-containertwo" : ""
}`}
>
{step.align === "left" && (
<>
<Col xs={4} sm={4}>
<div className="circle-method">
<p className="circle-number">{step.stepNumber}</p>
</div>
</Col>
<Col xs={8} sm={8} className="align-self-center">
<div className="circle-content">
<h6>{step.title}</h6>
<p>{step.description}</p>
</div>
</Col>
</>
)}
{step.align === "right" && (
<>
<Col xs={9} sm={9} className="align-self-center">
<div className="text-align-end circle-content-two">
<h6>{step.title}</h6>
<p>{step.description}</p>
</div>
</Col>
<Col xs={3} sm={3}>
<div className="circle-methodtwo">
<p className="circle-number">{step.stepNumber}</p>
</div>
</Col>
</>
)}
</div>
))}
</div>
</Row>
</Container>
</section>
</>
);
};
export default MethodMobile;
components/reuseables/services/MethodOne.js
...@@ -23,7 +23,7 @@ const MethodOne = ({ ...@@ -23,7 +23,7 @@ const MethodOne = ({
} = sliderConfig; } = sliderConfig;
return ( return (
<section className="method-section ptb-100"> <section className="method-section ptb-100 d-none d-sm-none d-lg-block">
<Container> <Container>
<div className="section-title"> <div className="section-title">
<span className="sub-title">{sectionTitle}</span> <span className="sub-title">{sectionTitle}</span>
......
components/reuseables/services/MethodTwo.js
...@@ -11,84 +11,78 @@ const MethodTwoSection = ({ ...@@ -11,84 +11,78 @@ const MethodTwoSection = ({
sectionTitle, sectionTitle,
subTitle, subTitle,
methodData, methodData,
slidesPerView = 5, slidesPerView,
spaceBetween = 30, breakpoints,
autoplayDelay = 5000, spaceBetween,
showPagination = true, autoplayDelay,
showAutoplay = true, showPagination,
showAutoplay,
}) => { }) => {
return ( return (
<section className="method ptb-100"> <>
<Container className="justify-content-center align-self-center"> <section className="method-two ptb-100">
<div className="section-title"> <Container className="justify-content-center align-self-center">
<span className="sub-title">{subTitle}</span> <div className="section-title">
<Heading el="h2" heading={sectionTitle} /> <span className="sub-title">{subTitle}</span>
</div> <Heading el="h2" heading={sectionTitle} />
<Row className="align-items-center justify-content-center align-self-center"> </div>
<Swiper <Row className="align-items-center justify-content-center align-self-center">
spaceBetween={spaceBetween} <Swiper
slidesPerView={slidesPerView} spaceBetween={spaceBetween}
pagination={showPagination ? { clickable: true } : false} slidesPerView={slidesPerView}
autoplay={ breakpoints={breakpoints}
showAutoplay pagination={showPagination ? { clickable: true } : false}
? { autoplay={showAutoplay ? { delay: autoplayDelay } : false}
delay: autoplayDelay, >
disableOnInteraction: true, {methodData.map((card, index) => (
pauseOnMouseEnter: true, <SwiperSlide key={index}>
} <motion.div
: false variants={slideFromLeft(0.5)}
} initial={"hidden"}
modules={[Pagination, Autoplay]} whileInView={"show"}
className="services-slides" viewport={{ once: false, amount: 0.4 }}
> >
{methodData.map((card, index) => ( <div className="activity-card g-5">
<SwiperSlide key={index}> <Col>
<motion.div {index % 2 === 0 ? (
variants={slideFromLeft(0.5)} <>
initial={"hidden"} <div className="image-container mb-2">
whileInView={"show"} <Image
viewport={{ once: false, amount: 0.4 }} aria-hidden="true"
> alt={card.title}
<div className="activity-card g-5"> src={card.img}
<Col> layout="fill"
{index % 2 === 0 ? ( className="img-fluid image"
<> />
<div className="image-container mb-2"> </div>
<Image <div className="method-title">{card.title}</div>
aria-hidden="true" <div className="method-descr">{card.descr}</div>
alt={card.title} </>
src={card.img} ) : (
layout="fill" <>
className="img-fluid image" <div className="method-title">{card.title}</div>
/> <div className="method-descr">{card.descr}</div>
</div> <div className="image-container mt-lg-5 mt-xl-5 mt-3 ">
<div className="method-title">{card.title}</div> <Image
<div className="method-descr">{card.descr}</div> aria-hidden="true"
</> alt={card.title}
) : ( src={card.img}
<> layout="fill"
<div className="method-title">{card.title}</div> className="img-fluid image method-img-gray"
<div className="method-descr">{card.descr}</div> />
<div className="image-container mt-5"> </div>
<Image </>
aria-hidden="true" )}
alt={card.title} </Col>
src={card.img} </div>
layout="fill" </motion.div>
className="img-fluid image" </SwiperSlide>
/> ))}
</div> </Swiper>
</> </Row>
)} </Container>
</Col> </section>
</div> </>
</motion.div>
</SwiperSlide>
))}
</Swiper>
</Row>
</Container>
</section>
); );
}; };
......
container/BudgetPanorama/index.js
...@@ -76,7 +76,7 @@ const BudgetPanorama = () => { ...@@ -76,7 +76,7 @@ const BudgetPanorama = () => {
<> <>
<PageBanner banners={banners} /> <PageBanner banners={banners} />
<div className="services-area pt-70 pb-100 bg-light"> <div className="budget-panorama-page-area pt-70 pb-100 bg-light">
<Container> <Container>
<div className="section-title"> <div className="section-title">
<span className="sub-title">OUR lorem</span> <span className="sub-title">OUR lorem</span>
......
container/ClientServicing/CFO/CfoPage.js
...@@ -10,6 +10,7 @@ import { ...@@ -10,6 +10,7 @@ import {
import MethodOne from "@/components/reuseables/services/MethodOne"; import MethodOne from "@/components/reuseables/services/MethodOne";
import MethodTwoSection from "@/components/reuseables/services/MethodTwo"; import MethodTwoSection from "@/components/reuseables/services/MethodTwo";
import Clientele from "@/components/reuseables/Clientele"; import Clientele from "@/components/reuseables/Clientele";
import MethodTwoMobile from "@/components/reuseables/services/MethodMobile";
const banners = [ const banners = [
{ {
imageSrc: "/images/page-title-bg.jpg", imageSrc: "/images/page-title-bg.jpg",
...@@ -27,7 +28,7 @@ const CFOData = [ ...@@ -27,7 +28,7 @@ const CFOData = [
paragraphs: [ paragraphs: [
"FC & CFO Services at Advith Consulting LLP brings together specialists at different functional layers enabling finance operations in your organisation to function in an efficient manner. Depending upon the requirement of the business, our areas of focus range from streamling routine finance operations to ensuring compliances including taxation and corporate law and even to strategic, business finance & assurance, to provide a holistic approach to financial management. ", "FC & CFO Services at Advith Consulting LLP brings together specialists at different functional layers enabling finance operations in your organisation to function in an efficient manner. Depending upon the requirement of the business, our areas of focus range from streamling routine finance operations to ensuring compliances including taxation and corporate law and even to strategic, business finance & assurance, to provide a holistic approach to financial management. ",
], ],
imageSrc: "/images/about/people.jpg", imageSrc: "/images/about.png",
imageAlt: "Client Servicing Image", imageAlt: "Client Servicing Image",
}, },
{ {
...@@ -36,7 +37,7 @@ const CFOData = [ ...@@ -36,7 +37,7 @@ const CFOData = [
paragraphs: [ paragraphs: [
"The significance and role of a finance function in an organisation depends on multiple factors including the vision of the management, nature of business, scale of operations & status of funding among others. At Advith Consulting, we offer FC & CFO Services upon careful evaluation of the requirement of your business. Our role as FC's and CFO's will be to act as enablers in moving from data entry and reporting merely as a compliance to a mechanism wherein we bring together insightful data analysis and financial expertise to offer actionable insights to the leadership team", "The significance and role of a finance function in an organisation depends on multiple factors including the vision of the management, nature of business, scale of operations & status of funding among others. At Advith Consulting, we offer FC & CFO Services upon careful evaluation of the requirement of your business. Our role as FC's and CFO's will be to act as enablers in moving from data entry and reporting merely as a compliance to a mechanism wherein we bring together insightful data analysis and financial expertise to offer actionable insights to the leadership team",
], ],
imageSrc: "/images/home/knowledge.png", imageSrc: "/images/about.png",
imageAlt: "FC & CFO Services Image", imageAlt: "FC & CFO Services Image",
}, },
{ {
...@@ -45,17 +46,33 @@ const CFOData = [ ...@@ -45,17 +46,33 @@ const CFOData = [
paragraphs: [ paragraphs: [
"A typical finance function in an organization is structured in the manner of a pyramid with the executors at the base and strategic decision making at the pinnacle. Each layer has incremental responsibilities which are all aligned to the organization’s vision. The pyramid of finance operations is a testament to structured efficiency. Each layer signifies a distinct function, essential to the integrity of the whole. ", "A typical finance function in an organization is structured in the manner of a pyramid with the executors at the base and strategic decision making at the pinnacle. Each layer has incremental responsibilities which are all aligned to the organization’s vision. The pyramid of finance operations is a testament to structured efficiency. Each layer signifies a distinct function, essential to the integrity of the whole. ",
], ],
imageSrc: "/images/home/knowledge.png", imageSrc: "/images/about.png",
imageAlt: "FC & CFO Services Image", imageAlt: "FC & CFO Services Image",
}, },
]; ];
const sliderConfig = { const sliderConfig = {
spaceBetween: 20, spaceBetween: 20,
slidesPerView: 5, slidesPerView: 5,
showPagination: true, breakpoints: {
showAutoplay: true, 320: {
autoplayDelay: 4000, slidesPerView: 2,
spaceBetween: 10,
},
768: {
slidesPerView: 2,
spaceBetween: 20,
},
1024: {
slidesPerView: 3,
spaceBetween: 20,
},
1200: {
slidesPerView: 5,
spaceBetween: 20,
},
},
}; };
// method one content // method one content
const MethodOneData = [ const MethodOneData = [
{ {
...@@ -99,30 +116,30 @@ const MethodOneData = [ ...@@ -99,30 +116,30 @@ const MethodOneData = [
]; ];
const methodTwoData = [ const methodTwoData = [
{ {
img: "/images/services/cfo/activity/recurring.png", img: "/images/shape/iconsvg/recurring.svg",
title: "1. Recurring Activities ", title: "1. Recurring Activities ",
descr: descr:
"Review of books of accounts, on call advisory, co-ordination with Bankers, Employees, Vendors on finance related matters", "Review of books of accounts, on call advisory, co-ordination with Bankers, Employees, Vendors on finance related matters",
}, },
{ {
img: "/images/services/cfo/activity/monthly.png", img: "/images/shape/iconsvg/monthly.svg",
title: " 2. Monthly Activities", title: " 2. Monthly Activities",
descr: descr:
"Monthly book closures, payroll processing, compliance management, tracking of budget vs actuals, cash & fund flow management ", "Monthly book closures, payroll processing, compliance management, tracking of budget vs actuals, cash & fund flow management ",
}, },
{ {
img: "/images/services/cfo/activity/quarterly.png", img: "/images/shape/iconsvg/quarterly.svg",
title: "3. Quarterly Activities ", title: "3. Quarterly Activities ",
descr: descr:
"Presentation to the Board, Investment Evaluation, Evaluation of Processes", "Presentation to the Board, Investment Evaluation, Evaluation of Processes",
}, },
{ {
img: "/images/services/cfo/activity/annual.png", img: "/images/shape/iconsvg/annual.svg",
title: "4. Annual Activities", title: "4. Annual Activities",
descr: "Audit Assistance, Budgeting, Reporting to Investors", descr: "Audit Assistance, Budgeting, Reporting to Investors",
}, },
{ {
img: "/images/services/cfo/activity/need.png", img: "/images/shape/iconsvg/need.svg",
title: "5. Need Based ", title: "5. Need Based ",
descr: "As per requirement of the Management", descr: "As per requirement of the Management",
}, },
...@@ -180,9 +197,6 @@ const CfoPage = () => { ...@@ -180,9 +197,6 @@ const CfoPage = () => {
imageSrc={item.imageSrc} imageSrc={item.imageSrc}
imageAlt={item.imageAlt} imageAlt={item.imageAlt}
reverse={index % 2 !== 0} reverse={index % 2 !== 0}
animation={
index % 2 === 0 ? slideFromLeft(0.5) : slideFromRight(0.4)
}
/> />
))} ))}
</Container> </Container>
...@@ -199,15 +213,18 @@ const CfoPage = () => { ...@@ -199,15 +213,18 @@ const CfoPage = () => {
sectionTitle="Elements in CFO Services - Option 2" sectionTitle="Elements in CFO Services - Option 2"
subTitle="Methodology 2 - How we do it?" subTitle="Methodology 2 - How we do it?"
methodData={methodTwoData} methodData={methodTwoData}
slidesPerView={5} slidesPerView={sliderConfig.slidesPerView}
spaceBetween={20} breakpoints={sliderConfig.breakpoints} // Pass breakpoints here
autoplayDelay={4000} spaceBetween={sliderConfig.spaceBetween}
showPagination={true} autoplayDelay={sliderConfig.autoplayDelay}
showAutoplay={true} showPagination={sliderConfig.showPagination}
showAutoplay={sliderConfig.showAutoplay}
/> />
<div className="ptb-100 bg-fafafa"> <div className="ptb-100 bg-fafafa">
<Clientele partners={partners} /> <Clientele partners={partners} />
</div> </div>
<MethodTwoMobile />
</> </>
); );
}; };
......
container/Corpedia/index.js
...@@ -77,7 +77,7 @@ const Corpedia = () => { ...@@ -77,7 +77,7 @@ const Corpedia = () => {
<> <>
<PageBanner banners={banners} /> <PageBanner banners={banners} />
<div className="services-area pt-70 pb-100 bg-light"> <div className="corpedia-page-area pt-70 pb-100 bg-light">
<Container> <Container>
<div className="section-title"> <div className="section-title">
<span className="sub-title">OUR lorem</span> <span className="sub-title">OUR lorem</span>
......
container/Home/AreasofExpertise.js
...@@ -64,7 +64,7 @@ const areasofExpertise = [ ...@@ -64,7 +64,7 @@ const areasofExpertise = [
const AreasofExpertise = () => { const AreasofExpertise = () => {
return ( return (
<> <>
<div className="projects-area pt-100 pb-70 bglight"> <div className="areas-of-expertise pt-100 pb-70 bglight">
<Container> <Container>
<div className="section-title"> <div className="section-title">
<span className="sub-title">lorem</span> <span className="sub-title">lorem</span>
......
container/Home/HomeBanner.js
...@@ -35,71 +35,73 @@ const bannerData = [ ...@@ -35,71 +35,73 @@ const bannerData = [
const HomeBanner = () => { const HomeBanner = () => {
return ( return (
<Swiper <section className="home-banner-area">
navigation={true} <Swiper
grabCursor={true} navigation={true}
effect={"creative"} grabCursor={true}
creativeEffect={{ effect={"creative"}
prev: { creativeEffect={{
shadow: true, prev: {
translate: [0, 0, -400], shadow: true,
}, translate: [0, 0, -400],
next: { },
translate: ["100%", 0, 0], next: {
}, translate: ["100%", 0, 0],
}} },
autoplay={{ }}
delay: 5000, autoplay={{
disableOnInteraction: true, delay: 5000,
pauseOnMouseEnter: true, disableOnInteraction: true,
}} pauseOnMouseEnter: true,
modules={[EffectCreative, Navigation, Autoplay]} }}
className="home-slides" modules={[EffectCreative, Navigation, Autoplay]}
> className="home-slides"
{bannerData.map((banner, index) => ( >
<SwiperSlide key={index}> {bannerData.map((banner, index) => (
<div <SwiperSlide key={index}>
className="main-banner-area" <div
style={{ className="main-banner-area"
backgroundImage: `url(${banner.backgroundImage})`, style={{
}} backgroundImage: `url(${banner.backgroundImage})`,
> }}
<Container> >
<Row className="align-items-center"> <Container>
<Col lg={6} md={12}> <Row className="align-items-center">
<div className="main-banner-content"> <Col lg={6} md={12}>
<span className="sub-title">{banner.subtitle}</span> <div className="main-banner-content">
<h1>{banner.title}</h1> <span className="sub-title">{banner.subtitle}</span>
<p>{banner.description}</p> <h1>{banner.title}</h1>
<div className="btn-box"> <p>{banner.description}</p>
<Link href={banner.buttonLink1} className="default-btn"> <div className="btn-box">
{banner.buttonText1} <Link href={banner.buttonLink1} className="default-btn">
<i className="ri-arrow-right-line"></i> {banner.buttonText1}
</Link> <i className="ri-arrow-right-line"></i>
<Link href={banner.buttonLink2} className="default-btn"> </Link>
{banner.buttonText2} <Link href={banner.buttonLink2} className="default-btn">
<i className="ri-arrow-right-line"></i> {banner.buttonText2}
</Link> <i className="ri-arrow-right-line"></i>
</Link>
</div>
</div> </div>
</div> </Col>
</Col>
<div className="col-lg-6 col-md-12"> <div className="col-lg-6 col-md-12">
<div className="main-banner-image"> <div className="main-banner-image">
<Image <Image
layout="fill" layout="fill"
src={banner.image} src={banner.image}
alt="image" alt="image"
className="image-fluid image" className="image-fluid image"
/> />
</div>
</div> </div>
</div> </Row>
</Row> </Container>
</Container> </div>
</div> </SwiperSlide>
</SwiperSlide> ))}
))} </Swiper>
</Swiper> </section>
); );
}; };
......
container/Home/People.js
...@@ -32,7 +32,7 @@ const data = [ ...@@ -32,7 +32,7 @@ const data = [
const People = () => { const People = () => {
return ( return (
<> <>
<div className="call-back-request-area ptb-100"> <div className="people bg-light ptb-100">
<Container> <Container>
<Row className="align-items-center"> <Row className="align-items-center">
<Col lg={6} md={12}> <Col lg={6} md={12}>
......
container/IndustryFocus/Education.js
...@@ -6,7 +6,11 @@ import Image from "next/image"; ...@@ -6,7 +6,11 @@ import Image from "next/image";
import IndustrySidebar from "./IndustrySidebar"; import IndustrySidebar from "./IndustrySidebar";
import Clientele from "@/components/reuseables/Clientele"; import Clientele from "@/components/reuseables/Clientele";
import { motion } from "framer-motion"; import { motion } from "framer-motion";
import { fadeIn } from "@/components/reuseables/variants"; import {
fadeIn,
slideFromLeft,
slideFromRight,
} from "@/components/reuseables/variants";
const OurApproachData = [ const OurApproachData = [
{ {
title: "Education ", title: "Education ",
...@@ -161,53 +165,60 @@ const Education = () => { ...@@ -161,53 +165,60 @@ const Education = () => {
</Container> </Container>
</div> </div>
<section className="bg-light pb-100 pt-100"> <section className="bg-light pb-100 pt-100">
<Container> <Container>
<Row> <Row>
<Col md={3} sm={12}> <Col md={3} sm={12}>
<IndustrySidebar <IndustrySidebar
title="CFO Services" title="CFO Services"
services={Sidebar} services={Sidebar}
selectedIndex={selectedIndex} selectedIndex={selectedIndex}
setSelectedIndex={setSelectedIndex} setSelectedIndex={setSelectedIndex}
/> />
</Col> </Col>
<Col md={9} sm={12}> <Col md={9} sm={12}>
<Tabs selectedIndex={selectedIndex}> <Tabs selectedIndex={selectedIndex}>
{serviceData.map((services, index) => ( {serviceData.map((services, index) => (
<TabPanel key={index}> <TabPanel key={index}>
<Row className="justify-content-center align-items-center"> <Row className="justify-content-center align-items-center">
{services.map((service, i) => ( {services.map((service, i) => (
<Col lg={4} md={6} sm={6} key={i}> <Col lg={4} md={6} sm={6} key={i}>
<div className="single-services-item border"> <motion.div
<div className="d-flex align-items-center icon"> variants={slideFromRight(0.5 * i)}
<i className={service.serviceIcon}></i> initial={"hidden"}
</div> whileInView={"show"}
<h5>{service.title}</h5> viewport={{ once: false, amount: 0.4 }}
<p>{service.descr}</p> >
</div> <div className="single-services-item border">
</Col> <div className="d-flex align-items-center icon">
))} <i className={service.serviceIcon}></i>
</Row> </div>
</TabPanel> <h5>{service.title}</h5>
))} <p>{service.descr}</p>
</Tabs> </div>
</Col> </motion.div>
</Row> </Col>
</Container> ))}
<Container className="pt-100"> </Row>
<Row> </TabPanel>
<Col md={3} sm={12}> ))}
<div className="what-we-do-text text-left"> </Tabs>
<span className="sub-title">Lorem</span> </Col>
<Heading el="h2" heading="Clientele" /> </Row>
</div> </Container>
</Col> <Container className="pt-100">
<Col md={8} sm={12} className="align-self-center"> <Row>
<Clientele partners={partners} /> <Col md={3} sm={12}>
</Col> <div className="what-we-do-text text-left">
</Row> <span className="sub-title">Lorem</span>
</Container> <Heading el="h2" heading="Clientele" />
</section> </div>
</Col>
<Col md={8} sm={12} className="align-self-center">
<Clientele partners={partners} />
</Col>
</Row>
</Container>
</section>
</> </>
); );
}; };
......
container/IndustryFocus/Hospitality.js 0 → 100644
import React, { useState } from "react";
import { Tab, Tabs, TabPanel } from "react-tabs";
import { Col, Container, Row } from "react-bootstrap";
import Heading from "@/components/reuseables/Heading";
import Image from "next/image";
import IndustrySidebar from "./IndustrySidebar";
import Clientele from "@/components/reuseables/Clientele";
import { motion } from "framer-motion";
import { fadeIn, slideFromRight } from "@/components/reuseables/variants";
const OurApproachData = [
{
title: "Hospitality",
subtitle: "Our Approach",
paragraphs: [
"Our firm supports the life sciences industry by offering tailored financial solutions that drive research and development, statutory compliance, and market expansion. With many global pharma companies establishing their research hubs in India, we provide strategic financial guidance to enhance their operational and financial efficiency. Our expertise ensures that life sciences companies can focus on advancing healthcare while we manage their financial health. ",
],
imageSrc: "/images/about/people.jpg",
imageAlt: "OurApproch",
},
// Add more objects here if you have more content sections
];
const Sidebar = [
{ name: "Business Advisory" },
{ name: "Transaction Advisory" },
{ name: "Risk Advisory" },
];
const TransactionAdvisory = [
{
title: "Due Diligence ",
serviceIcon: "ri-group-2-line",
descr: "Lorem Ipsum is simply dummy text",
},
{
title: "Deal Advisory",
serviceIcon: "ri-group-2-line",
descr: "Lorem Ipsum is simply dummy text",
},
{
title: "Mergers & Acquisitions",
serviceIcon: "ri-group-2-line",
descr: "Lorem Ipsum is simply dummy text",
},
{
title: "Fund Raise Assistance",
serviceIcon: "ri-group-2-line",
descr: "Lorem Ipsum is simply dummy text",
},
{
title: "Restructuring",
serviceIcon: "ri-group-2-line",
descr: "Lorem Ipsum is simply dummy text",
},
{
title: "Corporate Law Advisory",
serviceIcon: "ri-group-2-line",
descr: "Lorem Ipsum is simply dummy text",
},
];
const BusinessAdvisory = [
{
title: "Business Modelling & Valuation",
serviceIcon: "ri-group-2-line",
descr: "Lorem Ipsum is simply dummy text",
},
{
title: "Structuring around Taxation",
serviceIcon: "ri-group-2-line",
descr: "Lorem Ipsum is simply dummy text",
},
];
const RiskAdvisory = [
{
title: "Establishing Process & Internal Controls",
serviceIcon: "ri-group-2-line",
descr: "Lorem Ipsum is simply dummy text",
},
{
title: "Review of Internal Controls",
serviceIcon: "ri-group-2-line",
descr: "Lorem Ipsum is simply dummy text",
},
// Add other services here...
];
const serviceData = [TransactionAdvisory, BusinessAdvisory, RiskAdvisory];
const partners = [
{
image: "/images/partner/partner1.png",
altText: "partner",
link: "#",
},
{
image: "/images/partner/partner2.png",
altText: "partner",
link: "#",
},
{
image: "/images/partner/partner1.png",
altText: "partner",
link: "#",
},
{
image: "/images/partner/partner2.png",
altText: "partner",
link: "#",
},
{
image: "/images/partner/partner1.png",
altText: "partner",
link: "#",
},
];
const Hospitality = () => {
const [selectedIndex, setSelectedIndex] = useState(0);
return (
<>
<div className="our-approch ptb-100">
<Container>
{OurApproachData.map((item) => (
<Row className="align-items-center" key={item.id}>
<Col lg={6} md={12}>
<div className="what-we-do-text">
<span className="sub-title">{item.subtitle}</span>
<Heading el="h2" heading={item.title} className="h2" />
{item.paragraphs.map((paragraph, index) => (
<p key={index}>{paragraph}</p>
))}
</div>
</Col>
<Col lg={6} md={12}>
<div className="what-we-do-img">
<motion.div
variants={fadeIn(0.4)}
initial={"hidden"}
whileInView={"show"}
viewport={{ once: false, amount: 0.2 }}
>
<Image
src={item.imageSrc}
alt={item.imageAlt}
layout="fill"
className="img-fluid image"
/>
</motion.div>
</div>
</Col>
</Row>
))}
</Container>
</div>
<section className="bg-light pb-100 pt-100">
<Container>
<Row>
<Col md={3} sm={12}>
<IndustrySidebar
title="CFO Services"
services={Sidebar}
selectedIndex={selectedIndex}
setSelectedIndex={setSelectedIndex}
/>
</Col>
<Col md={9} sm={12}>
<Tabs selectedIndex={selectedIndex}>
{serviceData.map((services, index) => (
<TabPanel key={index}>
<Row className="justify-content-center align-items-center">
{services.map((service, i) => (
<Col lg={4} md={6} sm={6} key={i}>
<motion.div
variants={slideFromRight(0.5 * i)}
initial={"hidden"}
whileInView={"show"}
viewport={{ once: false, amount: 0.4 }}
>
<div className="single-services-item border">
<div className="d-flex align-items-center icon">
<i className={service.serviceIcon}></i>
</div>
<h5>{service.title}</h5>
<p>{service.descr}</p>
</div>
</motion.div>
</Col>
))}
</Row>
</TabPanel>
))}
</Tabs>
</Col>
</Row>
</Container>
<Container className="pt-100">
<Row>
<Col md={3} sm={12}>
<div className="what-we-do-text text-left">
<span className="sub-title">Lorem</span>
<Heading el="h2" heading="Clientele" />
</div>
</Col>
<Col md={8} sm={12} className="align-self-center">
<Clientele partners={partners} />
</Col>
</Row>
</Container>
</section>
</>
);
};
export default Hospitality;
container/IndustryFocus/IndustryPage.js
...@@ -3,6 +3,8 @@ import PageBanner from "@/components/reuseables/PageBanner"; ...@@ -3,6 +3,8 @@ import PageBanner from "@/components/reuseables/PageBanner";
import Education from "./Education"; import Education from "./Education";
import LifeSciences from "./LifeSciences"; import LifeSciences from "./LifeSciences";
import Technology from "./Technology"; import Technology from "./Technology";
import RealEstate from "./RealEstate";
import Hospitality from "./Hospitality";
const banners = [ const banners = [
{ {
...@@ -20,6 +22,8 @@ const IndustryPage = () => { ...@@ -20,6 +22,8 @@ const IndustryPage = () => {
<Education /> <Education />
<LifeSciences /> <LifeSciences />
<Technology /> <Technology />
<RealEstate />
<Hospitality />
</> </>
); );
}; };
......
container/IndustryFocus/LifeSciences.js
...@@ -6,7 +6,7 @@ import Image from "next/image"; ...@@ -6,7 +6,7 @@ import Image from "next/image";
import IndustrySidebar from "./IndustrySidebar"; import IndustrySidebar from "./IndustrySidebar";
import Clientele from "@/components/reuseables/Clientele"; import Clientele from "@/components/reuseables/Clientele";
import { motion } from "framer-motion"; import { motion } from "framer-motion";
import { fadeIn } from "@/components/reuseables/variants"; import { fadeIn, slideFromRight } from "@/components/reuseables/variants";
const OurApproachData = [ const OurApproachData = [
{ {
title: "Life Sciences ", title: "Life Sciences ",
...@@ -161,53 +161,60 @@ const LifeSciences = () => { ...@@ -161,53 +161,60 @@ const LifeSciences = () => {
</Container> </Container>
</div> </div>
<section className="bg-light pb-100 pt-100"> <section className="bg-light pb-100 pt-100">
<Container> <Container>
<Row> <Row>
<Col md={3} sm={12}> <Col md={3} sm={12}>
<IndustrySidebar <IndustrySidebar
title="CFO Services" title="CFO Services"
services={Sidebar} services={Sidebar}
selectedIndex={selectedIndex} selectedIndex={selectedIndex}
setSelectedIndex={setSelectedIndex} setSelectedIndex={setSelectedIndex}
/> />
</Col> </Col>
<Col md={9} sm={12}> <Col md={9} sm={12}>
<Tabs selectedIndex={selectedIndex}> <Tabs selectedIndex={selectedIndex}>
{serviceData.map((services, index) => ( {serviceData.map((services, index) => (
<TabPanel key={index}> <TabPanel key={index}>
<Row className="justify-content-center align-items-center"> <Row className="justify-content-center align-items-center">
{services.map((service, i) => ( {services.map((service, i) => (
<Col lg={4} md={6} sm={6} key={i}> <Col lg={4} md={6} sm={6} key={i}>
<div className="single-services-item border"> <motion.div
<div className="d-flex align-items-center icon"> variants={slideFromRight(0.5 * i)}
<i className={service.serviceIcon}></i> initial={"hidden"}
</div> whileInView={"show"}
<h5>{service.title}</h5> viewport={{ once: false, amount: 0.4 }}
<p>{service.descr}</p> >
</div> <div className="single-services-item border">
</Col> <div className="d-flex align-items-center icon">
))} <i className={service.serviceIcon}></i>
</Row> </div>
</TabPanel> <h5>{service.title}</h5>
))} <p>{service.descr}</p>
</Tabs> </div>
</Col> </motion.div>
</Row> </Col>
</Container> ))}
<Container className="pt-100"> </Row>
<Row> </TabPanel>
<Col md={3} sm={12}> ))}
<div className="what-we-do-text text-left"> </Tabs>
<span className="sub-title">Lorem</span> </Col>
<Heading el="h2" heading="Clientele" /> </Row>
</div> </Container>
</Col> <Container className="pt-100">
<Col md={8} sm={12} className="align-self-center"> <Row>
<Clientele partners={partners} /> <Col md={3} sm={12}>
</Col> <div className="what-we-do-text text-left">
</Row> <span className="sub-title">Lorem</span>
</Container> <Heading el="h2" heading="Clientele" />
</section> </div>
</Col>
<Col md={8} sm={12} className="align-self-center">
<Clientele partners={partners} />
</Col>
</Row>
</Container>
</section>
</> </>
); );
}; };
......
container/IndustryFocus/RealEstate.js
...@@ -6,10 +6,10 @@ import Image from "next/image"; ...@@ -6,10 +6,10 @@ import Image from "next/image";
import IndustrySidebar from "./IndustrySidebar"; import IndustrySidebar from "./IndustrySidebar";
import Clientele from "@/components/reuseables/Clientele"; import Clientele from "@/components/reuseables/Clientele";
import { motion } from "framer-motion"; import { motion } from "framer-motion";
import { fadeIn } from "@/components/reuseables/variants"; import { fadeIn, slideFromRight } from "@/components/reuseables/variants";
const OurApproachData = [ const OurApproachData = [
{ {
title: "Technology", title: "Real Estate",
subtitle: "Our Approach", subtitle: "Our Approach",
paragraphs: [ paragraphs: [
"Real estate finance is complex and dynamic. Through our expertise in the field of Real Estate, we will help you navigate the landscape and make informed decisions", "Real estate finance is complex and dynamic. Through our expertise in the field of Real Estate, we will help you navigate the landscape and make informed decisions",
...@@ -20,57 +20,13 @@ const OurApproachData = [ ...@@ -20,57 +20,13 @@ const OurApproachData = [
// Add more objects here if you have more content sections // Add more objects here if you have more content sections
]; ];
const Sidebar = [ const Sidebar = [
{ name: "Transaction Advisory" },
{ name: "Business Advisory" }, { name: "Business Advisory" },
{ name: "Risk Advisory" }, { name: "Transaction Advisory" },
];
const TransactionAdvisory = [
{
title: "Due Diligence ",
serviceIcon: "ri-group-2-line",
descr: "Lorem Ipsum is simply dummy text",
},
{
title: "Deal Advisory",
serviceIcon: "ri-group-2-line",
descr: "Lorem Ipsum is simply dummy text",
},
{
title: "Mergers & Acquisitions",
serviceIcon: "ri-group-2-line",
descr: "Lorem Ipsum is simply dummy text",
},
{
title: "Fund Raise Assistance",
serviceIcon: "ri-group-2-line",
descr: "Lorem Ipsum is simply dummy text",
},
{
title: "Restructuring",
serviceIcon: "ri-group-2-line",
descr: "Lorem Ipsum is simply dummy text",
},
{
title: "Corporate Law Advisory",
serviceIcon: "ri-group-2-line",
descr: "Lorem Ipsum is simply dummy text",
},
]; ];
const BusinessAdvisory = [ const BusinessAdvisory = [
{ {
title: "ESOP Structuring ", title: "Business Modelling",
serviceIcon: "ri-group-2-line",
descr: "Lorem Ipsum is simply dummy text",
},
{
title: "Business Modelling & Valuation",
serviceIcon: "ri-group-2-line",
descr: "Lorem Ipsum is simply dummy text",
},
{
title: "Transfer Pricing ",
serviceIcon: "ri-group-2-line", serviceIcon: "ri-group-2-line",
descr: "Lorem Ipsum is simply dummy text", descr: "Lorem Ipsum is simply dummy text",
}, },
...@@ -80,33 +36,27 @@ const BusinessAdvisory = [ ...@@ -80,33 +36,27 @@ const BusinessAdvisory = [
descr: "Lorem Ipsum is simply dummy text", descr: "Lorem Ipsum is simply dummy text",
}, },
{ {
title: "Cross Border Transactions",
serviceIcon: "ri-group-2-line",
descr: "Lorem Ipsum is simply dummy text",
},
{
title: "Structuring around Taxation", title: "Structuring around Taxation",
serviceIcon: "ri-group-2-line", serviceIcon: "ri-group-2-line",
descr: "Lorem Ipsum is simply dummy text", descr: "Lorem Ipsum is simply dummy text",
}, },
// Add other services here...
]; ];
const RiskAdvisory = [ const TransactionAdvisory = [
{ {
title: "Establishing Process & Internal Controls", title: "Deal Advisory ",
serviceIcon: "ri-group-2-line", serviceIcon: "ri-group-2-line",
descr: "Lorem Ipsum is simply dummy text", descr: "Lorem Ipsum is simply dummy text",
}, },
{ {
title: "Review of Internal Controls", title: "Mergers & Acquisitions",
serviceIcon: "ri-group-2-line", serviceIcon: "ri-group-2-line",
descr: "Lorem Ipsum is simply dummy text", descr: "Lorem Ipsum is simply dummy text",
}, },
// Add other services here... // Add other services here...
]; ];
const serviceData = [TransactionAdvisory, BusinessAdvisory, RiskAdvisory]; const serviceData = [BusinessAdvisory, TransactionAdvisory];
const partners = [ const partners = [
{ {
...@@ -193,13 +143,20 @@ const RealEstate = () => { ...@@ -193,13 +143,20 @@ const RealEstate = () => {
<Row className="justify-content-center align-items-center"> <Row className="justify-content-center align-items-center">
{services.map((service, i) => ( {services.map((service, i) => (
<Col lg={4} md={6} sm={6} key={i}> <Col lg={4} md={6} sm={6} key={i}>
<div className="single-services-item border"> <motion.div
<div className="d-flex align-items-center icon"> variants={slideFromRight(0.5 * i)}
<i className={service.serviceIcon}></i> initial={"hidden"}
whileInView={"show"}
viewport={{ once: false, amount: 0.4 }}
>
<div className="single-services-item border">
<div className="d-flex align-items-center icon">
<i className={service.serviceIcon}></i>
</div>
<h5>{service.title}</h5>
<p>{service.descr}</p>
</div> </div>
<h5>{service.title}</h5> </motion.div>
<p>{service.descr}</p>
</div>
</Col> </Col>
))} ))}
</Row> </Row>
......
container/IndustryFocus/Technology.js
...@@ -6,7 +6,7 @@ import Image from "next/image"; ...@@ -6,7 +6,7 @@ import Image from "next/image";
import IndustrySidebar from "./IndustrySidebar"; import IndustrySidebar from "./IndustrySidebar";
import Clientele from "@/components/reuseables/Clientele"; import Clientele from "@/components/reuseables/Clientele";
import { motion } from "framer-motion"; import { motion } from "framer-motion";
import { fadeIn } from "@/components/reuseables/variants"; import { fadeIn, slideFromRight } from "@/components/reuseables/variants";
const OurApproachData = [ const OurApproachData = [
{ {
title: "Technology", title: "Technology",
...@@ -193,13 +193,20 @@ const Technology = () => { ...@@ -193,13 +193,20 @@ const Technology = () => {
<Row className="justify-content-center align-items-center"> <Row className="justify-content-center align-items-center">
{services.map((service, i) => ( {services.map((service, i) => (
<Col lg={4} md={6} sm={6} key={i}> <Col lg={4} md={6} sm={6} key={i}>
<div className="single-services-item border"> <motion.div
<div className="d-flex align-items-center icon"> variants={slideFromRight(0.5 * i)}
<i className={service.serviceIcon}></i> initial={"hidden"}
whileInView={"show"}
viewport={{ once: false, amount: 0.4 }}
>
<div className="single-services-item border">
<div className="d-flex align-items-center icon">
<i className={service.serviceIcon}></i>
</div>
<h5>{service.title}</h5>
<p>{service.descr}</p>
</div> </div>
<h5>{service.title}</h5> </motion.div>
<p>{service.descr}</p>
</div>
</Col> </Col>
))} ))}
</Row> </Row>
......
container/Knowledge/BudgetPanorama.js
...@@ -37,7 +37,7 @@ const services = [ ...@@ -37,7 +37,7 @@ const services = [
const BudgetPanorama = () => { const BudgetPanorama = () => {
return ( return (
<> <>
<div className="services-area pt-70 pb-100 bg-light"> <div className="budget-panorama-area pt-70 pb-100 bg-light">
<Container> <Container>
<Row> <Row>
<Col lg={8} md={8} sm={12}> <Col lg={8} md={8} sm={12}>
......
container/Knowledge/Corpedia.js
...@@ -38,7 +38,7 @@ const services = [ ...@@ -38,7 +38,7 @@ const services = [
const Corpedia = () => { const Corpedia = () => {
return ( return (
<> <>
<div className="services-area pt-70 pb-100 bg-light"> <div className="corpedia-area pt-70 pb-100 bg-light">
<Container> <Container>
<Row> <Row>
<Col lg={8} md={8} sm={12}> <Col lg={8} md={8} sm={12}>
......
container/Knowledge/KnowledgeContent.js
...@@ -18,7 +18,7 @@ const serviceContent = [ ...@@ -18,7 +18,7 @@ const serviceContent = [
const KnowledgeContent = () => { const KnowledgeContent = () => {
return ( return (
<> <>
<div className=" ptb-100"> <div className="knowledge-area ptb-100">
<Container> <Container>
<Row className="align-items-center"> <Row className="align-items-center">
<Col lg={6} md={12}> <Col lg={6} md={12}>
......
container/Knowledge/TaxWire .js
...@@ -37,7 +37,7 @@ const services = [ ...@@ -37,7 +37,7 @@ const services = [
const TaxWire = () => { const TaxWire = () => {
return ( return (
<> <>
<div className="services-area pt-70 pb-100 "> <div className="taxwire-area pt-70 pb-100 ">
<Container> <Container>
<Row> <Row>
<Col lg={8} md={8} sm={12}> <Col lg={8} md={8} sm={12}>
......
container/People/AdvisoryBoard.js
...@@ -34,7 +34,7 @@ const AdvisoryBoard = () => { ...@@ -34,7 +34,7 @@ const AdvisoryBoard = () => {
<Row key={index} className="row align-items-center"> <Row key={index} className="row align-items-center">
{index % 2 === 0 ? ( {index % 2 === 0 ? (
<> <>
<Col lg={5} md={5}> <Col lg={5} md={5} className="order-2 order-md-1">
<div className="testimonial-Image"> <div className="testimonial-Image">
<motion.div <motion.div
variants={fadeIn(0.4)} variants={fadeIn(0.4)}
...@@ -51,7 +51,7 @@ const AdvisoryBoard = () => { ...@@ -51,7 +51,7 @@ const AdvisoryBoard = () => {
</motion.div> </motion.div>
</div> </div>
</Col> </Col>
<Col lg={7} md={7}> <Col lg={7} md={7} className="order-1 order-md-2">
<div className="testimonial-content"> <div className="testimonial-content">
<span className="sub-title">{member.title}</span> <span className="sub-title">{member.title}</span>
<Heading el="h2" heading={member.name} /> <Heading el="h2" heading={member.name} />
...@@ -61,14 +61,14 @@ const AdvisoryBoard = () => { ...@@ -61,14 +61,14 @@ const AdvisoryBoard = () => {
</> </>
) : ( ) : (
<> <>
<Col lg={7} md={7}> <Col lg={7} md={7} className="order-1 order-md-1">
<div className="testimonial-content"> <div className="testimonial-content">
<span className="sub-title">{member.title}</span> <span className="sub-title">{member.title}</span>
<Heading el="h2" heading={member.name} /> <Heading el="h2" heading={member.name} />
<p className="mb-3 mb-lg-0 ">{member.description}</p> <p className="mb-3 mb-lg-0">{member.description}</p>
</div> </div>
</Col> </Col>
<Col lg={5} md={5}> <Col lg={5} md={5} className="order-2 order-md-2">
<div className="testimonial-Image"> <div className="testimonial-Image">
<motion.div <motion.div
variants={fadeIn(0.4)} variants={fadeIn(0.4)}
......
container/People/TeamLead.js
import Heading from "@/components/reuseables/Heading"; import Heading from "@/components/reuseables/Heading";
import Image from "next/image";
import React from "react"; import React from "react";
const team = [ const team = [
...@@ -67,23 +68,25 @@ const TeamLead = () => { ...@@ -67,23 +68,25 @@ const TeamLead = () => {
<div className="container"> <div className="container">
<div className="section-title"> <div className="section-title">
<span className="sub-title">Team Leads</span> <span className="sub-title">Team Leads</span>
<Heading <Heading el="h2" heading=" Our Exclusive Team for Your Business" />
el="h2"
heading="Meet Members of Our Exclusive Team for Your Business"
/>
</div> </div>
<div className="row justify-content-center"> <div className="row justify-content-center">
{team && {team &&
team.map((member, index) => ( team.map((member, index) => (
<div <div
className={`col-lg-3 col-md-6 col-sm-6 ${ className={`col-lg-3 col-md-6 col-sm-6 col-xs-6 ${
index % 2 === 1 ? "even-member" : "" index % 2 === 1 ? "even-member" : ""
}`} }`}
key={member.id} key={member.id}
> >
<div className="single-team-member"> <div className="single-team-member">
<img src={member.image} alt={member.altText} /> <Image
src={member.image}
alt={member.altText}
layout="fill"
className="img-fluid image"
/>
<div className="content"> <div className="content">
<h3>{member.name}</h3> <h3>{member.name}</h3>
<span>{member.designation}</span> <span>{member.designation}</span>
......
container/People/TeamMembers.js
...@@ -83,10 +83,7 @@ const TeamMember = () => { ...@@ -83,10 +83,7 @@ const TeamMember = () => {
<div className="container"> <div className="container">
<div className="section-title"> <div className="section-title">
<span className="sub-title">Team Member</span> <span className="sub-title">Team Member</span>
<Heading <Heading el="h2" heading=" Our Exclusive Team for Your Business" />
el="h2"
heading="Meet Members of Our Exclusive Team for Your Business"
/>
</div> </div>
<div className="row justify-content-center"> <div className="row justify-content-center">
......
container/TaxWire/index.js
...@@ -77,7 +77,7 @@ const Corpedia = () => { ...@@ -77,7 +77,7 @@ const Corpedia = () => {
<> <>
<PageBanner banners={banners} /> <PageBanner banners={banners} />
<div className="services-area pt-70 pb-100 "> <div className="tax-wire-page-area pt-70 pb-100 ">
<Container> <Container>
<div className="section-title"> <div className="section-title">
<span className="sub-title">OUR lorem</span> <span className="sub-title">OUR lorem</span>
......
public/images/shape/iconsvg/annual.svg 0 → 100644
<svg width="272" height="287" viewBox="0 0 272 287" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_96_589)">
<g clip-path="url(#clip1_96_589)">
<path d="M1.17813e-05 152.238C0.602819 226.764 61.2551 287 136.003 287C210.751 287 271.397 226.764 272 152.238L1.17813e-05 152.238Z" fill="#F8971F"/>
<g filter="url(#filter0_d_96_589)">
<path d="M32.8161 153.966C32.8161 97.0346 79.0123 50.8757 135.997 50.8757C192.982 50.8757 239.184 97.029 239.184 153.966C239.184 180.549 229.116 204.786 212.57 223.061C210.125 225.763 207.539 228.335 204.824 230.761C201.725 233.541 198.446 236.136 195.016 238.528C191.5 240.971 187.844 243.211 184.03 245.209C183.906 245.277 183.771 245.344 183.647 245.412C180.497 247.055 177.252 248.541 173.917 249.852C170.261 251.305 166.492 252.549 162.633 253.573C161.737 253.815 160.83 254.046 159.918 254.26C157.98 254.721 156.019 255.121 154.047 255.47C152.132 255.813 150.205 256.089 148.262 256.325C144.245 256.804 140.149 257.051 135.991 257.051C79.0067 257.051 32.8104 210.892 32.8104 153.966L32.8161 153.966Z" fill="white"/>
</g>
<path d="M164 124.25C165.862 124.25 167.465 122.861 167.729 121.016L169.231 110.499L169.25 110.25C169.25 108.32 167.68 106.75 165.75 106.75H162.25C160.32 106.75 158.75 108.32 158.75 110.25L160.271 121.016C160.535 122.861 162.138 124.25 164 124.25ZM165.733 110.25L164.266 120.519C164.229 120.781 163.772 120.781 163.734 120.519L162.267 110.25H165.733Z" fill="#F8971F"/>
<path d="M164 138.25C166.894 138.25 169.25 135.894 169.25 133C169.25 130.105 166.894 127.75 164 127.75C161.105 127.75 158.75 130.105 158.75 133C158.75 135.894 161.105 138.25 164 138.25ZM164 131.25C164.964 131.25 165.75 132.036 165.75 133C165.75 133.964 164.964 134.75 164 134.75C163.036 134.75 162.25 133.964 162.25 133C162.25 132.036 163.036 131.25 164 131.25Z" fill="#F8971F"/>
<path d="M191.771 164.5L181.5 149.095L171.229 164.5H179.75V201.25H162.25V204.75H179.75C181.68 204.75 183.25 203.18 183.25 201.25V164.5H191.771ZM181.5 155.405L185.229 161H177.769L181.5 155.405Z" fill="#F8971F"/>
<path d="M125.5 197.75C122.605 197.75 120.25 200.105 120.25 203C120.25 205.894 122.605 208.25 125.5 208.25C128.394 208.25 130.75 205.894 130.75 203C130.75 200.105 128.394 197.75 125.5 197.75ZM125.5 204.75C124.536 204.75 123.75 203.964 123.75 203C123.75 202.036 124.536 201.25 125.5 201.25C126.464 201.25 127.25 202.036 127.25 203C127.25 203.964 126.464 204.75 125.5 204.75Z" fill="#F8971F"/>
<path d="M139.5 197.75C136.605 197.75 134.25 200.105 134.25 203C134.25 205.894 136.605 208.25 139.5 208.25C142.394 208.25 144.75 205.894 144.75 203C144.75 200.105 142.394 197.75 139.5 197.75ZM139.5 204.75C138.536 204.75 137.75 203.964 137.75 203C137.75 202.036 138.536 201.25 139.5 201.25C140.464 201.25 141.25 202.036 141.25 203C141.25 203.964 140.464 204.75 139.5 204.75Z" fill="#F8971F"/>
<path d="M153.5 197.75C150.605 197.75 148.25 200.105 148.25 203C148.25 205.894 150.605 208.25 153.5 208.25C156.394 208.25 158.75 205.894 158.75 203C158.75 200.105 156.394 197.75 153.5 197.75ZM153.5 204.75C152.536 204.75 151.75 203.964 151.75 203C151.75 202.036 152.536 201.25 153.5 201.25C154.464 201.25 155.25 202.036 155.25 203C155.25 203.964 154.464 204.75 153.5 204.75Z" fill="#F8971F"/>
<path d="M90.4993 158.905L100.77 143.5H92.2493V106.75H106.249V103.25H92.2493C90.319 103.25 88.7493 104.82 88.7493 106.75V143.5H80.2285L90.4993 158.905ZM90.4993 152.595L86.77 147H94.2303L90.4993 152.595Z" fill="#F8971F"/>
<path d="M129 110.25C131.894 110.25 134.25 107.894 134.25 105C134.25 102.105 131.894 99.75 129 99.75C126.105 99.75 123.75 102.105 123.75 105C123.75 107.894 126.105 110.25 129 110.25ZM129 103.25C129.964 103.25 130.75 104.036 130.75 105C130.75 105.964 129.964 106.75 129 106.75C128.036 106.75 127.25 105.964 127.25 105C127.25 104.036 128.036 103.25 129 103.25Z" fill="#F8971F"/>
<path d="M115 110.25C117.894 110.25 120.25 107.894 120.25 105C120.25 102.105 117.894 99.75 115 99.75C112.105 99.75 109.75 102.105 109.75 105C109.75 107.894 112.105 110.25 115 110.25ZM115 103.25C115.964 103.25 116.75 104.036 116.75 105C116.75 105.964 115.964 106.75 115 106.75C114.036 106.75 113.25 105.964 113.25 105C113.25 104.036 114.036 103.25 115 103.25Z" fill="#F8971F"/>
<path d="M162.25 194.25C164.18 194.25 165.75 192.68 165.75 190.75V147.724L168.225 145.25H185C187.895 145.25 190.25 142.895 190.25 140V105C190.25 102.105 187.895 99.75 185 99.75H143C140.105 99.75 137.75 102.105 137.75 105V113.75H109.75C107.82 113.75 106.25 115.32 106.25 117.25V170.775L84.4363 192.589C82.7038 194.322 81.75 196.623 81.75 199.08C81.75 204.136 85.8643 208.25 90.927 208.25C93.377 208.25 95.6783 207.296 97.4108 205.564L108.724 194.25H162.25ZM141.25 105C141.25 104.036 142.036 103.25 143 103.25H185C185.964 103.25 186.75 104.036 186.75 105V140C186.75 140.964 185.964 141.75 185 141.75H166.775L159.987 148.538C159.569 148.955 158.75 148.617 158.75 148.026V141.75H143C142.036 141.75 141.25 140.964 141.25 140V105ZM109.75 117.25H137.75V140C137.75 142.895 140.105 145.25 143 145.25H155.25V148.026C155.25 150.355 157.145 152.25 159.475 152.25C160.511 152.25 161.478 151.865 162.25 151.188V190.75H112.224L125.225 177.749L130.372 165.739C130.622 165.156 130.75 164.538 130.75 163.903C130.75 161.338 128.662 159.25 126.097 159.25C125.461 159.25 124.844 159.378 124.263 159.626L112.251 164.773L109.75 167.275V117.25ZM127.157 164.358L126.321 166.311L123.689 163.679L125.644 162.841C126.363 162.531 127.25 163.111 127.25 163.903C127.25 164.061 127.219 164.213 127.157 164.358ZM120.224 165.165L124.835 169.776L123.16 173.686L116.316 166.841L120.224 165.165ZM113.25 168.725L116.026 171.5L97.5 190.025L94.7245 187.25L113.25 168.725ZM100.276 197.75L97.5 200.525L89.4745 192.5L92.25 189.725L100.276 197.75ZM99.9745 192.5L118.5 173.975L121.276 176.75L102.75 195.275L99.9745 192.5ZM90.92 204.75C87.7945 204.75 85.25 202.205 85.25 199.073C85.25 197.558 85.8397 196.135 86.9107 195.064L87 194.975L95.0255 203L94.9362 203.089C93.8652 204.16 92.4407 204.75 90.92 204.75Z" fill="#F8971F"/>
<path d="M113.25 120.75H123.75V124.25H113.25V120.75Z" fill="#F8971F"/>
<path d="M127.25 120.75H134.25V124.25H127.25V120.75Z" fill="#F8971F"/>
<path d="M113.25 127.75H134.25V131.25H113.25V127.75Z" fill="#F8971F"/>
<path d="M113.25 134.75H123.75V138.25H113.25V134.75Z" fill="#F8971F"/>
<path d="M127.25 134.75H134.25V138.25H127.25V134.75Z" fill="#F8971F"/>
<path d="M113.25 141.75H120.25V145.25H113.25V141.75Z" fill="#F8971F"/>
<path d="M123.75 141.75H134.25V145.25H123.75V141.75Z" fill="#F8971F"/>
<path d="M134.25 176.75H158.75V155.75H134.25V176.75ZM137.75 159.25H155.25V173.25H137.75V159.25Z" fill="#F8971F"/>
<path d="M137.024 180.25C135.895 180.25 134.835 180.689 134.037 181.487L132.978 182.546C132.213 181.127 130.752 180.25 129.133 180.25C127.252 180.25 125.588 181.451 124.993 183.234L123.838 186.697L127.158 187.805L128.313 184.342C128.535 183.677 129.592 183.603 129.905 184.229L132.019 188.457L136.511 183.965C136.93 183.544 137.749 183.885 137.749 184.475V187.25H158.749V183.75H141.186C140.843 181.764 139.107 180.25 137.024 180.25Z" fill="#F8971F"/>
<path d="M113.25 148.75H134.25V152.25H113.25V148.75Z" fill="#F8971F"/>
</g>
</g>
<defs>
<filter id="filter0_d_96_589" x="28.8105" y="42.876" width="214.373" height="214.175" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
<feOffset dy="-4"/>
<feGaussianBlur stdDeviation="2"/>
<feComposite in2="hardAlpha" operator="out"/>
<feColorMatrix type="matrix" values="0 0 0 0 0.972549 0 0 0 0 0.592157 0 0 0 0 0.121569 0 0 0 0.25 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_96_589"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_96_589" result="shape"/>
</filter>
<clipPath id="clip0_96_589">
<rect width="272" height="287" fill="white" transform="translate(272 287) rotate(-180)"/>
</clipPath>
<clipPath id="clip1_96_589">
<rect width="272" height="287" fill="white" transform="translate(272 287) rotate(-180)"/>
</clipPath>
</defs>
</svg>
public/images/shape/iconsvg/need.svg 0 → 100644
<svg width="272" height="287" viewBox="0 0 272 287" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_96_516)">
<path d="M272 142.762C271.397 68.2356 210.745 8 135.997 8C61.2494 8 0.602804 68.2356 0 142.762H272Z" fill="#F8971F"/>
<g filter="url(#filter0_d_96_516)">
<path d="M239.184 141.034C239.184 197.965 192.988 244.124 136.003 244.124C79.0183 244.124 32.8164 197.971 32.8164 141.034C32.8164 114.451 42.8838 90.2145 59.4299 71.9389C61.875 69.2372 64.4608 66.6651 67.1763 64.2392C70.2748 61.4587 73.5536 58.864 76.9845 56.4719C80.4999 54.0292 84.1562 51.7891 87.9702 49.791C88.0941 49.7234 88.2293 49.6559 88.3533 49.5884C91.5025 47.9448 94.7475 46.4589 98.0827 45.1475C101.739 43.6954 105.508 42.4515 109.367 41.4271C110.263 41.1851 111.17 40.9543 112.082 40.7404C114.02 40.2789 115.981 39.8793 117.953 39.5303C119.868 39.187 121.795 38.9112 123.738 38.6748C127.755 38.1964 131.851 37.9487 136.009 37.9487C192.993 37.9487 239.19 84.1076 239.19 141.034H239.184Z" fill="white"/>
</g>
<path d="M182.375 143.164V139.258C183.453 139.258 184.328 138.383 184.328 137.305V125.586C184.328 124.507 183.453 123.633 182.375 123.633H171.828L171.45 122.166C170.586 118.81 169.245 115.596 167.465 112.623L166.684 111.316L174.172 103.815C174.926 103.059 174.926 101.836 174.172 101.08L165.877 92.7734C165.111 92.0433 163.908 92.0433 163.142 92.7734L155.64 100.275L154.334 99.4942C151.356 97.7135 148.139 96.3722 144.779 95.5078L143.313 95.1263V84.5703C143.313 83.4915 142.438 82.6172 141.359 82.6172H129.641C128.562 82.6172 127.688 83.4915 127.688 84.5703V95.1172L126.22 95.4964C122.865 96.3593 119.651 97.7005 116.676 99.4782L115.369 100.26L107.869 92.7734C107.103 92.0372 105.892 92.0372 105.125 92.7734L96.8281 101.068C96.4634 101.432 96.2582 101.926 96.2582 102.441C96.2582 102.957 96.4634 103.451 96.8281 103.815L104.33 111.316L103.549 112.623C101.77 115.596 100.428 118.81 99.5648 122.166L99.1818 123.633H88.625C87.5462 123.633 86.6719 124.507 86.6719 125.586V137.305C86.6719 138.383 87.5462 139.258 88.625 139.258V143.164C85.3894 143.164 82.7656 140.54 82.7656 137.305V125.586C82.7656 122.35 85.3894 119.727 88.625 119.727H96.1819C96.9876 117.026 98.0771 114.418 99.432 111.948L94.0609 106.577C92.9623 105.48 92.3451 103.992 92.3451 102.441C92.3451 100.89 92.9623 99.4026 94.0609 98.307L102.362 90.0063C104.674 87.793 108.32 87.793 110.633 90.0063L116.002 95.3751C118.473 94.0208 121.081 92.9337 123.781 92.1288V84.5703C123.781 81.3347 126.405 78.7109 129.641 78.7109H141.359C144.595 78.7109 147.219 81.3347 147.219 84.5703V92.1288C149.92 92.9337 152.527 94.0231 154.998 95.3774L160.369 90.0063C162.682 87.793 166.327 87.793 168.641 90.0063L176.94 98.3048C178.038 99.4011 178.654 100.887 178.654 102.439C178.654 103.991 178.038 105.479 176.94 106.574L171.569 111.945C172.923 114.417 174.012 117.026 174.818 119.727H182.375C185.611 119.727 188.234 122.35 188.234 125.586V137.305C188.234 140.54 185.611 143.164 182.375 143.164Z" fill="#F8971F"/>
<path d="M162.844 131.445H158.938C158.938 118.501 148.444 108.008 135.5 108.008C122.556 108.008 112.063 118.501 112.063 131.445H108.156C108.156 116.344 120.398 104.102 135.5 104.102C150.601 104.102 162.844 116.344 162.844 131.445Z" fill="#F8971F"/>
<path d="M135.5 147.07C129.028 147.07 123.781 141.823 123.781 135.352C123.781 128.88 129.028 123.633 135.5 123.633C141.973 123.633 147.219 128.88 147.219 135.352C147.212 141.821 141.97 147.063 135.5 147.07ZM135.5 127.539C131.186 127.539 127.688 131.037 127.688 135.352C127.688 139.666 131.186 143.164 135.5 143.164C139.814 143.164 143.313 139.666 143.313 135.352C143.313 131.037 139.814 127.539 135.5 127.539Z" fill="#F8971F"/>
<path d="M168.703 154.883C162.231 154.883 156.984 149.635 156.984 143.164C156.984 136.692 162.231 131.445 168.703 131.445C175.175 131.445 180.422 136.692 180.422 143.164C180.415 149.634 175.173 154.876 168.703 154.883ZM168.703 135.352C164.389 135.352 160.891 138.85 160.891 143.164C160.891 147.478 164.389 150.977 168.703 150.977C173.018 150.977 176.516 147.478 176.516 143.164C176.516 138.85 173.018 135.352 168.703 135.352Z" fill="#F8971F"/>
<path d="M102.297 154.883C95.8249 154.883 90.5781 149.635 90.5781 143.164C90.5781 136.692 95.8249 131.445 102.297 131.445C108.77 131.445 114.016 136.692 114.016 143.164C114.009 149.634 108.767 154.876 102.297 154.883ZM102.297 135.352C97.9825 135.352 94.4844 138.85 94.4844 143.164C94.4844 147.478 97.9825 150.977 102.297 150.977C106.611 150.977 110.109 147.478 110.109 143.164C110.109 138.85 106.611 135.352 102.297 135.352Z" fill="#F8971F"/>
<path d="M186.409 159.894C183.499 157.893 180.048 156.826 176.516 156.836H160.891C159.941 156.844 158.992 156.931 158.056 157.093C156.807 155.139 155.181 153.452 153.273 152.13C152.987 151.914 152.687 151.718 152.373 151.545C149.641 149.89 146.506 149.019 143.313 149.024H127.688C121.714 149.002 116.149 152.05 112.949 157.093C112.011 156.931 111.061 156.844 110.109 156.836H94.4844C90.955 156.826 87.505 157.892 84.5959 159.89C79.7879 163.162 76.9093 168.599 76.9062 174.414V182.227C76.9131 187.56 80.016 192.403 84.8599 194.637C86.6482 195.479 88.6021 195.91 90.5781 195.899H110.109V191.992H92.5313V170.508H88.625V191.796C87.8895 191.649 87.1754 191.411 86.4979 191.09C83.038 189.494 80.8201 186.036 80.8125 182.227V174.414C80.8171 169.888 83.0594 165.658 86.8008 163.113C89.0614 161.561 91.7416 160.735 94.4844 160.742H110.109C110.453 160.742 110.785 160.779 111.121 160.802C110.46 162.665 110.118 164.626 110.109 166.602V186.133C110.116 191.524 114.485 195.892 119.875 195.899H125.734V164.649H121.828V191.992H119.875C116.639 191.992 114.016 189.369 114.016 186.133V166.602C114.016 159.05 120.137 152.93 127.688 152.93H143.313C145.826 152.931 148.288 153.627 150.431 154.939C150.63 155.048 150.821 155.17 151.001 155.304C152.832 156.558 154.334 158.232 155.381 160.187C156.433 162.161 156.984 164.364 156.984 166.602V186.133C156.984 189.369 154.361 191.992 151.125 191.992H149.172V164.649H145.266V195.899H151.125C156.516 195.892 160.884 191.524 160.891 186.133V166.602C160.881 164.626 160.54 162.666 159.881 160.802C160.217 160.779 160.549 160.742 160.891 160.742H176.516C179.26 160.735 181.942 161.563 184.205 163.117C187.943 165.663 190.182 169.891 190.188 174.414V182.227C190.181 186.05 187.946 189.518 184.469 191.105C183.802 191.421 183.098 191.653 182.375 191.796V170.508H178.469V191.992H160.891V195.899H180.422C182.386 195.911 184.329 195.485 186.107 194.652C190.967 192.425 194.086 187.573 194.094 182.227V174.414C194.091 168.601 191.214 163.166 186.409 159.894Z" fill="#F8971F"/>
<path d="M127.688 191.992H143.313V195.898H127.688V191.992Z" fill="#F8971F"/>
</g>
<defs>
<filter id="filter0_d_96_516" x="28.8164" y="37.9487" width="214.373" height="214.175" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
<feOffset dy="4"/>
<feGaussianBlur stdDeviation="2"/>
<feComposite in2="hardAlpha" operator="out"/>
<feColorMatrix type="matrix" values="0 0 0 0 0.972549 0 0 0 0 0.592157 0 0 0 0 0.121569 0 0 0 0.25 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_96_516"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_96_516" result="shape"/>
</filter>
<clipPath id="clip0_96_516">
<rect width="272" height="287" fill="white"/>
</clipPath>
</defs>
</svg>
styles/responsive.css
...@@ -4,6 +4,23 @@ ...@@ -4,6 +4,23 @@
border: 1px solid #e2e0e0; border: 1px solid #e2e0e0;
padding: 30px; padding: 30px;
} }
.method-title {
height: auto;
font-size: 15px;
}
.method-descr {
height: auto;
}
.method-two img {
padding: 2vh;
}
.section-title {
max-width: 90%;
}
} }
/* Max width 767px */ /* Max width 767px */
...@@ -61,6 +78,10 @@ ...@@ -61,6 +78,10 @@
} }
.section-title { .section-title {
max-width: 90%;
}
.section-title {
padding-bottom: 20px; padding-bottom: 20px;
margin-bottom: 40px; margin-bottom: 40px;
max-width: 100%; max-width: 100%;
...@@ -79,8 +100,8 @@ ...@@ -79,8 +100,8 @@
display: none; display: none;
} }
.section-title p { .testimonial-Image {
max-width: 100%; margin: 3vh 1vh;
} }
.form-control { .form-control {
...@@ -331,6 +352,7 @@ ...@@ -331,6 +352,7 @@
.services-box .icon { .services-box .icon {
font-size: 35px; font-size: 35px;
margin-bottom: 15px; margin-bottom: 15px;
text-align: initial;
} }
.services-box h3 { .services-box h3 {
...@@ -1973,7 +1995,7 @@ ...@@ -1973,7 +1995,7 @@
.section-title { .section-title {
margin-bottom: 50px; margin-bottom: 50px;
max-width: 100%; max-width: 80%;
} }
.section-title .sub-title { .section-title .sub-title {
...@@ -3242,6 +3264,14 @@ ...@@ -3242,6 +3264,14 @@
.headings { .headings {
font-size: 1.5rem; font-size: 1.5rem;
} }
.method-title {
height: auto;
}
.method-descr {
height: auto;
}
} }
/* Min width 992px to Max width 1199px */ /* Min width 992px to Max width 1199px */
......
styles/responsive.scss
...@@ -67,7 +67,7 @@ $value_nine: 1550px; ...@@ -67,7 +67,7 @@ $value_nine: 1550px;
.section-title { .section-title {
padding-bottom: 20px; padding-bottom: 20px;
margin-bottom: 40px; margin-bottom: 40px;
max-width: 100%; max-width: 90%;
.sub-title { .sub-title {
font-size: 13px; font-size: 13px;
...@@ -563,6 +563,7 @@ $value_nine: 1550px; ...@@ -563,6 +563,7 @@ $value_nine: 1550px;
.testimonial-content { .testimonial-content {
padding-right: 0; padding-right: 0;
text-align: center; text-align: center;
padding-top: 2vh;
.sub-title { .sub-title {
font-size: 13px; font-size: 13px;
......
styles/styles.css
...@@ -4878,7 +4878,7 @@ Blog Area CSS ...@@ -4878,7 +4878,7 @@ Blog Area CSS
transition: var(--transition); transition: var(--transition);
height: 55px; height: 55px;
bottom: -2px; bottom: -2px;
background-image: url(/images/shape/shape2.png); background-image: url(/images/shape/shape1.png);
background-position: center center; background-position: center center;
background-repeat: no-repeat; background-repeat: no-repeat;
background-size: cover; background-size: cover;
...@@ -7990,4 +7990,65 @@ Modal CSS ...@@ -7990,4 +7990,65 @@ Modal CSS
.last-method-container .method-container { .last-method-container .method-container {
margin-left: -3vw; margin-left: -3vw;
}
.circle-method {
border: 1px solid;
padding: 20px;
border-radius: 50%;
width: 20vw;
background-color: var(--mainColor);
color: white !important;
text-align: center;
box-shadow: inset -1px -1px 0px 4px #ffc988bb;
}
.circle-container {
background: linear-gradient(92deg, #e3e3e3 20%, rgb(255 255 255) 89%);
padding: 1vh;
border-radius: 50px 3px 3px 50px;
box-shadow: rgba(0, 0, 0, 0.16) -4px 0px 0px 0px;
}
.circle-number {
font-size: 1.5rem;
font-weight: 600;
color: var(--lightgrayColor);
}
.circle-content h5 {
font-weight: 400;
}
.circle-containertwo {
background: linear-gradient(92deg, #ffffff 20%, #e3e3e3 89%);
padding: 1vh;
border-radius: 3px 50px 50px 3px;
box-shadow: rgba(0, 0, 0, 0.16) 4px 0px 0px 0px;
}
.circle-methodtwo {
border: 1px solid;
border-radius: 50%;
width: 20vw;
background-color: var(--mainColor);
color: white !important;
text-align: center;
padding: 20px;
box-shadow: inset -1px -1px 0px 4px #ffc988bb;
}
.circle-content-two {
padding-right: 30px;
text-align: end;
}
.circle-content-two h5 {
font-weight: 400;
}
.method-img-gray {
filter: grayscale();
} }
\ No newline at end of file \ No newline at end of file
Styling with Markdown is supported
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!