Notes

CSS



.foot li a{
color: #333333;
padding: 0%;
font-size: 16px;
font-weight: 500;
padding-top: 5px;
}

.foot li{
list-style-type: none;
}

.foot h5{
padding-top: 5px;
}

.foot li a:hover{
color: var(--otr-color);
}

html

<footer class="container foot py-3">
<div class="row">

<div class="col-sm-3">
<ul>
<h5 style="color: #0033a1; font-size: 20px; font-weight: bold;">INDUSTRIES</h5>
<li><a href="#" class="nav-link">Automotive</a></li>
<li><a href="#" class="nav-link">Banking</a></li>
<li><a href="#" class="nav-link">Capital Markets</a></li>
<li><a href="#" class="nav-link">Communications, Media & Technology</a></li>
<li><a href="#" class="nav-link">Consumer Goods</a></li>
<li><a href="#" class="nav-link">Education</a></li>
<h5 style="color: #0033a1; font-size: 20px; font-weight: bold; padding-top: 10px;">SERVICES</h5>
<li><a href="#" class="nav-link">Application Services & Moderanization</a></li>
<li><a href="#" class="nav-link">Artificial Intelligence</a></li>
<li><a href="#" class="nav-link">Business Process Services</a></li>
<li><a href="#" class="nav-link">Cloud Enablement</a></li>
<li><a href="#" class="nav-link">Core Modernization</a></li>
<li><a href="#" class="nav-link">Digital Experience</a></li>
</ul>
</div>

<div class="col-sm-3">
<ul my-3>
<h5>&nbsp;</h5>
<li><a href="#" class="nav-link">Healthcare</a></li>
<li><a href="#" class="nav-link">Information Services</a></li>
<li><a href="#" class="nav-link">Insurance</a></li>
<li><a href="#" class="nav-link">Life Sciences</a></li>
<li><a href="#" class="nav-link">Manufacturing</a></li>
<li>&nbsp;</li>
<li>&nbsp;</li>
<h5>&nbsp;</h5>
<li><a href="#" class="nav-link">Digital Strategy</a></li>
<li><a href="#" class="nav-link">Enterprise Application Services</a></li>
<li><a href="#" class="nav-link">Enterprise Services</a></li>
<li><a href="#" class="nav-link">Industry+</a></li>
<li><a href="#" class="nav-link">Industry & Platform Solutions</a></li>
</ul>
</div>

<div class="col-sm-3">
<ul my-3>
<h5>&nbsp;</h5>
<li><a href="#" class="nav-link">Oil & Gas</a></li>
<li><a href="#" class="nav-link">Retail</a></li>
<li><a href="#" class="nav-link">Transportation & Logistics</a></li>
<li><a href="#" class="nav-link">Travel & Hospitality</a></li>
<li><a href="#" class="nav-link">Utilities</a></li>
<li>&nbsp;</li>
<li>&nbsp;</li>
<h5>&nbsp;</h5>
<li><a href="#" class="nav-link">Infrastructure Services</a></li>
<li><a href="#" class="nav-link">Intelligent Process Automation</a></li>
<li><a href="#" class="nav-link">Quality Engineering & Assurance</a></li>
<li><a href="#" class="nav-link">Security</a></li>
<li><a href="#" class="nav-link">Software Product Engineering</a></li>
</ul>
</div>

<div class="col-sm-3">
<ul my-3>
<h5 style="color: #0033a1; font-size: 20px; font-weight: bold;">ABOUT COGNIZANT</h5>
<li><a href="#" class="nav-link">2020 in Focus</a></li>
<li><a href="#" class="nav-link">Be.Cognizant</a></li>
<li><a href="#" class="nav-link">Board of Directors</a></li>
<li><a href="#" class="nav-link">Client Briefing Program</a></li>
<li><a href="#" class="nav-link">Cognizant Events</a></li>
<li><a href="#" class="nav-link">Contact Us</a></li>
<li><a href="#" class="nav-link">Corporate Governance</a></li>
<li><a href="#" class="nav-link">Corporate Integrity</a></li>
<li><a href="#" class="nav-link">Culture & Values</a></li>
<li><a href="#" class="nav-link">Diversity & Inclusion</a></li>
<li><a href="#" class="nav-link">ESG</a></li>
<li><a href="#" class="nav-link">Leadership Team</a></li>
<li><a href="#" class="nav-link">News & Press Releases</a></li>
<li><a href="#" class="nav-link">Partnerships</a></li>
<li><a href="#" class="nav-link">Public Policy</a></li>
<li><a href="#" class="nav-link">Sponsorships</a></li>
<li><a href="#" class="nav-link">Talent Worldwide</a></li>
<li><a href="#" class="nav-link">Women Empowered</a></li>
</ul>
</div>

<div class="col-sm-3">
<ul my-3>
<h5 style="color: #0033a1; font-size: 20px; font-weight: bold;">CONSULTING</h5>
<h5 style="color: #0033a1; font-size: 20px; font-weight: bold;">LATEST THINKING</h5>
<li><a href="#" class="nav-link" style="color: #0033a1; font-weight: bold;">Our Media & Publications</a></li>
<li><a href="#" class="nav-link">All Latest Thinking</a></li>
<li><a href="#" class="nav-link">Browse Case Studies</a></li>
<li><a href="#" class="nav-link">Cognizant Podcasts</a></li>
<li><a href="#" class="nav-link">Cognizant Journal</a></li>
<li><a href="#" class="nav-link">Digitally Cognizant Blog</a></li>
<li><a href="#" class="nav-link">Infographics</a></li>
<li><a href="#" class="nav-link">Perspectives</a></li>
</ul>
</div>

<div class="col-sm-3">
<ul my-3>
<h5>&nbsp;</h5>
<h5>&nbsp;</h5>
<li><a href="#" class="nav-link" style="color: #0033a1; font-weight: bold;">Key Themes</a></li>
<li><a href="#" class="nav-link">Digital Maturity Research</a></li>
<li><a href="#" class="nav-link">World Economic Forum—Davos</a></li>
</ul>
</div>

<div class="col-sm-3">
<ul>
<h5>&nbsp;</h5>
<h5>&nbsp;</h5>
<li><a href="#" class="nav-link" style="color: #0033a1; font-weight: bold;">Center for the Future of Work</a></li>
<li><a href="#" class="nav-link">21 More Jobs of the Future</a></li>
<li><a href="#" class="nav-link">Digital Workforce of the Future</a></li>
<li><a href="#" class="nav-link">Explore the Future of Work</a></li>
<li><a href="#" class="nav-link">Jobs of the Future Index</a></li>
<li><a href="#" class="nav-link">Our Post-COVID Future</a></li>
<li><a href="#" class="nav-link">The Work Ahead</a></li>
</ul>
</div>

<div class="col-sm-3">
<ul>
<h5 style="color: #0033a0; font-size: 20px; font-weight: bold;">GLOSSARY</h5>
<h5 style="color: #0033a0; font-size: 20px; font-weight: bold;">INFORMATION FOR SUPPLIERS</h5>
<li><a href="#" class="nav-link">Procure-to-Pay</a></li>
</ul>
</div>
</div>
</footer>