ok
Mini Shell
<?php include("admin/config.php");?>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Welcome To Spandan Hearing Aid Centre
</title>
<!-- mobile responsive meta -->
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<meta name="description" content="Hearing Aid in Nizampura,Pure Tone Audiogram in Nizampura,Aided Audiogram in Nizampura,Unaided Audiogram in Nizampura,Hearing Aid Trial in Nizampura,Hearing Aid Fitting in Nizampura,Hearing Aid Service in Nizampura,Hearing Aid repair in Nizampura,Hearing Consultant in Nizampura,Hearing Aid near Nizampura,Pure Tone Audiogram near Nizampura,Aided Audiogram near Nizampura,Unaided Audiogram near Nizampura,Hearing Aid Trial near Nizampura,Hearing Aid Fitting near Nizampura,Hearing Aid Service near Nizampura,Hearing Aid repair near Nizampura,Hearing Consultant near Nizampura">
<meta name="keywords" content="Hearing Aid in Nizampura,Pure Tone Audiogram in Nizampura,Aided Audiogram in Nizampura,Unaided Audiogram in Nizampura,Hearing Aid Trial in Nizampura,Hearing Aid Fitting in Nizampura,Hearing Aid Service in Nizampura,Hearing Aid repair in Nizampura,Hearing Consultant in Nizampura,Hearing Aid near Nizampura,Pure Tone Audiogram near Nizampura,Aided Audiogram near Nizampura,Unaided Audiogram near Nizampura,Hearing Aid Trial near Nizampura,Hearing Aid Fitting near Nizampura,Hearing Aid Service near Nizampura,Hearing Aid repair near Nizampura,Hearing Consultant near Nizampura">
<link rel="stylesheet" href="css/style.css">
<link rel="stylesheet" href="css/responsive.css">
<link rel="stylesheet" href="fonts/flaticon.css" />
<!--favicon-->
<link rel="apple-touch-icon" sizes="180x180" href="images/logo/logos.png">
<link rel="icon" type="image/png" href="images/logo/logos.png" sizes="32x32">
<link rel="icon" type="image/png" href="images/logo/logos.png" sizes="16x16">
<link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/bootswatch/3.3.7/cosmo/bootstrap.min.css">
<style>
font-family: Arial, sans-serif;
overflow: auto; /* Ensure the body can scroll normally by default */
}
.modal {
display: none;
position: fixed;
z-index: 1;
left: 0;
top: 0;
width: 100%;
height: 100%;
overflow: auto;
background-color: rgba(0,0,0,0.4);
}
.modal-content {
background-color: #fefefe;
margin: 10% auto;
padding: 20px;
border: 1px solid #888;
max-width: 400px;
}
form {
display: grid;
grid-gap: 1px;
}
label {
font-weight: bold;
}
input[type="text"],
input[type="email"],
input[type="tel"],
textarea,
input[type="submit"] {
width: 100%;
padding: 10px;
border: 1px solid #ccc;
border-radius: 5px;
box-sizing: border-box;
}
textarea {
height: 100px;
}
input[type="submit"] {
background-color: #4CAF50;
color: white;
border: none;
cursor: pointer;
}
input[type="submit"]:hover {
background-color: #45a049;
}
.close {
float: right;
font-size: 21px;
font-weight: bold;
line-height: 1;
color: #000000;
text-shadow: 0 1px 0 #ffffff;
opacity: 0.7;
filter: alpha(opacity=70);
}
.close:hover,
.close:focus {
color: #000000;
text-decoration: none;
cursor: pointer;
}
button.close {
padding: 0;
cursor: pointer;
background: transparent;
border: 0;
-webkit-appearance: none;
}
.modal-open {
overflow: hidden;
}
.modal1 {
display: none;
overflow: hidden;
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1050;
-webkit-overflow-scrolling: touch;
outline: 0;
}
.modal.fade .modal-dialog1 {
-webkit-transform: translate(0, -25%);
-ms-transform: translate(0, -25%);
-o-transform: translate(0, -25%);
transform: translate(0, -25%);
-webkit-transition: -webkit-transform 0.3s ease-out;
-o-transition: -o-transform 0.3s ease-out;
transition: transform 0.3s ease-out;
}
.modal.in .modal-dialog1 {
-webkit-transform: translate(0, 0);
-ms-transform: translate(0, 0);
-o-transform: translate(0, 0);
transform: translate(0, 0);
}
.modal-open .modal {
overflow-x: hidden;
overflow-y: auto;
}
.modal-dialog1 {
position: relative;
width: auto;
margin: 10px;
}
.modal-content1 {
position: relative;
}
.modal-backdrop1 {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1040;
background-color: #52637a;
}
.modal-backdrop1.fade {
opacity: 0;
filter: alpha(opacity=0);
}
.modal-backdrop1.in {
opacity: 0.5;
filter: alpha(opacity=50);
}
.modal-header1 {
padding: 15px;
min-height: 16.42857143px;
}
.modal-header1 .close {
margin-top: -2px;
}
.modal-title {
margin: 0;
line-height: 1.42857143;
}
.modal-body1 {
position: relative;
padding: 35px 15px;
background-color: #aa1515;
}
.modal-footer {
padding: 15px;
text-align: right;
background-color: #fff;
}
.modal-footer .btn + .btn {
margin-left: 5px;
margin-bottom: 0;
}
.modal-footer .btn-group .btn + .btn {
margin-left: -1px;
}
.modal-footer .btn-block + .btn-block {
margin-left: 0;
}
.modal-scrollbar-measure {
position: absolute;
top: -9999px;
width: 50px;
height: 50px;
overflow: scroll;
}
.clickable {
cursor: pointer;
}
@media (min-width: 768px) {
.modal-dialog1 {
width: 600px;
margin: 30px auto;
}
.modal-sm {
width: 300px;
}
}
@media (min-width: 992px) {
.modal-lg {
width: 900px;
}
}
.clearfix:before,
.clearfix:after,
.modal-footer:before,
.modal-footer:after {
content: " ";
display: table;
}
.clearfix:after,
.modal-footer:after {
clear: both;
}
.center-block {
display: block;
margin-left: auto;
margin-right: auto;
}
.pull-right {
float: right !important;
}
.pull-left {
float: left !important;
}
.hide {
display: none !important;
}
.show {
display: block !important;
}
.invisible {
visibility: hidden;
}
.text-hide {
font: 0/0 a;
color: transparent;
text-shadow: none;
background-color: transparent;
border: 0;
}
.hidden {
display: none !important;
}
.affix {
position: fixed;
}
.img-responsive-height {
display: block;
width: auto;
max-height: 100%;
}
.img-responsive {
display: block;
max-width: 100%;
height: auto;
}
.signCenter {
text-align: center;
}
.closeSymbol {
color: #fff;
font-size: 40px;
border: 3px solid #fff;
width: 96px;
heiht: 96px;
border-radius: 50%;
font-weight: 700;
text-align: center;
padding: 0 15px;
}
.closeftr {
background-color: #aa1515;
color: #fff;
padding: 5px 30px;
border-radius: 10px;
text-decoration: none;
font-size: 16px;
font-weight: 600;
}
</style>
</head>
<body>
<div class="boxed_wrapper">
<?php include('header.php'); ?>
<!--Start rev slider wrapper-->
<section class="rev_slider_wrapper">
<div id="slider1" class="rev_slider" data-version="5.0">
<br/>
<ul>
<li data-transition="fade">
<img src="images/background/hh.jpg" alt="" width="1920" height="750" data-bgposition="top center" data-bgfit="cover" data-bgrepeat="no-repeat" data-bgparallax="1" >
<div class="tp-caption tp-resizeme"
data-x="left" data-hoffset="-5"
data-y="top" data-voffset="310"
data-transform_idle="o:1;"
data-transform_in="x:[-175%];y:0px;z:0;rX:0;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;opacity:0.01;s:3000;e:Power3.easeOut;"
data-transform_out="s:1000;e:Power3.easeInOut;s:1000;e:Power3.easeInOut;"
data-mask_in="x:[100%];y:0;s:inherit;e:inherit;"
data-splitin="none"
data-splitout="none"
data-start="700">
<div class="slide-content-box">
<h1>Welcome To</h1>
</div>
</div>
<div class="tp-caption tp-resizeme"
data-x="left" data-hoffset="-5"
data-y="top" data-voffset="380"
data-transform_idle="o:1;"
data-transform_in="x:[-175%];y:0px;z:0;rX:0;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;opacity:0.01;s:3000;e:Power3.easeOut;"
data-transform_out="s:1000;e:Power3.easeInOut;s:1000;e:Power3.easeInOut;"
data-mask_in="x:[100%];y:0;s:inherit;e:inherit;"
data-splitin="none"
data-splitout="none"
data-start="700">
<div class="slide-content-box">
<h1>Spandan Hearing Aid Centre</h1>
</div>
</div>
<div class="tp-caption tp-resizeme"
data-x="left" data-hoffset="25"
data-y="top" data-voffset="470"
data-transform_idle="o:1;"
data-transform_in="x:[-175%];y:0px;z:0;rX:0;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;opacity:0.01;s:3000;e:Power3.easeOut;"
data-transform_out="s:1000;e:Power3.easeInOut;s:1000;e:Power3.easeInOut;"
data-mask_in="x:[100%];y:0;s:inherit;e:inherit;"
data-splitin="none"
data-splitout="none"
data-start="700">
<div class="slide-content-box">
</div>
</div>
<div class="tp-caption tp-resizeme"
data-x="left" data-hoffset="20"
data-y="top" data-voffset="555"
data-transform_idle="o:1;"
data-transform_in="y:[100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;opacity:0;s:2000;e:Power4.easeInOut;"
data-transform_out="s:1000;e:Power3.easeInOut;s:1000;e:Power3.easeInOut;"
data-splitin="none"
data-splitout="none"
data-responsive_offset="on"
data-start="2000">
<a href="contact.php" class="thm-btn">Contact</a>
</div>
</li>
<li data-transition="fade">
<img src="images/background/jj.png" alt="" width="1920" height="750" data-bgposition="top center" data-bgfit="cover" data-bgrepeat="no-repeat" data-bgparallax="1" >
<div class="tp-caption tp-resizeme"
data-x="center" data-hoffset="0"
data-y="top" data-voffset="310"
data-transform_idle="o:1;"
data-transform_in="x:[-175%];y:0px;z:0;rX:0;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;opacity:0.01;s:3000;e:Power3.easeOut;"
data-transform_out="s:1000;e:Power3.easeInOut;s:1000;e:Power3.easeInOut;"
data-mask_in="x:[100%];y:0;s:inherit;e:inherit;"
data-splitin="none"
data-splitout="none"
data-start="700">
<div class="slide-content-box">
<!--<h1>Find The Ideal Pairing And</h1>-->
</div>
</div>
<div class="tp-caption tp-resizeme banner-caption-h1 text-center ttu"
data-x="center" data-hoffset="10"
data-y="top" data-voffset="380"
data-transform_idle="o:1;"
data-transform_in="x:[175%];y:0px;z:0;rX:0;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;opacity:0.01;s:3000;e:Power3.easeOut;"
data-transform_out="s:1000;e:Power3.easeInOut;s:1000;e:Power3.easeInOut;"
data-mask_in="x:[-100%];y:0;s:inherit;e:inherit;"
data-splitin="none"
data-splitout="none"
data-responsive_offset="on"
data-start="1000">
<div class="slide-content-box">
<!--<h1>Start Enjoying Effortless Listening</h1>-->
</div>
</div>
<div class="tp-caption tp-resizeme banner-caption-p text-center"
data-x="center" data-hoffset="20"
data-y="top" data-voffset="470"
data-transform_idle="o:1;"
data-transform_in="y:[100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;opacity:0;s:2000;e:Power4.easeInOut;"
data-transform_out="s:1000;e:Power3.easeInOut;s:1000;e:Power3.easeInOut;"
data-splitin="none"
data-splitout="none"
data-responsive_offset="on"
data-start="1500">
<div class="slide-content-box">
</div>
</div>
<div class="tp-caption tp-resizeme"
data-x="center" data-hoffset="15"
data-y="top" data-voffset="555"
data-transform_idle="o:1;"
data-transform_in="y:[100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;opacity:0;s:2000;e:Power4.easeInOut;"
data-transform_out="s:1000;e:Power3.easeInOut;s:1000;e:Power3.easeInOut;"
data-splitin="none"
data-splitout="none"
data-responsive_offset="on"
data-start="2000">
<a href="about.php" class="thm-btn">Read more</a>
</div>
</li>
<li data-transition="fade">
<img src="images/background/jj.jpg" alt="" width="1920" height="750" data-bgposition="top center" data-bgfit="cover" data-bgrepeat="no-repeat" data-bgparallax="1" >
<div class="tp-caption tp-resizeme"
data-x="left" data-hoffset="-5"
data-y="top" data-voffset="310"
data-transform_idle="o:1;"
data-transform_in="x:[-175%];y:0px;z:0;rX:0;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;opacity:0.01;s:3000;e:Power3.easeOut;"
data-transform_out="s:1000;e:Power3.easeInOut;s:1000;e:Power3.easeInOut;"
data-mask_in="x:[100%];y:0;s:inherit;e:inherit;"
data-splitin="none"
data-splitout="none"
data-start="700">
<div class="slide-content-box">
<h1>WE OFFER YOU</h1>
</div>
</div>
<div class="tp-caption tp-resizeme"
data-x="left" data-hoffset="-5"
data-y="top" data-voffset="380"
data-transform_idle="o:1;"
data-transform_in="x:[-175%];y:0px;z:0;rX:0;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;opacity:0.01;s:3000;e:Power3.easeOut;"
data-transform_out="s:1000;e:Power3.easeInOut;s:1000;e:Power3.easeInOut;"
data-mask_in="x:[100%];y:0;s:inherit;e:inherit;"
data-splitin="none"
data-splitout="none"
data-start="700">
<div class="slide-content-box">
<h1> THE BEST <span>SUPPORT</span></h1>
</div>
</div>
<div class="tp-caption tp-resizeme"
data-x="left" data-hoffset="25"
data-y="top" data-voffset="470"
data-transform_idle="o:1;"
data-transform_in="x:[-175%];y:0px;z:0;rX:0;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;opacity:0.01;s:3000;e:Power3.easeOut;"
data-transform_out="s:1000;e:Power3.easeInOut;s:1000;e:Power3.easeInOut;"
data-mask_in="x:[100%];y:0;s:inherit;e:inherit;"
data-splitin="none"
data-splitout="none"
data-start="700">
<div class="slide-content-box">
<!-- <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt<br> ut labore.Lorem ipsum dolor sit amet, consectetur adipisicing elit.</p> -->
</div>
</div>
<div class="tp-caption tp-resizeme"
data-x="left" data-hoffset="20"
data-y="top" data-voffset="555"
data-transform_idle="o:1;"
data-transform_in="y:[100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;opacity:0;s:2000;e:Power4.easeInOut;"
data-transform_out="s:1000;e:Power3.easeInOut;s:1000;e:Power3.easeInOut;"
data-splitin="none"
data-splitout="none"
data-responsive_offset="on"
data-start="2000">
<a href="about.php" class="thm-btn">Read More</a>
</div>
</li>
</ul>
</div>
</section>
<!--End rev slider wrapper-->
<!--Start call to action area-->
<section class="call-to-action-area">
<div class="container">
<div class="sec-title">
<center><h2>There are three main <span>types of hearing loss</span> </h2> </center>
<center><p>There are three main types of hearing loss, conductive, sensorineural and noise inducted. <br/>You can read more on these types of hearing loss below.</p></center>
</div>
<div class="row">
<!--Start single item-->
<div class="col-md-4">
<div class="single-item text-center">
<a href="#">
<h5>Understanding conductive hearing loss</h5>
</a>
<div class="img-holder">
<img src="images/background/s1.jpeg" style="height:220px;" alt="Awesome Image">
<div class="overlay">
<div class="box">
<div class="content">
<a href="#"><i class="fa fa-link" aria-hidden="true"></i></a>
</div>
</div>
</div>
</div>
<div class="text-holder">
<p style="text-align:justify;">Conductive hearing loss occurs when sound waves cannot reach the inner ear. There could be a number of different reasons.</p>
</div>
</div>
</div>
<!--End single item-->
<!--Start single item-->
<div class="col-md-4">
<div class="single-item text-center">
<a href="#">
<h5>What is noise-induced hearing loss?</h5>
</a>
<div class="img-holder">
<img src="images/background/s2.jpg" style="height:220px;" alt="Awesome Image">
<div class="overlay">
<div class="box">
<div class="content">
<a href="#"><i class="fa fa-link" aria-hidden="true"></i></a>
</div>
</div>
</div>
</div>
<div class="text-holder">
<p style="text-align:justify;">Everyday, we experience sounds around us from the television, traffic, household appliances or a phone ringing. </p>
</div>
</div>
</div>
<!--End single item-->
<!--Start single item-->
<div class="col-md-4">
<div class="single-item text-center">
<a href="#">
<h5>Understanding sensorineural hearing loss</h5>
</a>
<div class="img-holder">
<img src="images/background/s3.jpg" style="height:220px;" alt="Awesome Image">
<div class="overlay">
<div class="box">
<div class="content">
<a href="#"><i class="fa fa-link" aria-hidden="true"></i></a>
</div>
</div>
</div>
</div>
<div class="text-holder">
<p style="text-align:justify;">This is the most common form of hearing loss and occurs when the tiny hair cells in the inner ear are damaged.</p>
</div>
</div>
</div>
<!--End single item-->
</div>
</div>
</section>
<!--End call to action area-->
<!--Start know about area-->
<section class="know-about-area">
<div class="container">
<div class="sec-title">
<h2>about <span>us</span> </h2>
</div>
<div class="row">
<div class="col-lg-6 col-md-12">
<div class="img-holder">
<div class="row">
<!--Start single item-->
<div class="col-md-6 col-sm-6 col-xs-12">
<div class="singel-item">
<img src="images/blog/1.jpg" alt="Awesome Image">
</div>
</div>
<!--End single item-->
<!--Start single item-->
<div class="col-md-6 col-sm-6 col-xs-12">
<div class="singel-item">
<img src="images/blog/2.jpg" alt="Awesome Image">
</div>
</div>
<!--End single item-->
</div>
<div class="row">
<!--Start single item-->
<div class="col-md-6 col-sm-6 col-xs-12">
<div class="singel-item">
<img src="images/blog/3.jpg" alt="Awesome Image">
</div>
</div>
<!--End single item-->
<!--Start single item-->
<div class="col-md-6 col-sm-6 col-xs-12">
<div class="singel-item">
<img src="images/blog/4.jpg" alt="Awesome Image">
</div>
</div>
<!--End single item-->
</div>
</div>
</div>
<div class="col-lg-6 col-md-12">
<div class="text-holder">
<div class="top-text">
<h3>Welcome To Spandan Hearing Aid Centre</h3>
<p style="text-align:justify;"> We are provide hearing solutions to the hearing impaired patients. hearing aid , digital hearing aid, hearing care , hearing aid repairs, hearing aid trial, hearing aid fitting, hearing aid programming and services. rechargeable hearing aids. *Hear Better Than Ever</p>
</div>
<ul class="benifit-list">
<li><i class="fa fa-angle-right"></i>We are always carefull to our service </li>
<li><i class="fa fa-angle-right"></i>Affordable Options
</li>
<li><i class="fa fa-angle-right"></i>Online payment seystem with different method </li>
<li><i class="fa fa-angle-right"></i>Expert Consultations
</li>
<li><i class="fa fa-angle-right"></i>Educational Resources
</li>
<li><i class="fa fa-angle-right"></i>Community Engagement Programs
</li>
</ul>
<div class="link_btn">
<a href="about.php" class="thm-btn style-2">read more</a>
</div>
</div>
</div>
</div>
</div>
</section>
<!--End know about area-->
<!--Paralax Style One-->
<section class="parallax-style-one" style="background-image:url(images/background/bg-4.jpg);">
<div class="container">
<div class="overlay">
<!--Fact Counter-->
<div class="fact-counter">
<div class="row">
<div class="counter-outer">
<!--Column-->
<article class="column counter-column col-md-4 col-sm-6 col-xs-12 wow fadeIn" data-wow-duration="600ms">
<div class="item">
<div class="inner-box">
<div class="icon-box">
<i class="icon fa fa-trophy"></i>
</div>
<div class="count-outer">
<span class="count-text" data-speed="3000" data-stop="22">0</span> +
<p>Year Of Experiance </p>
</div>
</div>
</div>
</article>
<!--Column-->
<article class="column counter-column col-md-4 col-sm-6 col-xs-12 wow fadeIn" data-wow-duration="900ms">
<div class="item">
<div class="inner-box">
<div class="icon-box">
<i class="icon fa fa-user"></i>
</div>
<div class="count-outer">
<span class="count-text" data-speed="3000" data-stop="10000">0</span> +
<p>Happy People</p>
</div>
</div>
</div>
</article>
<!--Column-->
<article class="column counter-column col-md-4 col-sm-6 col-xs-12 wow fadeIn" data-wow-duration="300ms">
<div class="item">
<div class="inner-box">
<div class="icon-box">
<i class="fa fa-stethoscope "></i>
</div>
<div class="count-outer">
<span class="count-text" data-speed="3000" data-stop="2">0</span> +
<p>Expert Doctor</p>
</div>
</div>
</div>
</article>
<!--Column-->
<!-- <article class="column counter-column col-md-2 col-sm-6 col-xs-12 wow fadeIn" data-wow-duration="900ms">
<div class="item">
<div class="inner-box">
<div class="icon-box">
<i class="fa fa-heartbeat"></i>
</div>
<div class="count-outer">
<span class="count-text" data-speed="3000" data-stop="1500">0</span>
<p>New Life</p>
</div>
</div>
</div>
</article> -->
<!--Column-->
<!-- <article class="column counter-column col-md-2 col-sm-6 col-xs-12 wow fadeIn" data-wow-duration="900ms">
<div class="item">
<div class="inner-box">
<div class="icon-box">
<i class="fa fa-car"></i>
</div>
<div class="count-outer">
<span class="count-text" data-speed="3000" data-stop="1500">0</span>
<p>Successfull Treatment</p>
</div>
</div>
</div>
</article> -->
<!--Column-->
<!-- <article class="column counter-column col-md-2 col-sm-6 col-xs-12 wow fadeIn" data-wow-duration="900ms">
<div class="item">
<div class="inner-box">
<div class="icon-box">
<i class="fa fa-users"></i>
</div>
<div class="count-outer">
<span class="count-text" data-speed="3000" data-stop="1500">0</span>
<p>Happy People</p>
</div>
</div>
</div>
</article> -->
</div>
</div>
</div>
</div>
</div>
</section>
<section class=our-services>
<div class="container">
<div class="sec-title">
<h2>Types of Digital Hearing Aids
</h2>
</div>
<div class="item-list">
<div class="row">
<!--Start single item-->
<div class="col-md-4">
<div class="single-item text-center">
<div class="img-holder">
<img src="images/background/y1.jpg" style="height:220px;" alt="Awesome Image">
<div class="overlay">
<div class="box">
</div>
</div>
</div>
<div class="text-holder">
<a href="#">
<h5>Behind-The-Ear (BTE)</h5>
</a>
<p style="text-align:justify;">These hearing aids fit behind the ear. BTEs are connected via a clear, thin tube to a custom made ear mould to give you a perfect fit.</p>
</div>
</div>
</div>
<!--End single item-->
<!--Start single item-->
<div class="col-md-4">
<div class="single-item text-center">
<div class="img-holder">
<img src="images/background/y2.jpg" style="height:220px;" alt="Awesome Image">
<div class="overlay">
<div class="box">
</div>
</div>
</div>
<div class="text-holder">
<a href="#">
<h5>In-The-Ear (ITE) </h5>
</a>
<p style="text-align:justify;">This can be completely customisable to your individual hearing needs giving you full connectivity to what’s going on around you.</p>
</div>
</div>
</div>
<!--End single item-->
<!--Start single item-->
<div class="col-md-4">
<div class="single-item text-center">
<div class="img-holder">
<img src="images/background/y3.png" style="height:220px;" alt="Awesome Image">
<div class="overlay">
<div class="box">
</div>
</div>
</div>
<div class="text-holder">
<a href="#">
<h5>Receiver-in-canal (RIC)</h5>
</a>
<p style="text-align:justify;">As a smart and discreet solution to your hearing needs, the RIC (Receiver in the ear canal) hearing aid is a modified version of BTE.</p>
</div>
</div>
</div>
<!--End single item-->
<!--Start single item-->
<!-- <div class="col-md-4">
<div class="single-item text-center">
<div class="img-holder">
<img src="images/service/5.jpg" alt="Awesome Image">
<div class="overlay">
<div class="box">
<div class="content">
<a href="#"><i class="fa fa-link" aria-hidden="true"></i></a>
</div>
</div>
</div>
</div>
<div class="text-holder">
<a href="#">
<h5>HEARING AIDS BATTERIES</h5>
</a>
<p>Consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam.</p>
</div>
</div>
</div> -->
<!--End single item-->
<!--Start single item-->
<!-- <div class="col-md-4">
<div class="single-item text-center">
<div class="img-holder">
<img src="images/service/6.jpg" alt="Awesome Image">
<div class="overlay">
<div class="box">
<div class="content">
<a href="#"><i class="fa fa-link" aria-hidden="true"></i></a>
</div>
</div>
</div>
</div>
<div class="text-holder">
<a href="#">
<h5>CUSTOM EARMOLDS AND
EARPLUGS
</h5>
</a>
<p>Consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam.</p>
</div>
</div>
</div> -->
<!--End single item-->
<!--Start single item-->
<!-- <div class="col-md-4">
<div class="single-item text-center">
<div class="img-holder">
<img src="images/service/7.jpg" alt="Awesome Image">
<div class="overlay">
<div class="box">
<div class="content">
<a href="#"><i class="fa fa-link" aria-hidden="true"></i></a>
</div>
</div>
</div>
</div>
<div class="text-holder">
<a href="#">
<h5>DIGITAL HEARING AIDS SALES AND SERVICES</h5>
</a>
<p>Consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam.</p>
</div>
</div>
</div> -->
<!--End single item-->
</div>
</div>
</div>
</section>
<section class="our-team">
<div class="container" style="
background: linear-gradient(360deg, rgb(141 148 255) 0%, rgb(255 255 255 / 80%) 100%);">
<div class="sec-title">
<h2>All company Hearing Aids Are Available</h2>
</div>
<div class="team-carousel">
<div class="single-team-member">
<figure class="img-box">
<a href="#"><img src="images/team/11.png" style="height:70px;" alt=""></a>
</figure>
</div>
<div class="single-team-member">
<figure class="img-box">
<a href="#"><img src="images/team/22.png" style="height:70px;" alt=""></a>
</figure>
</div>
<div class="single-team-member">
<figure class="img-box">
<a href="#"><img src="images/team/33.png" style="height:70px;" alt=""></a>
</figure>
</div>
<div class="single-team-member">
<figure class="img-box">
<a href="#"><img src="images/team/44.png" style="height:70px;" alt=""></a>
</figure>
</div>
<div class="single-team-member">
<figure class="img-box">
<a href="#"><img src="images/team/55.png" style="height:70px;" alt=""></a>
</figure>
</div>
<div class="single-team-member">
<figure class="img-box">
<a href="#"><img src="images/team/66.png" style="height:70px;" alt=""></a>
</figure>
</div>
<div class="single-team-member">
<figure class="img-box">
<a href="#"><img src="images/team/77.png" style="height:70px;" alt=""></a>
</figure>
</div>
</div>
</div>
</section>
<section class=our-services>
<div class="container">
<div class="sec-title">
<h2>Rechargeable Hearing Aids Available
</h2>
</div>
<div class="item-list">
<div class="row">
<!--Start single item-->
<div class="col-md-4">
<div class="single-item text-center">
<div class="img-holder">
<img src="images/background/r3.jpg" style="height:250px;" alt="Awesome Image">
<div class="overlay">
<div class="box">
</div>
</div>
</div>
<div class="text-holder">
<a href="#">
<h5>Behind-The-Ear</h5>
</a>
<p style="text-align:justify;">Similar to the standard BTE, the electronics of this hearing aid sit behind your ear with a slim tube running down the front of the ear. It can have a custom tip or dome on the end which sits in the ear.</p>
</div>
</div>
</div>
<!--End single item-->
<!--Start single item-->
<div class="col-md-4">
<div class="single-item text-center">
<div class="img-holder">
<img src="images/background/r2.png" style="height:250px;" alt="Awesome Image">
<div class="overlay">
<div class="box">
</div>
</div>
</div>
<div class="text-holder">
<a href="#">
<h5>Custom Hearing</h5>
</a>
<p style="text-align:justify;">These are very small, custom-made hearing aids that fit deep in the ear canal and are very discreet. We may recommend these aids if you’re concerned about the appearance of the hearing aid.</p>
</div>
</div>
</div>
<!--End single item-->
<!--Start single item-->
<div class="col-md-4">
<div class="single-item text-center">
<div class="img-holder">
<img src="images/background/r1.webp" style="height:250px;" alt="Awesome Image">
<div class="overlay">
<div class="box">
</div>
</div>
</div>
<div class="text-holder">
<a href="#">
<h5>Receiver-in-the-canal</h5>
</a>
<p style="text-align:justify;">With the RIC aid, most of the electronics sit behind the ear with a discreet wire running down the front of the ear to the speaker, which sits in the ear. It can have a custom tip or a dome on the end which sits in the ear.</p>
</div>
</div>
</div>
<!--End single item-->
<!--Start single item-->
<!-- <div class="col-md-4">
<div class="single-item text-center">
<div class="img-holder">
<img src="images/service/5.jpg" alt="Awesome Image">
<div class="overlay">
<div class="box">
<div class="content">
<a href="#"><i class="fa fa-link" aria-hidden="true"></i></a>
</div>
</div>
</div>
</div>
<div class="text-holder">
<a href="#">
<h5>HEARING AIDS BATTERIES</h5>
</a>
<p>Consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam.</p>
</div>
</div>
</div> -->
<!--End single item-->
<!--Start single item-->
<!-- <div class="col-md-4">
<div class="single-item text-center">
<div class="img-holder">
<img src="images/service/6.jpg" alt="Awesome Image">
<div class="overlay">
<div class="box">
<div class="content">
<a href="#"><i class="fa fa-link" aria-hidden="true"></i></a>
</div>
</div>
</div>
</div>
<div class="text-holder">
<a href="#">
<h5>CUSTOM EARMOLDS AND
EARPLUGS
</h5>
</a>
<p>Consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam.</p>
</div>
</div>
</div> -->
<!--End single item-->
<!--Start single item-->
<!-- <div class="col-md-4">
<div class="single-item text-center">
<div class="img-holder">
<img src="images/service/7.jpg" alt="Awesome Image">
<div class="overlay">
<div class="box">
<div class="content">
<a href="#"><i class="fa fa-link" aria-hidden="true"></i></a>
</div>
</div>
</div>
</div>
<div class="text-holder">
<a href="#">
<h5>DIGITAL HEARING AIDS SALES AND SERVICES</h5>
</a>
<p>Consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam.</p>
</div>
</div>
</div> -->
<!--End single item-->
</div>
</div>
</div>
</section>
<section class="testimonials-section sec-padd">
<div class="container">
<div class="sec-title center">
<h2>testimonials</h2>
</div>
<!--Slider-->
<div class="testimonials-slider column-carousel three-column">
<!--Slide-->
<article class="slide-item">
<div class="quote"><span class="icon-left"></span></div>
<div class="author">
<div class="img-box">
<a href="#"><img src="images/resources/u1.png" alt=""></a>
</div>
<h4 >j parmar</h4>
</div>
<div class="slide-text">
<p style="text-align:justify;">Authentic place for hearing aid. Advance n reasonable price. Very nice and competent persons.</p>
</div>
</article>
<!--Slide-->
<article class="slide-item">
<div class="quote"><span class="icon-left"></span></div>
<div class="author">
<div class="img-box">
<a href="#"><img src="images/resources/u1.png" alt=""></a>
</div>
<h4>Nirav Acharya</h4>
</div>
<div class="slide-text">
<p style="text-align:justify;">We are highly satisfied with the product and services received. Will recommend in my contacts as well. Staff is also gentle n supportive.</p>
</div>
</article>
<article class="slide-item">
<div class="quote"><span class="icon-left"></span></div>
<div class="author">
<div class="img-box">
<a href="#"><img src="images/resources/u1.png" alt=""></a>
</div>
<h4>Umesh Patel</h4>
</div>
<div class="slide-text">
<p style="text-align:justify;">Really good service and very reliant I will highly recommend spandan hearing aid
You are truly in safe hands.</p>
</div>
</article>
<article class="slide-item">
<div class="quote"><span class="icon-left"></span></div>
<div class="author">
<div class="img-box">
<a href="#"><img src="images/resources/u1.png" alt=""></a>
</div>
<h4>RAKESH RATHORE</h4>
</div>
<div class="slide-text">
<p style="text-align:justify;">Associates with Spandan since long time. Services is quite prompt and nice.</p>
</div>
</article>
<article class="slide-item">
<div class="quote"><span class="icon-left"></span></div>
<div class="author">
<div class="img-box">
<a href="#"><img src="images/resources/u1.png" alt=""></a>
</div>
<h4>Anil Vora</h4>
</div>
<div class="slide-text">
<p style="text-align:justify;">Very good experience nice for each patient.</p>
</div>
</article>
<article class="slide-item">
<div class="quote"><span class="icon-left"></span></div>
<div class="author">
<div class="img-box">
<a href="#"><img src="images/resources/u1.png" alt=""></a>
</div>
<h4>BHADRESH PARIKH</h4>
</div>
<div class="slide-text">
<p style="text-align:justify;">Excellent and very helping.</p>
</div>
</article>
<article class="slide-item">
<div class="quote"><span class="icon-left"></span></div>
<div class="author">
<div class="img-box">
<a href="#"><img src="images/resources/u1.png" alt=""></a>
</div>
<h4>jayesh thacker</h4>
</div>
<div class="slide-text">
<p style="text-align:justify;">Nice and polite approach of the doctor.</p>
</div>
</article>
<article class="slide-item">
<div class="quote"><span class="icon-left"></span></div>
<div class="author">
<div class="img-box">
<a href="#"><img src="images/resources/u1.png" alt=""></a>
</div>
<h4>Girish Bhaskaran</h4>
</div>
<div class="slide-text">
<p style="text-align:justify;">Excellent service & guidance.</p>
</div>
</article>
<!--Slide-->
<article class="slide-item">
<div class="quote"><span class="icon-left"></span></div>
<div class="author">
<div class="img-box">
<a href="#"><img src="images/resources/u1.png" alt=""></a>
</div>
<h4>Pranali Talavia</h4>
</div>
<div class="slide-text">
<p style="text-align:justify;">Comfortable hearing aid. Recommended!!</p>
</div>
</article>
</div>
</div>
</section>
<section class="blog-latest-news">
<div class="container">
<div class="sec-title">
<h2>Our <span>Blogs</span> </h2>
</div>
<div class="row">
<?php
$sql="SELECT * from blog ORDER BY post_date DESC;";
$res=mysqli_query($db,$sql);
while($row=mysqli_fetch_array($res))
{
?>
<div class="col-md-4 col-sm-6 col-xs-12">
<div class="item">
<figure class="image-box">
<img src="admin/upload/<?php echo $row['image'];?>" alt="Awesome Image">
</figure>
<div class="date">
<!-- <h5><img src="images/favicon/apple-touch-icon.png"></h5> -->
<p><img src="images/favicon/apple-touch-icon.png" style="width:43px"></p>
</div>
<h4><a href="blog_detail.php?slug=<?php echo $row['id']; ?>"><?php echo $row['title'];?></a></h4>
<ul class="admin-comments">
<li><i class="icon flaticon-black"><?php echo $row['post_by']; ?></i></li>
<li><i class="icon flaticon-comments"><?php echo $row['post_date']; ?></i></li>
</ul>
<!-- <p>Lorem ipsum dolor sit amet, consectetur adipisicing elitsed do eiusmod tempor incididunt ut labore et dolore magna aliqua</p> -->
</div>
</div>
<?php } ?>
<!--
<ul class="page_pagination">
<li><a href="#" class="tran3s"><i class="fa fa-angle-left" aria-hidden="true"></i></a></li>
<li><a href="#" class="active tran3s">1</a></li>
<li><a href="#" class="tran3s">2</a></li>
<li><a href="#" class="tran3s">3</a></li>
<li><a href="#" class="tran3s">4</a></li>
<li><a href="#" class="tran3s">5</a></li>
<li><a href="#" class="tran3s"><i class="fa fa-angle-right" aria-hidden="true"></i></a></li>
</ul> -->
</div>
</div>
</section>
<?php include('footer.php'); ?>
<script>
document.addEventListener("DOMContentLoaded", function() {
const modal = document.getElementById("modal");
const closeModalBtn = document.getElementsByClassName("close")[0];
const appointmentForm = document.getElementById("appointmentForm");
const body = document.body;
modal.style.display = "block";
body.style.overflow = "hidden"; // Prevent scrolling when modal is open
closeModalBtn.onclick = function() {
modal.style.display = "none";
body.style.overflow = "auto"; // Restore scrolling when modal is closed
}
window.onclick = function(event) {
if (event.target == modal) {
modal.style.display = "none";
body.style.overflow = "auto"; // Restore scrolling when modal is closed
}
}
appointmentForm.addEventListener("submit", function(event) {
event.preventDefault(); // Prevent default form submission
// You can add your form submission logic here
// For example, you can use AJAX to submit the form data asynchronously
// For demonstration, let's just close the modal after submission
modal.style.display = "none";
body.style.overflow = "auto"; // Restore scrolling when modal is closed
});
});
</script>
<style>
body {
</style>
<div id="modal" class="modal">
<div class="modal-content">
<span class="close">×</span>
<h2>Book an Appointment</h2>
<form action="inquiry.php" method="post">
<label for="name">Name:</label>
<input type="text" id="name" name="name" required>
<label for="email">Email:</label>
<input type="email" id="email" name="email" required>
<label for="phone">Phone:</label>
<input type="tel" id="contact" name="contact" required>
<label for="message">Message:</label>
<textarea id="message" name="message" required></textarea>
<button class="thm-btn thm-color" type="Submit" name="Submit">send message</button>
</form>
</div>
</div>
<link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=Cairo:wght@400;600;700&display=swap" rel="stylesheet">
<div class=""></div>
<!--<div id="modal-content1" class="modal fade" tabindex="-1" role="dialog">-->
<!-- <div class="modal-dialog1">-->
<!-- <div class="modal-content1">-->
<!-- <div class="modal-header1" style="background-color: white;">-->
<!-- <button type="button" class="close" data-dismiss="modal">×</button>-->
<!-- <img src="holi.jpg" style=" width:100%; ">-->
<!-- </div>-->
<!-- </div>-->
<!-- </div>-->
<!--</div>-->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.0/jquery.min.js"></script>
<script src="http://netdna.bootstrapcdn.com/bootstrap/3.1.1/js/bootstrap.min.js"></script>
<script>
// set focus when modal is opened
$("#modal-content1").on("shown.bs.modal", function () {
$("#txtname").focus();
});
// show the modal onload
$("#modal-content1").modal({
show: true
});
// everytime the button is pushed, open the modal, and trigger the shown.bs.modal event
$("#openBtn").click(function () {
$("#modal-content1").modal({
show: true
});
});
</script>
<!-- Scroll Top Button -->
<button class="scroll-top tran3s color2_bg">
<span class="fa fa-angle-up"></span>
</button>
<!-- pre loader -->
<!-- jQuery js -->
<script src="js/jquery.js"></script>
<!-- bootstrap js -->
<script src="js/bootstrap.min.js"></script>
<!-- jQuery ui js -->
<script src="js/jquery-ui.js"></script>
<!-- owl carousel js -->
<script src="js/owl.carousel.min.js"></script>
<!-- jQuery validation -->
<script src="js/jquery.validate.min.js"></script>
<!-- google map -->
<script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyCRvBPo3-t31YFk588DpMYS6EqKf-oGBSI"></script>
<script src="js/gmap.js"></script>
<!-- mixit up -->
<script src="js/wow.js"></script>
<script src="js/jquery.mixitup.min.js"></script>
<script src="js/jquery.fitvids.js"></script>
<script src="js/bootstrap-select.min.js"></script>
<!-- revolution slider js -->
<script src="assets/revolution/js/jquery.themepunch.tools.min.js"></script>
<script src="assets/revolution/js/jquery.themepunch.revolution.min.js"></script>
<script src="assets/revolution/js/extensions/revolution.extension.actions.min.js"></script>
<script src="assets/revolution/js/extensions/revolution.extension.carousel.min.js"></script>
<script src="assets/revolution/js/extensions/revolution.extension.kenburn.min.js"></script>
<script src="assets/revolution/js/extensions/revolution.extension.layeranimation.min.js"></script>
<script src="assets/revolution/js/extensions/revolution.extension.migration.min.js"></script>
<script src="assets/revolution/js/extensions/revolution.extension.navigation.min.js"></script>
<script src="assets/revolution/js/extensions/revolution.extension.parallax.min.js"></script>
<script src="assets/revolution/js/extensions/revolution.extension.slideanims.min.js"></script>
<script src="assets/revolution/js/extensions/revolution.extension.video.min.js"></script>
<!-- fancy box -->
<script src="js/jquery.fancybox.pack.js"></script>
<script src="js/jquery.polyglot.language.switcher.js"></script>
<script src="js/nouislider.js"></script>
<script src="js/jquery.bootstrap-touchspin.js"></script>
<script src="js/SmoothScroll.js"></script>
<script src="js/jquery.appear.js"></script>
<script src="js/jquery.countTo.js"></script>
<script src="js/jquery.flexslider.js"></script>
<script src="js/imagezoom.js"></script>
<script src="js/isotope.js"></script>
<script src="js/validation.js"></script>
<script id="map-script" src="js/default-map.js"></script>
<script src="js/jquery.ptTimeSelect.js"></script>
<script src="js/custom.js"></script>
</div>
</body>
<!-- Mirrored from wp.hostlin.com/senior-safety/index.html by HTTrack Website Copier/3.x [XR&CO'2014], Tue, 16 Jan 2024 05:49:14 GMT -->
</html>
Zerion Mini Shell 1.0