ok
Mini Shell
<style>
.footer-section {
background: linear-gradient(360deg, #d9d9d9 0%, rgb(54 98 166) 100%);
position: relative;
}
.footer-cta {
border-bottom: 1px solid #373636;
padding-bottom: 8px !important;
}
.single-cta i {
color: #ff5e14;
font-size: 30px;
float: left;
margin-top: 8px;
}
.cta-text {
padding-left: 15px;
display: inline-block;
}
.cta-text h4 {
color: #fff;
font-size: 16px;
font-weight: 600;
margin-bottom: 2px;
}
.cta-text span {
color: #757575;
font-size: 15px;
}
.footer-content {
position: relative;
z-index: 2;
}
.footer-pattern img {
position: absolute;
top: 0;
left: 0;
height: 330px;
background-size: cover;
background-position: 100% 100%;
}
.footer-logo img {
max-width: 226px;
}
.footer-text p {
margin-bottom: 14px;
font-size: 16px;
color: #ffffff;
line-height: 21px;
}
.footer-social-icon span {
color: #fff;
display: block;
font-size: 20px;
font-weight: 700;
font-family: "Poppins", sans-serif;
margin-bottom: 20px;
}
.footer-social-icon a {
color: #fff;
font-size: 16px;
margin-right: 15px;
}
.footer-social-icon i {
height: 40px;
width: 40px;
text-align: center;
line-height: 38px;
border-radius: 50%;
}
.facebook-bg {
background: #3b5998;
}
.twitter-bg {
background: #55acee;
}
.google-bg {
background: #dd4b39;
}
.footer-widget-heading h3 {
color: #fff;
font-size: 20px;
font-weight: 600;
margin-bottom: 40px;
position: relative;
}
.footer-widget-heading h3::before {
content: "";
position: absolute;
left: 0;
bottom: -15px;
height: 2px;
width: 50px;
background: #ff5e14;
}
.footer-widget ul li {
display: inline-block;
float: left;
width: 50%;
margin-bottom: 12px;
}
.footer-widget ul li a:hover {
color: #ff5e14;
}
.footer-widget ul li a {
color: #878787;
text-transform: capitalize;
}
.subscribe-form {
position: relative;
overflow: hidden;
}
.subscribe-form input {
width: 100%;
padding: 14px 28px;
background: #2e2e2e;
border: 1px solid #2e2e2e;
color: #fff;
}
.subscribe-form button {
position: absolute;
right: 0;
background: #ff5e14;
padding: 13px 20px;
border: 1px solid #ff5e14;
top: 0;
}
.subscribe-form button i {
color: #fff;
font-size: 22px;
transform: rotate(-6deg);
}
.copyright-area {
background: #000000;
padding: 0px 0;
}
.copyright-text p {
margin: 0;
font-size: 13px;
color: #878787;
}
.copyright-text p a {
color: #ff5e14;
}
.footer-menu li {
display: inline-block;
margin-left: 20px;
}
.footer-menu li:hover a {
color: #ff5e14;
}
.footer-menu li a {
font-size: 14px;
color: #878787;
}
.footer-cta .row .col-xl-4:nth-child(1) .single-cta i {
position: absolute;
color: #ff5e14;
}
.footer-cta .row .col-xl-4:nth-child(1) .single-cta .cta-text {
padding-left: 32px;
}
.footer-cta .row .col-xl-4:nth-child(2) .single-cta i {
color: #14ffa7;
}
.footer-cta .row .col-xl-4:nth-child(3) .single-cta i {
color: #ffd700;
}
.footer-social-icon .social_icon {
text-align: left;
}
.footer-social-icon .social_icon li {
float: inherit !important;
display: inline-block !important;
width: inherit;
}
.footer-social-icon .social_icon li a i {
font-size: 15px;
line-height: 39px;
}
.footer-social-icon .social_icon li a {
width: 40px;
height: 40px;
}
.social_icon {
text-align: right;
margin: 0;
margin-top: 3px;
}
.social_icon li {
display: inline-block;
margin: 0 5px;
}
.social_icon li a {
display: inline-block;
width: 25px;
height: 25px;
background: #fff;
color: #000;
text-align: center;
border-radius: 100%;
transition: 0.2s ease-in-out;
}
.social_icon li a i {
font-size: 15px;
line-height: 20px;
}
.social_icon li:nth-child(1) a {
background: #4267b2;
color: #fff;
}
.social_icon li:nth-child(2) a {
background: #1da1f2;
color: #fff;
}
.social_icon li:nth-child(3) a {
background: #f09433;
background: -moz-linear-gradient(
45deg,
#f09433 0%,
#e6683c 25%,
#dc2743 50%,
#cc2366 75%,
#bc1888 100%
);
background: -webkit-linear-gradient(
45deg,
#f09433 0%,
#e6683c 25%,
#dc2743 50%,
#cc2366 75%,
#bc1888 100%
);
background: linear-gradient(
45deg,
#f09433 0%,
#e6683c 25%,
#dc2743 50%,
#cc2366 75%,
#bc1888 100%
);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f09433', endColorstr='#bc1888',GradientType=1 );
color: #fff;
}
.social_icon li:nth-child(4) a {
background: #ff0000;
color: #fff;
}
.social_icon li:nth-child(1):hover a {
background: #fff;
color: #4267b2;
}
.social_icon li:nth-child(2):hover a {
background: #fff;
color: #1da1f2;
}
.social_icon li:nth-child(3):hover a {
background: #fff;
color: #bc1888;
}
.social_icon li:nth-child(4):hover a {
background: #fff;
color: #ff0000;
}
</style><footer class="footer-section">
<div class="container">
<div class="footer-cta pt-5 ">
<div class="row">
<div class="col-xl-4 col-md-4 mb-30">
<div class="single-cta">
<i class="fa fa-map-marker"></i>
<div class="cta-text">
<h4>Address</h4>
<a href="https://maps.app.goo.gl/rTMx26T9UDtWwz4AA" target="_blank" style="color:white;">A-402,403, Ganga Heights, Beside KB Royal Phoenix, Nr. Zudio, Chandkheda, Ahmedabad, Gujarat 382424</a>
</div>
</div>
</div>
<div class="col-xl-4 col-md-4 mb-30">
<div class="single-cta">
<i class="fa fa-phone"></i>
<div class="cta-text">
<h4>Call Now</h4>
<span style="color:white;">+91 97253 02121</span>
</div>
</div>
</div>
<div class="col-xl-4 col-md-4 mb-30">
<div class="single-cta">
<i class="fa fa-envelope-open"></i>
<div class="cta-text">
<h4>Mail us</h4>
<span style="color:white;">narayanphysio21@gmail.com</span>
</div>
</div>
</div>
</div>
</div>
<div class="footer-content pt-5 pb-1">
<div class="row">
<div class="col-xl-4 col-lg-4 mb-50">
<div class="footer-widget">
<div class="footer-logo">
<a href="index.php"><img src="assets/img/logo/lg.png" class="img-fluid" alt="logo"></a>
<p style="text-align:justify;">"Quality Care For A Better Quality Of Life!"</p>
</div>
<!--<div class="footer-text" style="color:white;">-->
<!-- <p style="text-align:justify;">"Quality Care For A Better Quality Of Life!"</p>-->
<!--</div>-->
</div>
</div>
<!--<div class="col-xl-4 col-lg-4 col-md-6 mb-30">-->
<!-- <div class="footer-widget">-->
<!-- <div class="footer-widget-heading">-->
<!-- <h3>Useful Links</h3>-->
<!-- </div>-->
<!-- <ul>-->
<!-- <li><a href="index.php">Home</a></li>-->
<!-- <li><a href="about.php"style="color:white;">About Us</a></li>-->
<!-- <li><a href="services.php" style="color:white;">Services</a></li>-->
<!-- <li><a href="gallery.php" style="color:white;">Gallery</a></li>-->
<!-- <li><a href="blog.php"style="color:white;">Blog</a></li>-->
<!-- <li><a href="contact.php" style="color:white;">Contact</a></li>-->
<!-- <li><a href="appointment.php" style="color:white;">Appointment</a></li>-->
<!-- </ul>-->
<!-- </div>-->
<!--</div>-->
<div class="col-xl-4 col-lg-4 col-md-6 mb-50">
<div class="footer-widget">
<div class="footer-social-icon">
<span>Follow us</span>
<ul class="social_icon">
<li><a href="https://www.facebook.com/people/Narayan-Physio-Care/61555957942570/" target="blank"><i class="fa fa-facebook"></i></a></li>
<li><a href="https://www.instagram.com/narayanphysiocare/?fbclid=IwAR2BIOU-R75bDpP8b2DkF3RQ75ENxRxQWPaaRd4W04RI5l5APBy2OCdrLAU" target="blank"><i class="fa fa-instagram"></i></a></li>
</ul>
</div>
<div class="footer-social-icon">
<span>Time</span>
<h5 style="color:white;">Mon-Sat - 9:00 AM–1:00 PM,4:00 PM–9:00PM</h5>
<h5 style="color:white;">Sunday - Closed</h5>
</div>
</div>
</div>
<div class="col-xl-4 col-lg-4 col-md-6 mb-30">
<div class="footer-widget">
<div class="footer-widget-heading">
<h3>Useful Links</h3>
</div>
<ul>
<li><a href="index.php" style="color:white;">Home</a></li>
<li><a href="about.php"style="color:white;">About Us</a></li>
<li><a href="services.php" style="color:white;">Services</a></li>
<li><a href="gallery.php" style="color:white;">Gallery</a></li>
<li><a href="blog.php"style="color:white;">Blog</a></li>
<li><a href="contact.php" style="color:white;">Contact</a></li>
<li><a href="app.php" style="color:white;">Appointment</a></li>
</ul>
</div>
</div>
</div>
</div>
</div>
<div class="copyright-area">
<div class="container">
<div class="row">
<div class="col-xl-6 col-lg-6 text-center text-lg-center">
<div class="copyright-text">
<p style="color:white">Copyright © 2024 Narayan Physio Care All Right Reserved.Designed & Developed By <a href="https://inddigmedia.com/" style="color:white;">InddigMedia</a></p>
</div>
</div>
</div>
</div>
</div>
</footer>
Zerion Mini Shell 1.0