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