ok
Mini Shell
<?php include("admin/config.php");?>
<!DOCTYPE html>
<html lang="en">
<!-- Mirrored from jituchauhan.com/site-templates/medical-website-template/01_orthopaedic/about-us.html by HTTrack Website Copier/3.x [XR&CO'2014], Wed, 24 Apr 2024 10:52:53 GMT -->
<?php include 'top.php' ?>
<body>
<!-- header-wrapper -->
<?php include 'header.php' ?>
<!-- /.header-wrapper -->
<div class="page-header">
<!-- page-header -->
<div class="container">
<div class="page-section">
<div class="row">
<!-- page section -->
<div class="col-md-6 col-sm-8 col-xs-12">
<div class="page-description">
<!-- page description -->
<h1 class="page-title">Eyes Treatment</h1>
</div>
<!-- /.page description -->
</div>
<!-- /.page section -->
</div>
</div>
</div>
</div>
<div class="page-breadcrumb">
<!-- page-breadcrumb -->
<div class="container">
<div class="row">
<div class="col-md-12 col-sm-12 col-xs-12">
<ol class="breadcrumb">
<li><a href="index.php">Home</a></li>
<li class="active">Eyes Treatment</li>
</ol>
</div>
</div>
</div>
</div>
<div class="feature">
<div class="container">
<div class="row">
<div class="heading">
<h2>Eyes Treatment</h2>
<h6>"Regular eye check-ups are crucial for maintaining good vision and detecting any potential issues early on."</h6>
<div class="separator"></div>
</div>
<?php
$sql="SELECT * from parts";
$res=mysqli_query($db,$sql);
while($row=mysqli_fetch_array($res))
{
?>
<div class="col-md-4 col-xs-12 col-sm-4 col-lg-4">
<div class="feature-main">
<div class="feature-box">
<a href="ortho_detail.php?slug=<?php echo $row['p_id']; ?>">
<img src="admin/upload/<?php echo $row ['parts_image']; ?>" style="height: 230px;" alt=""></a>
<div class="cover"></div>
</div>
<div class="feature-head">
<h3><a href="eye_detail.php?slug=<?php echo $row['p_id']; ?>" style="
background-color: #09aaef; color: white;"><?php echo $row['short_desc']; ?></a></h3>
</div>
</div>
</div>
<?php }?>
</div>
</div>
</div>
<style>
.feature {
width: 100%;
padding: 50px 0 50px;
}
.feature .heading {
text-align: center;
width: 100%;
padding: 20px 0 20px;
}
.feature .heading h2 {
font-size: 36px;
font-weight: 600;
}
.feature .heading h2 span {
color: #117ec3;
}
.feature .heading h6 {
letter-spacing: 0.5px;
font-weight: 600;
font-size: 18px;
padding: 8px 0 8px;
}
.feature .separator {
width: 50px;
height: 2px;
margin-bottom: 50px;
background-color: #555555;
display: inline-block;
}
.feature-main {
width: 100%;
border-bottom: 2px solid transparent;
background-color: #f9f9f9;
padding-bottom: 20px;
}
/* .feature-main:hover .feature-box img{
opacity: 0.9;
} */
.cover:before {
content: "";
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
/* box-shadow: 0px 0px 0px 250px rgba(0, 0, 0, 0.65) inset;*/
-webkit-transition: 0.7s ease 0s;
-moz-transition: 0.7s ease 0s;
-o-transition: 0.7s ease 0s;
-ms-transition: 0.7s ease 0s;
transition: 0.7s ease 0s;
}
.feature-main:hover .cover:before {
box-shadow: none;
}
.feature .feature-box {
/* position: relative; */
width: 100%;
height: auto;
position: relative;
}
.feature .feature-box img {
width: 100%;
height: auto;
}
.feature .feature-head {
text-align: center;
padding: 10px 15px;
border-top: none;
}
.feature .feature-head h3 {
font-size: 16px;
color: #333;
font-weight: 600;
}
.feature .feature-head p {
color: #999;
letter-spacing: 0.4px;
line-height: 1.7;
margin: 20px 0 20px;
}
.feature .feature-head a {
color: #000;
font-size: 18px;
padding: 10px 20px;
border-radius: 5px;
display: inline-block;
-webkit-transition: 0.5s ease 0s;
-moz-transition: 0.5s ease 0s;
-ms-transition: 0.5s ease 0s;
-o-transition: 0.5s ease 0s;
transition: 0.5s ease 0s;
}
.feature .feature-head i {
margin-left: 5px;
}
.feature-main:hover {
border-bottom: 2px solid #117ec3;
}
.feature-main:hover .feature-head a {
background-color: #117ec3;
color: #fff;
text-decoration: none;
}
@media all and (max-width: 767px) {
.feature-main {
margin-bottom: 15px;
}
}
</style>
<script type="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css"></script>
<!-- /.space-medium -->
<?php include 'footer.php' ?>
<div class="modal fade search-modal" tabindex="-1" role="dialog" style="display: none;">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="row">
<div class="col-lg-12">
<div class="input-group">
<input type="text" class="form-control" placeholder="Search for...">
<span class="input-group-btn">
<button class="btn btn-default" type="button">Go!</button>
</span>
</div>
<!-- /input-group -->
</div>
<!-- /.col-lg-6 -->
</div>
</div>
</div>
</div>
<!-- /.tiny_footer -->
<!-- back to top icon -->
<a href="#0" class="cd-top" title="Go to top">Top</a>
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<script src="js/jquery.min.js"></script>
<!-- Include all compiled plugins (below), or include individual files as needed -->
<script src="js/bootstrap.min.js"></script>
<script src="js/menumaker.min.js"></script>
<script type="text/javascript" src="js/navigation.js"></script>
<!-- Back to top script -->
<script src="js/back-to-top.js" type="text/javascript"></script>
</body>
<!-- Mirrored from jituchauhan.com/site-templates/medical-website-template/01_orthopaedic/about-us.html by HTTrack Website Copier/3.x [XR&CO'2014], Wed, 24 Apr 2024 10:52:54 GMT -->
</html>
Zerion Mini Shell 1.0