Skip to content

sujata / advithconsulting.io-frontend

Go to a project
Toggle navigation
Toggle navigation pinning
Commit 285dc4c8 by sujata
Options

responsive chnages

1 parent e89b985f
Inline Side-by-side
Showing 17 changed files with 92 additions and 48 deletions
container/Blog/BlogDetails.js
...@@ -5,7 +5,7 @@ import BlogSidebar from "./BlogSidebar"; ...@@ -5,7 +5,7 @@ import BlogSidebar from "./BlogSidebar";
import PageBanner from "@/components/reuseables/PageBanner"; import PageBanner from "@/components/reuseables/PageBanner";
const banners = [ const banners = [
{ {
imageSrc: "/images/page-title-bg.jpg", imageSrc: "/images/banner/knowledge.webp",
pageTitle: "Blogs Details", pageTitle: "Blogs Details",
homePageUrl: "/", homePageUrl: "/",
homePageText: "Home", homePageText: "Home",
...@@ -32,7 +32,7 @@ const BlogDetails = () => { ...@@ -32,7 +32,7 @@ const BlogDetails = () => {
<div className="blog-details-area ptb-100"> <div className="blog-details-area ptb-100">
<div className="container"> <div className="container">
<div className="row"> <div className="row">
<div className="col-lg-8 col-md-12"> <div className="col-lg-12 col-md-12">
<div className="blog-details-desc"> <div className="blog-details-desc">
<div className="article-image"> <div className="article-image">
<Image <Image
...@@ -161,9 +161,9 @@ const BlogDetails = () => { ...@@ -161,9 +161,9 @@ const BlogDetails = () => {
</div> </div>
</div> </div>
<div className="col-lg-4 col-md-12"> {/* <div className="col-lg-4 col-md-12">
<BlogSidebar /> <BlogSidebar />
</div> </div> */}
</div> </div>
</div> </div>
</div> </div>
......
container/Contact/ContactForm.js
...@@ -80,7 +80,7 @@ const ContactForm = () => { ...@@ -80,7 +80,7 @@ const ContactForm = () => {
/> />
</div> </div>
</Col> </Col>
<Col lg={12} md={12} sm={12}> {/* <Col lg={12} md={12} sm={12}>
<div className="form-check"> <div className="form-check">
<input <input
type="checkbox" type="checkbox"
...@@ -95,7 +95,7 @@ const ContactForm = () => { ...@@ -95,7 +95,7 @@ const ContactForm = () => {
and <Link href="/privacy-policy">Privacy Policy</Link> and <Link href="/privacy-policy">Privacy Policy</Link>
</label> </label>
</div> </div>
</Col> </Col> */}
<Col lg={12} md={12} sm={12}> <Col lg={12} md={12} sm={12}>
<button type="submit" className="default-btn"> <button type="submit" className="default-btn">
Send Message <i className="ri-arrow-right-line"></i> Send Message <i className="ri-arrow-right-line"></i>
......
container/Home/AboutContent.js
...@@ -32,7 +32,7 @@ const AboutContent = () => { ...@@ -32,7 +32,7 @@ const AboutContent = () => {
<> <>
<div className="what-we-do-area ptb-100"> <div className="what-we-do-area ptb-100">
<Container> <Container>
<Row className="align-items-center"> <Row className="align-items-center flex-column-reverse flex-lg-row">
<Col lg={6} md={12}> <Col lg={6} md={12}>
<div className="what-we-do-image"> <div className="what-we-do-image">
<motion.div <motion.div
...@@ -76,7 +76,7 @@ const AboutContent = () => { ...@@ -76,7 +76,7 @@ const AboutContent = () => {
{KnowledgeData.map((tab, index) => ( {KnowledgeData.map((tab, index) => (
<TabPanel key={index}> <TabPanel key={index}>
<p>{tab.content}</p> <p>{tab.content}</p>
<Link href={tab.buttonlink} className="default-btn"> <Link href={tab.buttonlink} className="default-btn mb-3 mb-md-0">
Know More <i className="ri-arrow-right-line"></i> Know More <i className="ri-arrow-right-line"></i>
</Link> </Link>
</TabPanel> </TabPanel>
......
container/Home/HomeBanner.js
...@@ -52,6 +52,7 @@ const HomeBanner = () => { ...@@ -52,6 +52,7 @@ const HomeBanner = () => {
navigation={true} navigation={true}
grabCursor={true} grabCursor={true}
effect={"creative"} effect={"creative"}
loop={true}
creativeEffect={{ creativeEffect={{
prev: { prev: {
shadow: true, shadow: true,
...@@ -66,7 +67,7 @@ const HomeBanner = () => { ...@@ -66,7 +67,7 @@ const HomeBanner = () => {
disableOnInteraction: true, disableOnInteraction: true,
pauseOnMouseEnter: true, pauseOnMouseEnter: true,
}} }}
modules={[EffectCreative, Navigation, Autoplay]} modules={[EffectCreative, Navigation, Autoplay ]}
className="home-slides" className="home-slides"
> >
{bannerData.map((banner, index) => ( {bannerData.map((banner, index) => (
......
container/Home/People.js
...@@ -37,7 +37,8 @@ const People = () => { ...@@ -37,7 +37,8 @@ const People = () => {
<> <>
<div className="people ptb-100"> <div className="people ptb-100">
<Container> <Container>
<Row className="align-items-center"> <Row className="align-items-center flex-column-reverse flex-lg-row">
<Col lg={6} md={12}> <Col lg={6} md={12}>
<div className="call-back-request-img"> <div className="call-back-request-img">
<motion.div <motion.div
......
container/IndustryFocus/Education.js
...@@ -155,7 +155,7 @@ const Education = () => { ...@@ -155,7 +155,7 @@ const Education = () => {
src={item.imageSrc} src={item.imageSrc}
alt={item.imageAlt} alt={item.imageAlt}
layout="fill" layout="fill"
className="img-fluid image rounded-5" className="img-fluid image rounded-2"
/> />
</motion.div> </motion.div>
</div> </div>
......
container/IndustryFocus/Hospitality.js
...@@ -145,7 +145,7 @@ const Hospitality = () => { ...@@ -145,7 +145,7 @@ const Hospitality = () => {
src={item.imageSrc} src={item.imageSrc}
alt={item.imageAlt} alt={item.imageAlt}
layout="fill" layout="fill"
className="img-fluid image rounded-5" className="img-fluid image rounded-2"
/> />
</motion.div> </motion.div>
</div> </div>
......
container/IndustryFocus/LifeSciences.js
...@@ -146,7 +146,7 @@ const LifeSciences = () => { ...@@ -146,7 +146,7 @@ const LifeSciences = () => {
src={item.imageSrc} src={item.imageSrc}
alt={item.imageAlt} alt={item.imageAlt}
layout="fill" layout="fill"
className="img-fluid image rounded-5" className="img-fluid image rounded-2"
/> />
</motion.div> </motion.div>
</div> </div>
......
container/IndustryFocus/RealEstate.js
...@@ -116,7 +116,7 @@ const RealEstate = () => { ...@@ -116,7 +116,7 @@ const RealEstate = () => {
src={item.imageSrc} src={item.imageSrc}
alt={item.imageAlt} alt={item.imageAlt}
layout="fill" layout="fill"
className="img-fluid image rounded-5" className="img-fluid image rounded-2"
/> />
</motion.div> </motion.div>
</div> </div>
......
container/IndustryFocus/Technology.js
...@@ -166,7 +166,7 @@ const Technology = () => { ...@@ -166,7 +166,7 @@ const Technology = () => {
src={item.imageSrc} src={item.imageSrc}
alt={item.imageAlt} alt={item.imageAlt}
layout="fill" layout="fill"
className="img-fluid image rounded-5" className="img-fluid image rounded-2"
/> />
</motion.div> </motion.div>
</div> </div>
......
container/People/AdvisoryBoard.js
...@@ -30,7 +30,10 @@ const AdvisoryBoard = () => { ...@@ -30,7 +30,10 @@ const AdvisoryBoard = () => {
<> <>
<div className="testimonial-area ptb-100"> <div className="testimonial-area ptb-100">
<Container> <Container>
<Heading className="text-center mb-5" heading="Advisory Board" /> <div className="section-title">
<Heading el="h2" heading="Advisory Board" />
</div>
{advisoryBoardData.map((member, index) => ( {advisoryBoardData.map((member, index) => (
<Row key={index} className="row align-items-center"> <Row key={index} className="row align-items-center">
{index % 2 === 0 ? ( {index % 2 === 0 ? (
......
layout/Header.js
...@@ -106,7 +106,7 @@ const Header = () => { ...@@ -106,7 +106,7 @@ const Header = () => {
</ul> </ul>
</li> </li>
<li className="nav-item"> <li className="nav-item">
<Link href="/blogs" className={`nav-link ${isActive("/blogs") ? "active" : ""}`}> <Link href="/blog" className={`nav-link ${isActive("/blog") ? "active" : ""}`}>
Blogs Blogs
</Link> </Link>
</li> </li>
...@@ -117,11 +117,39 @@ const Header = () => { ...@@ -117,11 +117,39 @@ const Header = () => {
People People
</Link> </Link>
</li> </li>
<li className="nav-item"> <li className="nav-item">
<Link href="/client-servicing" className={`nav-link ${isActive("/client-servicing") ? "active" : ""}`}> <Link href="/client-servicing" className="dropdown-toggle nav-link">
Client Servicing Client Servicing
</Link> </Link>
<ul className="dropdown-menu">
<li className="nav-item">
<Link href="/client-servicing/cfo" className={`nav-link ${isActive("/client-servicing/cfo") ? "active" : ""}`}>
Virtual FC & CFO Services
</Link>
<ul>
<li className="nav-item">
<Link href="/client-servicing/ta" className={`nav-link ${isActive("/client-servicing/ta") ? "active" : ""}`}>
Transaction Advisor
</Link>
</li>
<li className="nav-item">
<Link href="/client-servicing/ra" className={`nav-link ${isActive("/client-servicing/ra") ? "active" : ""}`}>
Risk Advisor
</Link>
</li>
</ul>
</li>
<li className="nav-item">
<Link href="/client-servicing/ba" className={`nav-link ${isActive("/client-servicing/ba") ? "active" : ""}`}>
Business Advisor
</Link>
</li>
</ul>
</li> </li>
<li className="nav-item"> <li className="nav-item">
<Link href="#" className={`nav-link ${isActive("/careers") ? "active" : ""}`}> <Link href="#" className={`nav-link ${isActive("/careers") ? "active" : ""}`}>
Careers Careers
......
styles/responsive.css
...@@ -31,24 +31,25 @@ ...@@ -31,24 +31,25 @@
p { p {
font-size: 14px; font-size: 14px;
/* text-align: justify; */
} }
/* heading */ /* heading */
.headings { .headings {
font-size: 1.5rem; font-size: 1.2rem;
} }
.ptb-100 { .ptb-100 {
padding-top: 60px; padding-top: 40px;
padding-bottom: 60px; padding-bottom: 40px;
} }
.pt-100 { .pt-100 {
padding-top: 60px; padding-top: 30px;
} }
.pb-100 { .pb-100 {
padding-bottom: 60px; padding-bottom: 30px;
} }
.ptb-70 { .ptb-70 {
...@@ -83,8 +84,8 @@ ...@@ -83,8 +84,8 @@
.section-title { .section-title {
padding-bottom: 20px; padding-bottom: 20px;
margin-bottom: 40px; margin-bottom: 30px;
max-width: 100%; max-width: 95%;
} }
.section-title .sub-title { .section-title .sub-title {
...@@ -199,7 +200,7 @@ ...@@ -199,7 +200,7 @@
} }
.main-banner-area { .main-banner-area {
padding-top: 60px; padding-top: 20px;
border-top: 1px solid #eeeeee; border-top: 1px solid #eeeeee;
height: 850px; height: 850px;
} }
...@@ -260,6 +261,7 @@ ...@@ -260,6 +261,7 @@
.banner-item-content .sub-title { .banner-item-content .sub-title {
font-size: 13px; font-size: 13px;
} }
.banner-item-content h1 { .banner-item-content h1 {
font-size: 27px; font-size: 27px;
...@@ -591,15 +593,17 @@ ...@@ -591,15 +593,17 @@
.testimonial-img { .testimonial-img {
margin-top: 30px; margin-top: 30px;
padding-left: 40px; padding-left: 4px;
} }
.testimonial-img::before { .testimonial-img::before {
top: 30px; top: 16px;
width: 80px; width: 50px;
height: 80px; height: 50px;
font-size: 50px; font-size: 50px;
line-height: 80px; line-height: 50px;
left: -10px;
display: none
} }
.testimonial-content { .testimonial-content {
...@@ -675,6 +679,7 @@ ...@@ -675,6 +679,7 @@
justify-content: center; justify-content: center;
margin-top: 20px; margin-top: 20px;
margin-bottom: 12px; margin-bottom: 12px;
line-height: 35px;
} }
.what-we-do-content .react-tabs__tab-list .react-tabs__tab { .what-we-do-content .react-tabs__tab-list .react-tabs__tab {
...@@ -689,6 +694,7 @@ ...@@ -689,6 +694,7 @@
.what-we-do-text { .what-we-do-text {
padding-right: 0; padding-right: 0;
margin-bottom: 20px;
} }
.what-we-do-text .sub-title { .what-we-do-text .sub-title {
...@@ -1349,9 +1355,9 @@ ...@@ -1349,9 +1355,9 @@
} }
.projects-details-info { .projects-details-info {
padding: 30px 20px; padding: 15px 20px;
margin-left: 0; margin-left: 0;
margin-top: 30px; margin-top: 18px;
} }
.projects-details-info ul li { .projects-details-info ul li {
...@@ -1367,6 +1373,9 @@ ...@@ -1367,6 +1373,9 @@
font-size: 25px; font-size: 25px;
} }
.projects-details-info h5 {
font-weight: 400;
}
.enry-grid-sorting { .enry-grid-sorting {
margin-bottom: 30px; margin-bottom: 30px;
text-align: center; text-align: center;
...@@ -1587,7 +1596,7 @@ ...@@ -1587,7 +1596,7 @@
.contact-content { .contact-content {
padding-right: 0; padding-right: 0;
text-align: center; text-align: left;
} }
.contact-content .sub-title { .contact-content .sub-title {
...@@ -1602,7 +1611,7 @@ ...@@ -1602,7 +1611,7 @@
width: 60px; width: 60px;
height: 60px; height: 60px;
font-size: 30px; font-size: 30px;
margin-left: auto; /* margin-left: auto; */
margin-right: auto; margin-right: auto;
} }
...@@ -3859,6 +3868,7 @@ ...@@ -3859,6 +3868,7 @@
.contact-content .single-contact-info-box p { .contact-content .single-contact-info-box p {
font-size: 13.5px; font-size: 13.5px;
text-align: center;
} }
.contact-content .row { .contact-content .row {
......
styles/styles.css
...@@ -1125,10 +1125,10 @@ Navbar Area CSS ...@@ -1125,10 +1125,10 @@ Navbar Area CSS
} }
.navbar-toggler .icon-bar { .navbar-toggler .icon-bar {
width: 35px; width: 30px;
transition: all 0.3s; transition: all 0.3s;
background: #262e2e; background: #262e2e;
height: 4px; height: 2px;
display: block; display: block;
border-radius: 3px; border-radius: 3px;
} }
...@@ -1611,8 +1611,8 @@ Main Banner Area CSS ...@@ -1611,8 +1611,8 @@ Main Banner Area CSS
.home-slides .swiper-button-prev, .home-slides .swiper-button-prev,
.home-slides .swiper-button-next { .home-slides .swiper-button-next {
width: 50px; width: 40px;
height: 50px; height: 40px;
background-color: var(--whiteColor); background-color: var(--whiteColor);
transition: var(--transition); transition: var(--transition);
color: var(--blackColor); color: var(--blackColor);
...@@ -1622,7 +1622,7 @@ Main Banner Area CSS ...@@ -1622,7 +1622,7 @@ Main Banner Area CSS
.home-slides .swiper-button-prev::after, .home-slides .swiper-button-prev::after,
.home-slides .swiper-button-next::after { .home-slides .swiper-button-next::after {
font-size: 25px; font-size: 20px;
} }
.home-slides .swiper-button-prev:hover, .home-slides .swiper-button-prev:hover,
...@@ -1924,11 +1924,12 @@ Services Area CSS ...@@ -1924,11 +1924,12 @@ Services Area CSS
font-size: 20px; font-size: 20px;
word-wrap: break-word; word-wrap: break-word;
overflow: hidden; overflow: hidden;
max-height: 4.5em; max-height: 4.9em;
text-overflow: ellipsis; text-overflow: ellipsis;
display: -webkit-box; display: -webkit-box;
-webkit-line-clamp: 2; -webkit-line-clamp: 2;
-webkit-box-orient: vertical; -webkit-box-orient: vertical;
line-height: 28px
} }
.services-box-budget p { .services-box-budget p {
...@@ -8053,7 +8054,7 @@ Modal CSS ...@@ -8053,7 +8054,7 @@ Modal CSS
background-color: var(--mainColor); background-color: var(--mainColor);
color: white !important; color: white !important;
text-align: center; text-align: center;
box-shadow: inset -1px -1px 0px 4px #ffc988bb; box-shadow: inset 0px 0px 0px 4px #ffc988bb;
} }
...@@ -8067,7 +8068,7 @@ Modal CSS ...@@ -8067,7 +8068,7 @@ Modal CSS
.circle-number { .circle-number {
font-size: 1.5rem; font-size: 1.5rem;
font-weight: 600; font-weight: 600;
color: var(--lightgrayColor); color: var(--whiteColor);
} }
.circle-content h5 { .circle-content h5 {
...@@ -8090,7 +8091,7 @@ Modal CSS ...@@ -8090,7 +8091,7 @@ Modal CSS
color: white !important; color: white !important;
text-align: center; text-align: center;
padding: 14px; padding: 14px;
box-shadow: inset -1px -1px 0px 4px #ffc988bb; box-shadow: inset 0px 0px 0px 4px #ffc988bb;
margin-left: 10px; margin-left: 10px;
} }
...@@ -8128,7 +8129,7 @@ Modal CSS ...@@ -8128,7 +8129,7 @@ Modal CSS
border-radius: 5px; border-radius: 5px;
z-index: 1; z-index: 1;
position: relative; position: relative;
color: var(--lightgrayColor); color: var(--whiteColor);
background-color: var(--mainColor); background-color: var(--mainColor);
transition: var(--transition); transition: var(--transition);
text-align: center; text-align: center;
......
styles/styles.scss
...@@ -1057,10 +1057,10 @@ Navbar Area CSS ...@@ -1057,10 +1057,10 @@ Navbar Area CSS
} }
.icon-bar { .icon-bar {
width: 35px; width: 30px;
transition: all 0.3s; transition: all 0.3s;
background: #262e2e; background: #262e2e;
height: 4px; height: 2px;
display: block; display: block;
border-radius: 3px; border-radius: 3px;
} }
......
Styling with Markdown is supported
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!