<section class="trendy-footer">
<!-- footer-22 -->
<div class="footer py-5">
<div class="container py-lg-5">
<div class="text-txt row">
<div class="left-side col-lg-4">
<h3><a class="logo-footer" href="index.html">
Trendy<span class="lohny">F</span>ashion</a></h3>
<!-- if logo is image enable this
<a class="navbar-brand" href="#index.html">
<img src="image-path" alt="Your logo" title="Your logo" style="height:35px;" />
</a> -->
<p>India’s Ultimate Online Shopping Site trendy fashion vision is to create India’s most reliable and frictionless commerce ecosystem that creates life-changing experiences for buyers and sellers. </p>
<ul class="social-footerhny mt-lg-5 mt-4">
<li><a class="facebook" href="#"><span class="fab fa-facebook" aria-hidden="true"></span></a>
</li>
<li><a class="twitter" href="#"><span class="fab fa-twitter" aria-hidden="true"></span></a>
</li>
<li><a class="google" href="#"><span class="fab fa-google-plus" aria-hidden="true"></span></a>
</li>
<li><a class="instagram" href="#"><span class="fab fa-instagram" aria-hidden="true"></span></a>
</li>
</ul>
</div>
<div class="right-side col-lg-8 pl-lg-5">
<h3>Life is hard enough already. <br>Let us make it a little easier.</i></h3>
<div class="sub-columns">
<div class="sub-one-left">
<h6>Useful Links</h6>
<div class="footer-ul">
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="about.html">About</a></li>
<li><a href="blog.html">Blog</a></li>
<li><a href="contact.html">Contact</a></li>
</ul>
<ul>
<li><a href="sitemap.xml">Sitemap</a></li>
<li><a href="privacy-policy.php">Privacy Policy</a></li>
<li><a href="terms-and-condition.php">Terms and Conditions</a></li>
<li><a href="contact.php">Support</a></li>
</ul>
</div>
</div>
<div class="sub-two-right">
<h6>Our Store</h6>
<p class="mb-5">250001 Kaseru kheda Meerut, Uttar Pradesh</p>
<h6>We accept:</h6>
<ul class="mt-4">
<li class="list-inline-item">
<img src="images/pay3.png" alt="">
</li>
<li class="list-inline-item">
<img src="images/pay7.png" alt="">
</li>
<li class="list-inline-item">
<img src="images/pay8.png" alt="">
</li>
<li class="list-inline-item ">
<img src="images/pay9.png" alt="">
</li>
</ul>
</div>
</div>
</div>
</div>
<div class="below-section row">
<div class="columns col-lg-6">
<ul class="jst-link">
<li><a href="#">Privacy Policy </a> </li>
<li><a href="#">Term of Service</a></li>
<li><a href="contact.html">Customer Care</a> </li>
</ul>
</div>
<div class="columns col-lg-6 text-lg-right">
<p>© 2020 Trendy Fashion. All rights reserved. Design by <a href="https:www.atechseva.com/">
Atechseva</a>
</p>
</div>
</div>
</div>
</div></section>
-----------------------------------------------CSS-----------------------------------------------
.trendy-footer .fab{line-height: 2;}
.trendy-footer .footer {
background: #232020;
}
.trendy-footer .footer li {
list-style: none;
}
.trendy-footer a.logo-footer {
color: #fff;
font-weight: 900;
}
.trendy-footer span.lohny {
color: #2874f0;
margin-bottom: 0;
}
.trendy-footer .text-txt h3 {
color: #fff;
font-size: 26px;
line-height: 30px;
margin-bottom: 20px;
text-transform: uppercase;
}
.trendy-footer p {
font-weight: normal;
font-size: 16px;
color: #a09292;
}
.trendy-footer ul.social-footerhny li {
display: inline;
margin-right: 16px;
}
.trendy-footer ul.social-footerhny li a {
color: #fff;
display: inline-block;
width: 36px;
height: 36px;
background-color: #3a3535;
text-align: center;
border-radius: 50%;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-o-border-radius: 50%;
-ms-border-radius: 50%;
}
.trendy-footer ul.social-footerhny li a span.fa {
color: #fff;
font-size: 18px;
line-height: 37px;
margin: 0;
}
.trendy-footer ul.social-footerhny li a:hover {
background: #2874f0;
transition: 0.3s ease;
}
.trendy-footer .subscride-link h4 {
font-size: 22px;
margin-top: 81px;
color: #fff;
}
.trendy-footer .sub-one-left h6,
.trendy-footer .sub-two-right h6 {
color: #fff;
font-size: 20px;
line-height: 20px;
text-transform: uppercase;
margin-bottom: 25px;
}
.trendy-footer .sub-one-left p,
.trendy-footer .sub-two-right p {
font-style: normal;
font-weight: normal;
line-height: 25px;
color: #a09292;
}
.trendy-footer .sub-columns {
display: grid;
grid-template-columns: 1fr 1fr;
grid-gap: 20px;
margin-top: 60px;
}
.trendy-footer .footer-ul {
display: grid;
grid-template-columns: 1fr 1fr;
grid-gap: 20px;
}
.trendy-footer .footer-ul li a {
font-style: normal;
font-weight: normal;
font-size: 15px;
line-height: 24px;
color: #a09292;
margin: 0 0 10px 0;
display: block;
}
.trendy-footer .sub-two-right ul li {
display: inline-block;
}
.trendy-footer a.pay-method {
color: #acb2b7;
}
.trendy-footer a.pay-method span {
font-size: 34px;
margin: 0 10px 0px 0;
}
.trendy-footer a.pay-method:hover {
color: #a09292;
}
.trendy-footer ul.social li,
.trendy-footer ul.jst-link li {
display: inline-block;
margin-right: 15px;
}
.trendy-footer .columns p a,
.trendy-footer .columns ul li a {
font-size: 16px;
line-height: 20px;
color: #a09292;
}
.trendy-footer .footer-ul li a:hover,
.trendy-footer .columns p a:hover,
.trendy-footer .columns ul li a:hover {
color: #2874f0;
}
.trendy-footer .right-side h4 {
font-size: 36px;
line-height: 46px;
color: #fff;
}
.trendy-footer .below-section {
align-items: center;
margin-top: 60px;
border-top: 1px solid #565252;
padding-top: 36px;
}
.trendy-footer #movetop {
position: fixed;
bottom: 12px;
right: 15px;
z-index: 99;
font-size: 16px;
border: none;
outline: none;
cursor: pointer;
color: #fff;
width: 38px;
height: 38px;
background: #3a3535;
padding: 0;
line-height: 38px;
transition: 0.5s ease-out;
border-radius: 50%;
}
.trendy-footer #movetop:hover {
background: #2874f0;
}
@media (max-width: 992px) {
.trendy-footer .right-side {
margin-top: 2em;
}
.trendy-footer .right-side h4 {
font-size: 32px;
line-height: 42px;
}
}
@media (max-width: 768px) {
.trendy-footer .sub-columns {
display: grid;
grid-template-columns: 1fr;
grid-gap: 20px;
margin-top: 40px;
}
.trendy-footer .columns p a,
.trendy-footer .columns ul li a {
font-size: 15px;
}
.trendy-footer .below-section {
align-items: center;
margin-top: 40px;
padding-top: 20px;
text-align: center;
}
.trendy-footer ul.jst-link {
margin-bottom: 10px;
}
}
@media (max-width: 600px) {
.trendy-footer .right-side h4 {
font-size: 24px;
line-height: 30px;
}
.trendy-footer .sub-one-left h6,
.trendy-footer .sub-two-right h6 {
font-size: 18px;
line-height: 18px;
margin-bottom: 20px;
}
.trendy-footer ul.social li,
.trendy-footer ul.jst-link li {
margin-right: 4px;
}
}
){kind=link}
0 Comments