Skip to content

sujata / advithconsulting.io-frontend

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

footer changes

1 parent a948b6d9
Inline Side-by-side
Showing 3 changed files with 63 additions and 46 deletions
layout/Footer.js
...@@ -84,7 +84,7 @@ const Footer = () => { ...@@ -84,7 +84,7 @@ const Footer = () => {
{/* <li><span>Phone No:</span> <a href="tel: 820-4200985">0820-4200985</a> </li> */} {/* <li><span>Phone No:</span> <a href="tel: 820-4200985">0820-4200985</a> </li> */}
<li> <li>
<span><h3 className="mb-1 office-heading"> Strategic Consulting Center:</h3> <span><h3 className="mb-1 office-heading"> Strategic Consulting Center:</h3>
</span> No.988 1st Floor, 13th Cross, Banashankari II Stage, Bengaluru – 560070 </span> No.988 1st Floor, 13th Cross, Banashankari II Stage, <br className="d-xxl-none d-lg-block d-none" /> Bengaluru – 560070
</li> </li>
</ul> </ul>
</div> </div>
......
layout/Header.js
...@@ -133,6 +133,14 @@ const Header = () => { ...@@ -133,6 +133,14 @@ const Header = () => {
], // GCC as a Service, Digital Transformation, Empowering Finance Consultants, Bespoke Services ], // GCC as a Service, Digital Transformation, Empowering Finance Consultants, Bespoke Services
]; ];
const isKnowledgeActive = [
"/knowledge",
"/corpedia",
"/taxwire",
"/budgetpanorama",
"/blog",
].some((path) => router.pathname.startsWith(path));
return ( return (
<> <>
<div className="mega-menu-container"> <div className="mega-menu-container">
...@@ -182,7 +190,7 @@ const Header = () => { ...@@ -182,7 +190,7 @@ const Header = () => {
<li className="nav-item knowledge-dropdown"> <li className="nav-item knowledge-dropdown">
<Link <Link
href="/knowledge" href="/knowledge"
className="dropdown-toggle nav-link" className={`nav-link dropdown-toggle ${isKnowledgeActive ? "active" : ""}`}
> >
Knowledge Knowledge
</Link> </Link>
...@@ -190,9 +198,8 @@ const Header = () => { ...@@ -190,9 +198,8 @@ const Header = () => {
<li className="nav-item"> <li className="nav-item">
<Link <Link
href="/corpedia" href="/corpedia"
className={`nav-link ${ className={`nav-link ${isActive("/corpedia") ? "active" : ""
isActive("/corpedia") ? "active" : "" }`}
}`}
> >
Corpedia Corpedia
</Link> </Link>
...@@ -200,9 +207,8 @@ const Header = () => { ...@@ -200,9 +207,8 @@ const Header = () => {
<li className="nav-item"> <li className="nav-item">
<Link <Link
href="/taxwire" href="/taxwire"
className={`nav-link ${ className={`nav-link ${isActive("/taxwire") ? "active" : ""
isActive("/taxwire") ? "active" : "" }`}
}`}
> >
Taxwire Taxwire
</Link> </Link>
...@@ -210,9 +216,8 @@ const Header = () => { ...@@ -210,9 +216,8 @@ const Header = () => {
<li className="nav-item"> <li className="nav-item">
<Link <Link
href="/budgetpanorama" href="/budgetpanorama"
className={`nav-link ${ className={`nav-link ${isActive("/budgetpanorama") ? "active" : ""
isActive("/budgetpanorama") ? "active" : "" }`}
}`}
> >
Budget Panorama Budget Panorama
</Link> </Link>
...@@ -222,9 +227,8 @@ const Header = () => { ...@@ -222,9 +227,8 @@ const Header = () => {
<li className="nav-item"> <li className="nav-item">
<Link <Link
href="/blog" href="/blog"
className={`nav-link ${ className={`nav-link ${isActive("/blog") ? "active" : ""
isActive("/blog") ? "active" : "" }`}
}`}
> >
Blogs Blogs
</Link> </Link>
...@@ -235,9 +239,8 @@ const Header = () => { ...@@ -235,9 +239,8 @@ const Header = () => {
<li className="nav-item"> <li className="nav-item">
<Link <Link
href="/people" href="/people"
className={`nav-link ${ className={`nav-link ${isActive("/people") ? "active" : ""
isActive("/people") ? "active" : "" }`}
}`}
> >
People People
</Link> </Link>
...@@ -251,7 +254,8 @@ const Header = () => { ...@@ -251,7 +254,8 @@ const Header = () => {
> >
<Link <Link
href="/client-servicing" href="/client-servicing"
className="nav-link dropdown-nav" className={`nav-link dropdown-nav ${isActive("/client-servicing") ? "active" : ""
}`}
style={{ style={{
background: "none", background: "none",
border: "none", border: "none",
...@@ -293,16 +297,16 @@ const Header = () => { ...@@ -293,16 +297,16 @@ const Header = () => {
style={ style={
colIdx === 2 colIdx === 2
? { ? {
minWidth: 260, minWidth: 260,
gap: 8, gap: 8,
display: "flex", display: "flex",
flexDirection: "column", flexDirection: "column",
} }
: { : {
minWidth: 260, minWidth: 260,
display: "flex", display: "flex",
flexDirection: "column", flexDirection: "column",
} }
} }
> >
{column.map((service, idx) => ( {column.map((service, idx) => (
...@@ -338,11 +342,10 @@ const Header = () => { ...@@ -338,11 +342,10 @@ const Header = () => {
<li key={itemIndex}> <li key={itemIndex}>
<Link <Link
href={item.href} href={item.href}
className={`${ className={`${isActive(item.href)
isActive(item.href) ? "active"
? "active" : ""
: "" }`}
}`}
> >
{item.name} {item.name}
</Link> </Link>
...@@ -363,9 +366,8 @@ const Header = () => { ...@@ -363,9 +366,8 @@ const Header = () => {
<li className="nav-item"> <li className="nav-item">
<Link <Link
href="/industry" href="/industry"
className={`nav-link ${ className={`nav-link ${isActive("/industry") ? "active" : ""
isActive("/industry") ? "active" : "" }`}
}`}
> >
Industry Industry
</Link> </Link>
...@@ -374,9 +376,8 @@ const Header = () => { ...@@ -374,9 +376,8 @@ const Header = () => {
<li className="nav-item"> <li className="nav-item">
<Link <Link
href="/career" href="/career"
className={`nav-link ${ className={`nav-link ${isActive("/career") ? "active" : ""
isActive("/career") ? "active" : "" }`}
}`}
> >
Careers Careers
</Link> </Link>
...@@ -385,9 +386,8 @@ const Header = () => { ...@@ -385,9 +386,8 @@ const Header = () => {
<li className="nav-item"> <li className="nav-item">
<Link <Link
href="/contact" href="/contact"
className={`nav-link ${ className={`nav-link ${isActive("/contact") ? "active" : ""
isActive("/contact") ? "active" : "" } contact-btn`}
} contact-btn`}
> >
Contact Us Contact Us
</Link> </Link>
......
styles/styles.css
...@@ -7546,11 +7546,11 @@ Footer Area CSS ...@@ -7546,11 +7546,11 @@ Footer Area CSS
.single-footer-widget p { .single-footer-widget p {
color: #000000; color: #000000;
font-size: 1rem; font-size: 17px;
} }
.single-footer-widget a { .single-footer-widget a {
font-size: 1rem; font-size: 17px;
} }
.single-footer-widget .footer-contact-info { .single-footer-widget .footer-contact-info {
...@@ -7572,7 +7572,7 @@ Footer Area CSS ...@@ -7572,7 +7572,7 @@ Footer Area CSS
.single-footer-widget .footer-contact-info ul li { .single-footer-widget .footer-contact-info ul li {
color: #000000; color: #000000;
margin-bottom: 10px; margin-bottom: 10px;
font-size: 1rem; font-size: 17px;
} }
.single-footer-widget .footer-contact-info ul li span { .single-footer-widget .footer-contact-info ul li span {
...@@ -7597,7 +7597,7 @@ Footer Area CSS ...@@ -7597,7 +7597,7 @@ Footer Area CSS
.single-footer-widget h3 { .single-footer-widget h3 {
color: var(--mainColor); color: var(--mainColor);
margin-bottom: 25px; margin-bottom: 25px;
font-size: 22px; font-size: 17px;
} }
.single-footer-widget .links-list { .single-footer-widget .links-list {
...@@ -9055,7 +9055,8 @@ ul.pagination.custom-pagination { ...@@ -9055,7 +9055,8 @@ ul.pagination.custom-pagination {
.risk_advisory_method { .risk_advisory_method {
padding: 50px 0; padding: 50px 0;
} }
.risk_advisory_howitwork{
.risk_advisory_howitwork {
padding-bottom: 0; padding-bottom: 0;
} }
...@@ -9305,6 +9306,22 @@ ul.pagination.custom-pagination { ...@@ -9305,6 +9306,22 @@ ul.pagination.custom-pagination {
font-size: 1.1rem; font-size: 1.1rem;
} }
.single-footer-widget .footer-contact-info ul li {
font-size: 14px;
}
.single-footer-widget h3 {
font-size: 16px;
}
.single-footer-widget a {
font-size: 16px;
}
.single-footer-widget p {
font-size: 16px;
}
/* .weoffer_section .HowWeDoIt_card{ /* .weoffer_section .HowWeDoIt_card{
height: auto; height: auto;
} */ } */
......
Styling with Markdown is supported
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!