ok
Mini Shell
<?php include("admin/config.php");?>
<!DOCTYPE html>
<html dir="ltr" lang="en">
<!-- Mirrored from kodesolution.com/html/2016/health-zone-html/demo/index-physiotherapy-mp-layout1.html by HTTrack Website Copier/3.x [XR&CO'2014], Fri, 18 Aug 2023 06:32:08 GMT -->
<?php include 'top.php' ?>
<body class="">
<div id="wrapper">
<!-- preloader -->
<?php include 'header.php' ?>
<!-- Start main-content -->
<div class="main-content">
<!-- Section: inner-header -->
<section class="inner-header divider" data-parallax-ratio="0.7" data-bg-img="images/physiotherapy/bg/11.jpg">
<div class="container pt-100 pb-50">
<!-- Section Content -->
<div class="section-content pt">
<div class="row">
<div class="col-md-12">
<h3 class="title text-blue">About Us</h3>
</div>
</div>
</div>
</div>
</section>
<br/>
<br/>
<style>
h1,
h2,
h3,
h4,
h5,
h6 {}
a,
a:hover,
a:focus,
a:active {
text-decoration: none;
outline: none;
}
a,
a:active,
a:focus {
color: #6f6f6f;
text-decoration: none;
transition-timing-function: ease-in-out;
-ms-transition-timing-function: ease-in-out;
-moz-transition-timing-function: ease-in-out;
-webkit-transition-timing-function: ease-in-out;
-o-transition-timing-function: ease-in-out;
transition-duration: .2s;
-ms-transition-duration: .2s;
-moz-transition-duration: .2s;
-webkit-transition-duration: .2s;
-o-transition-duration: .2s;
}
ul {
margin: 0;
padding: 0;
list-style: none;
}
img {
max-width: 100%;
height: auto;
}
section {
padding: 60px 0;
/* min-height: 100vh;*/
}
.sec-title{
position:relative;
z-index: 1;
margin-bottom:60px;
}
.sec-title .title{
position: relative;
display: block;
font-size: 18px;
line-height: 24px;
color: #00aeef;
font-weight: 500;
margin-bottom: 15px;
}
.sec-title h2{
position: relative;
display: block;
font-size:40px;
line-height: 1.28em;
color: #222222;
font-weight: 600;
padding-bottom:18px;
}
.sec-title h2:before{
position:absolute;
content:'';
left:0px;
bottom:0px;
width:50px;
height:3px;
background-color:#d1d2d6;
}
.sec-title .text{
position: relative;
font-size: 16px;
line-height: 26px;
color: #848484;
font-weight: 400;
margin-top: 35px;
}
.sec-title.light h2{
color: #ffffff;
}
.sec-title.text-center h2:before{
left:50%;
margin-left: -25px;
}
.list-style-one{
position:relative;
}
.list-style-one li{
position:relative;
font-size:16px;
line-height:26px;
color: #222222;
font-weight:400;
padding-left:35px;
margin-bottom: 12px;
}
.list-style-one li:before {
content: "\f058";
position: absolute;
left: 0;
top: 0px;
display: block;
font-size: 18px;
padding: 0px;
color: #ff2222;
font-weight: 600;
-moz-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
font-style: normal;
font-variant: normal;
text-rendering: auto;
line-height: 1.6;
font-family: "Font Awesome 5 Free";
}
.list-style-one li a:hover{
color: #44bce2;
}
.btn-style-one{
position: relative;
display: inline-block;
font-size: 17px;
line-height: 30px;
color: #ffffff;
padding: 10px 30px;
font-weight: 600;
overflow: hidden;
letter-spacing: 0.02em;
background-color: #00aeef;
}
.btn-style-one:hover{
background-color: #0794c9;
color: #ffffff;
}
.about-section{
position: relative;
padding: 0px 0 0px;
}
.about-section .sec-title{
margin-bottom: 45px;
}
.about-section .content-column{
position: relative;
margin-bottom: 50px;
}
.about-section .content-column .inner-column{
position: relative;
padding-left: 30px;
}
.about-section .text{
margin-bottom: 20px;
font-size: 16px;
line-height: 26px;
color: #000000;
font-weight: 400;
}
.about-section .list-style-one{
margin-bottom: 45px;
}
.about-section .btn-box{
position: relative;
}
.about-section .btn-box a{
padding: 15px 50px;
}
.about-section .image-column{
position: relative;
}
.about-section .image-column .text-layer{
position: absolute;
right: -110px;
top: 50%;
font-size: 325px;
line-height: 1em;
color: #ffffff;
margin-top: -175px;
font-weight: 500;
}
.about-section .image-column .inner-column{
position: relative;
padding-left: 80px;
padding-bottom: 0px;
}
.about-section .image-column .inner-column .author-desc{
position: absolute;
bottom: 16px;
z-index: 1;
background: #264675;
padding: 10px 15px;
left: 96px;
width: calc(100% - 152px);
border-radius: 50px;
}
.about-section .image-column .inner-column .author-desc h2{
font-size: 21px;
letter-spacing: 1px;
text-align: center;
color: #fff;
margin: 0;
}
.about-section .image-column .inner-column .author-desc span{
font-size: 16px;
letter-spacing: 6px;
text-align: center;
color: #fff;
display: block;
font-weight: 400;
}
.about-section .image-column .inner-column:before{
content: '';
position: absolute;
width: calc(50% + 80px);
height: calc(100% + 160px);
top: -80px;
left: -3px;
background: transparent;
z-index: 0;
border: 44px solid #00aeef;
}
.about-section .image-column .image-1{
position: relative;
}
.about-section .image-column .image-2{
position: absolute;
left: 0;
bottom: 0;
}
.about-section .image-column .image-2 img,
.about-section .image-column .image-1 img{
box-shadow: 0 30px 50px rgba(8,13,62,.15);
border-radius: 46px;
}
.about-section .image-column .video-link{
position: absolute;
left: 70px;
top: 170px;
}
.about-section .image-column .video-link .link{
position: relative;
display: block;
font-size: 22px;
color: #191e34;
font-weight: 400;
text-align: center;
height: 100px;
width: 100px;
line-height: 100px;
background-color: #ffffff;
border-radius: 50%;
box-shadow: 0 30px 50px rgba(8,13,62,.15);
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
.about-section .image-column .video-link .link:hover{
background-color: #191e34;
color: #f
</style>
<section class="about-section" style="
background-color: #979797;
">
<div class="container">
<div class="row">
<div class="content-column col-lg-6 col-md-12 col-sm-12 order-2">
<div class="inner-column">
<div class="sec-title">
<span class="title" style="color:white;">Welcome To</span>
<h2>Sparsh Physiotherapy & Spine Clinic
</h2>
</div>
<div class="text" style="text-align: justify;">Sparsh Physiotherapy & spine clinic is a leading physiotherapy center in Gandhinagar Gujarat working since 17th July 2015. We providing specialized physiotherapy treatment with genuine diagnostic & holistic approaches to serve our valuable patients. We delivered best results in spinal conditions, sports injuries, Neurological & other arthritic and degenerative musculoskeletal disorders.</div>
<div class="text" style="text-align:justify;">
At Sparsh Physiotherapy & Spine Clinic, we are dedicated to providing exceptional care and personalized treatment to our patients. With a team of highly skilled physiotherapists and specialists, we offer a comprehensive range of services to address various musculoskeletal and spine-related conditions. Our clinic is equipped with state-of-the-art facilities and cutting-edge technology to ensure the highest standards of treatment and rehabilitation.
</div>
<div class="btn-box">
<a href="contact.php" class="theme-btn btn-style-one">Contact Us</a>
</div>
</div>
</div>
<!-- Image Column -->
<div class="image-column col-lg-6 col-md-12 col-sm-12">
<div class="inner-column wow fadeInLeft">
<!-- <div class="author-desc">
<h2>Dr.Ashish Patani</h2>
</div> -->
<figure class="image-1"><a href="#" class="lightbox-image" data-fancybox="images"><img title="Rahul Kumar Yadav" src="images/physiotherapy/about/aa.avif" alt=""></a></figure>
</div>
</div>
</div>
</div>
</section>
<br/>
<!-- Divider: Funfact -->
<section class="divider parallax layer-overlay overlay-dark-6" data-bg-img="images/physiotherapy/bg/tt.jpg" data-parallax-ratio="0.7">
<div class="container">
<div class="row mb-50">
<div class="col-md-6 text-center col-md-offset-3">
<h5 class="text-white">Your reliable Defense Partner</h5>
<h2 class="text-white">Sparsh Physiotheraphy & Spine Clinic</h2>
</div>
</div>
<div class="row">
<div class="col-xs-12 col-sm-6 col-md-3 mb-md-50">
<div class="funfact text-center">
<a href="#"> <i class="pe-7s-date text-gray-darkgray font-46"></i></a>
<h5 class="animate-number text-theme-colored font-36 font-weight-400 font-opensans mt-20 mb-20" data-value="10" data-animation-duration="2500">0</h5>
<h6 class="title text-white font-16">Years of Experience</h6>
</div>
</div>
<div class="col-xs-12 col-sm-6 col-md-3 mb-md-50">
<div class="funfact text-center">
<a href="#"> <i class="pe-7s-smile text-gray-darkgray font-46"></i></a>
<h5 class="animate-number text-theme-colored font-36 font-weight-400 font-opensans mt-20 mb-20" data-value="10000" data-animation-duration="2500">0</h5>
<h6 class="title text-white font-16">Happy Patient</h6>
</div>
</div>
<div class="col-xs-12 col-sm-6 col-md-3 mb-md-50">
<div class="funfact text-center">
<a href="#"> <i class="pe-7s-medal text-gray-darkgray font-46"></i></a>
<h5 class="animate-number text-theme-colored font-36 font-weight-400 font-opensans mt-20 mb-20" data-value="6" data-animation-duration="2500">0</h5>
<h6 class="title text-white font-16">Awards</h6>
</div>
</div>
<div class="col-xs-12 col-sm-6 col-md-3 mb-md-50">
<div class="funfact text-center">
<a href="#"> <i class="pe-7s-user text-gray-darkgray font-46"></i></a>
<h5 class="animate-number text-theme-colored font-36 font-weight-400 font-opensans mt-20 mb-20" data-value="3" data-animation-duration="2500">0</h5>
<h6 class="title text-white font-16">Our Doctors</h6>
</div>
</div>
</div>
</div>
</section>
<!-- <section class="divider parallax layer-overlay overlay-deep" data-bg-img="images/bg/bg2.jpg" data-parallax-ratio="0.7">
<div class="container pt-70 pb-70 mt-0">
<div class="row text-justify">
<div class="col-md-6">
<h4>Who we are</h4>
<p>A physiotherapist, or physical therapist, works with patients to help them manage pain, balance, mobility, and motor function. Most people at some point in their lifetime will work with a physiotherapist. You may have been referred to one after a car accident, after surgery, or to address low back pain.Physiotherapists help people affected by injury, illness or disability through movement and exercise, manual therapy, education and advice. They maintain health for people of all ages, helping patients to manage pain and prevent disease.</p>
</div>
<div class="col-md-6">
<h4>What we do</h4>
<p>Physiotherapists focus on both prevention and rehabilitation. Treatment can be for problems caused by injury, disease or disability. Here are some examples:Neck and back pain caused by problems in the muscles and skeleton,Problems in the bones, joints, muscles and ligaments, such as arthritis and the after-effects of amputation.Think about getting physiotherapy if you have an injury, or chronic pain that affects how you function everyday. A doctor may refer you to physiotherapy after surgery such as a hip replacement, or an event such as a heart attack or stroke.</p>
</div>
</div>
</div>
</section>
-->
<br/>
<?php include 'footer.php' ?>
<a class="scrollToTop" href="#"><i class="fa fa-angle-up"></i></a>
</div>
<!-- end wrapper -->
<!-- Footer Scripts -->
<!-- JS | Custom script for all pages -->
<script src="js/custom.js"></script>
</body>
<!-- Mirrored from kodesolution.com/html/2016/health-zone-html/demo/page-about-boxing1.html by HTTrack Website Copier/3.x [XR&CO'2014], Fri, 18 Aug 2023 06:40:01 GMT -->
</html>
Zerion Mini Shell 1.0