ok
Mini Shell
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<footer class="footer-section">
<br/>
<div class="container">
<div class="footer-cta pt-5 pb-5" style="margin-bottom: 28px;">
<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>
<span>4027, 4th Floor, Palladium Mall, Yogi Chowk</span><br/>
<span>Ground ,Chikuwadi, Nana Varachha, Surat.</span>
</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 us</h4>
<span>+91 70739 97405</span><br/>
<span>+91 63536 23129</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>apex@gmail.com</span>
</div>
</div>
</div>
</div>
</div>
<div class="footer-content pt-5 pb-5">
<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="images/lg.png" style=" background-color: white;
border-radius: 24px;
height: 67px;
width: 174px;" class="img-fluid" alt="logo"></a>
</div>
<div class="footer-text">
<p style="text-align:justify;">At APEX Orthopedic and Eye Hospital, we provide specialized care for your orthopedic and ophthalmic needs, ensuring comprehensive treatment and a path to wellness.
</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">about</a></li>
<li><a href="ortho.php">Orthopedic Treatment</a></li>
<li><a href="eye.php">Eyes Treatment</a></li>
<li><a href="blog.php">Blog</a></li>
<li><a href="gallery.php">Gallery</a></li>
<li><a href="contact.php">Contact Us</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-widget-heading">
<h3> <i class="fa fa-clock-o"></i>
Hospital Time
</h3>
</div>
<div class="footer-text mb-25">
<p>Morning: 9:30 AM To 11:30 AM,<br/>
Evening: 5:00 PM To 7:30 PM,<br/>
Sunday: 9:30 AM To 11:30 AM </p>
</div>
<div class="subscribe-form">
<div class="footer-social-icon">
<a href="https://www.facebook.com/people/Apex-Orthodontic-Hospital/61557742060006/" target="blank"><i class="fa fa-facebook-f facebook-bg"></i></a>
<a href="https://www.instagram.com/apex_orthopedic_and_eye_hospit/?fbclid=IwAR2f5FDgoKbogpUdl3tMCI09JIW2e4vUEpGqJwxquUxieTVbQrh-UNxSqyg" target="blank"><i class="fa fa-instagram twitter-bg"></i></a>
<a href="#"><i class="fab fa-google-plus-g google-bg"></i></a>
</div>
</div>
</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-left">
<div class="copyright-text">
<p>Copyright © 2024, All Right Reserved Designed & Developed By <a href="https://inddigmedia.com/">InddigMedia</a></p>
</div>
</div>
</div>
</div>
</div>
</footer>
<style>
ul {
margin: 0px;
padding: 0px;
}
.footer-section {
background: linear-gradient(176deg, rgb(9 170 239) 0%, rgb(0 0 0) 100%);
position: relative;
}
.footer-cta {
border-bottom: 1px solid #373636;
}
.single-cta i {
color: #ffffff;
font-size: 30px;
float: left;
margin-top: 8px;
}
.cta-text {
padding-left: 15px;
display: inline-block;
}
.cta-text h4 {
color: #fff;
font-size: 20px;
font-weight: 600;
margin-bottom: 2px;
}
.cta-text span {
color: #ffffff;
font-size: 17px;
}
.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 {
margin-bottom: 30px;
}
.footer-logo img {
max-width: 200px;
}
.footer-text p {
margin-bottom: 14px;
font-size: 17px;
color: #ffffff;
line-height: 28px;
}
.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: #ffffff;
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: 25px 0;
}
.copyright-text p {
margin: 0;
font-size: 18px;
color: #ffffff;
}
.copyright-text p a{
color: #ffffff;
}
.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;
}
</style>
Zerion Mini Shell 1.0