zvonimir/templates
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

add mico template

Browse Source
This commit is contained in:
Zvonimir Rudinski
2024-05-21 04:13:10 +02:00
parent dbc97005e9
commit e5a4ed362b
38 changed files with 18721 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
web/healthcare/mico/.gitignore vendored Normal file
View File

@@ -0,0 +1,6 @@
# Generated files
css/style.css
css/style.css.map
# Node
node_modules

334
web/healthcare/mico/about.html Normal file
View File

@@ -0,0 +1,334 @@
<!DOCTYPE html>
<html>
<head>
<!-- Basic -->
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<!-- Mobile Metas -->
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
<!-- Site Metas -->
<meta name="keywords" content="" />
<meta name="description" content="" />
<meta name="author" content="" />
<title>Mico</title>
<!-- bootstrap core css -->
<link rel="stylesheet" type="text/css" href="css/bootstrap.css" />
<!-- fonts style -->
<link href="https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700;900&display=swap" rel="stylesheet">
<!--owl slider stylesheet -->
<link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/assets/owl.carousel.min.css" />
<!-- font awesome style -->
<link href="css/font-awesome.min.css" rel="stylesheet" />
<!-- nice select -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/jquery-nice-select/1.1.0/css/nice-select.min.css" integrity="sha256-mLBIhmBvigTFWPSCtvdu6a76T+3Xyt+K571hupeFLg4=" crossorigin="anonymous" />
<!-- datepicker -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.3.0/css/datepicker.css">
<!-- Custom styles for this template -->
<link href="css/style.css" rel="stylesheet" />
<!-- responsive style -->
<link href="css/responsive.css" rel="stylesheet" />
</head>
<body class="sub_page">
<div class="hero_area">
<!-- header section strats -->
<header class="header_section">
<div class="header_top">
<div class="container">
<div class="contact_nav">
<a href="">
<i class="fa fa-phone" aria-hidden="true"></i>
<span>
Call : +01 123455678990
</span>
</a>
<a href="">
<i class="fa fa-envelope" aria-hidden="true"></i>
<span>
Email : demo@gmail.com
</span>
</a>
<a href="">
<i class="fa fa-map-marker" aria-hidden="true"></i>
<span>
Location
</span>
</a>
</div>
</div>
</div>
<div class="header_bottom">
<div class="container-fluid">
<nav class="navbar navbar-expand-lg custom_nav-container ">
<a class="navbar-brand" href="index.html">
<img src="images/logo.png" alt="">
</a>
</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span class=""> </span>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<div class="d-flex mr-auto flex-column flex-lg-row align-items-center">
<ul class="navbar-nav ">
<li class="nav-item ">
<a class="nav-link" href="index.html">Home <span class="sr-only">(current)</span></a>
</li>
<li class="nav-item active">
<a class="nav-link" href="about.html"> About</a>
</li>
<li class="nav-item">
<a class="nav-link" href="treatment.html">Treatment</a>
</li>
<li class="nav-item">
<a class="nav-link" href="doctor.html">Doctors</a>
</li>
<li class="nav-item">
<a class="nav-link" href="testimonial.html">Testimonial</a>
</li>
<li class="nav-item">
<a class="nav-link" href="contact.html">Contact Us</a>
</li>
</ul>
</div>
<div class="quote_btn-container">
<a href="">
<i class="fa fa-user" aria-hidden="true"></i>
<span>
Login
</span>
</a>
<a href="">
<i class="fa fa-user" aria-hidden="true"></i>
<span>
Sign Up
</span>
</a>
<form class="form-inline">
<button class="btn my-2 my-sm-0 nav_search-btn" type="submit">
<i class="fa fa-search" aria-hidden="true"></i>
</button>
</form>
</div>
</div>
</nav>
</div>
</div>
</header>
<!-- end header section -->
</div>
<!-- about section -->
<section class="about_section layout_padding">
<div class="container ">
<div class="row">
<div class="col-md-6 ">
<div class="img-box">
<img src="images/about-img.jpg" alt="">
</div>
</div>
<div class="col-md-6">
<div class="detail-box">
<div class="heading_container">
<h2>
About <span>Hospital</span>
</h2>
</div>
<p>
has a more-or-less normal distribution of letters, as opposed to using 'Content here, content here', making it look like readable English. Many desktop publishing packages and web page editors has a more-or-less normal distribution of letters, as opposed to using 'Content here, content here', making it look like readable English. Many desktop publishing packages and web page editors
</p>
<a href="">
Read More
</a>
</div>
</div>
</div>
</div>
</section>
<!-- end about section -->
<!-- info section -->
<section class="info_section ">
<div class="container">
<div class="info_top">
<div class="info_logo">
<a href="">
<img src="images/logo.png" alt="">
</a>
</div>
<div class="info_form">
<form action="">
<input type="email" placeholder="Your email">
<button>
Subscribe
</button>
</form>
</div>
</div>
<div class="info_bottom layout_padding2">
<div class="row info_main_row">
<div class="col-md-6 col-lg-3">
<h5>
Address
</h5>
<div class="info_contact">
<a href="">
<i class="fa fa-map-marker" aria-hidden="true"></i>
<span>
Location
</span>
</a>
<a href="">
<i class="fa fa-phone" aria-hidden="true"></i>
<span>
Call +01 1234567890
</span>
</a>
<a href="">
<i class="fa fa-envelope"></i>
<span>
demo@gmail.com
</span>
</a>
</div>
<div class="social_box">
<a href="">
<i class="fa fa-facebook" aria-hidden="true"></i>
</a>
<a href="">
<i class="fa fa-twitter" aria-hidden="true"></i>
</a>
<a href="">
<i class="fa fa-linkedin" aria-hidden="true"></i>
</a>
<a href="">
<i class="fa fa-instagram" aria-hidden="true"></i>
</a>
</div>
</div>
<div class="col-md-6 col-lg-3">
<div class="info_links">
<h5>
Useful link
</h5>
<div class="info_links_menu">
<a href="index.html">
Home
</a>
<a class="active" href="about.html">
About
</a>
<a href="treatment.html">
Treatment
</a>
<a href="doctor.html">
Doctors
</a>
<a href="testimonial.html">
Testimonial
</a>
<a href="contact.html">
Contact us
</a>
</div>
</div>
</div>
<div class="col-md-6 col-lg-3">
<div class="info_post">
<h5>
LATEST POSTS
</h5>
<div class="post_box">
<div class="img-box">
<img src="images/post1.jpg" alt="">
</div>
<p>
Normal
distribution
</p>
</div>
<div class="post_box">
<div class="img-box">
<img src="images/post2.jpg" alt="">
</div>
<p>
Normal
distribution
</p>
</div>
</div>
</div>
<div class="col-md-6 col-lg-3">
<div class="info_post">
<h5>
News
</h5>
<div class="post_box">
<div class="img-box">
<img src="images/post3.jpg" alt="">
</div>
<p>
Normal
distribution
</p>
</div>
<div class="post_box">
<div class="img-box">
<img src="images/post4.png" alt="">
</div>
<p>
Normal
distribution
</p>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- end info_section -->
<!-- footer section -->
<footer class="footer_section">
<div class="container">
<p>
&copy; <span id="displayYear"></span> All Rights Reserved By
<a href="https://html.design/">Free Html Templates</a>
</p>
</div>
</footer>
<!-- footer section -->
<!-- jQery -->
<script src="js/jquery-3.4.1.min.js"></script>
<!-- bootstrap js -->
<script src="js/bootstrap.js"></script>
<!-- nice select -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-nice-select/1.1.0/js/jquery.nice-select.min.js" integrity="sha256-Zr3vByTlMGQhvMfgkQ5BtWRSKBGa2QlspKYJnkjZTmo=" crossorigin="anonymous"></script>
<!-- owl slider -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/owl.carousel.min.js"></script>
<!-- datepicker -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.3.0/js/bootstrap-datepicker.js"></script>
<!-- custom js -->
<script src="js/custom.js"></script>
</body>
</html>

344
web/healthcare/mico/contact.html Normal file
View File

@@ -0,0 +1,344 @@
<!DOCTYPE html>
<html>
<head>
<!-- Basic -->
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<!-- Mobile Metas -->
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
<!-- Site Metas -->
<meta name="keywords" content="" />
<meta name="description" content="" />
<meta name="author" content="" />
<title>Mico</title>
<!-- bootstrap core css -->
<link rel="stylesheet" type="text/css" href="css/bootstrap.css" />
<!-- fonts style -->
<link href="https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700;900&display=swap" rel="stylesheet">
<!--owl slider stylesheet -->
<link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/assets/owl.carousel.min.css" />
<!-- font awesome style -->
<link href="css/font-awesome.min.css" rel="stylesheet" />
<!-- nice select -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/jquery-nice-select/1.1.0/css/nice-select.min.css" integrity="sha256-mLBIhmBvigTFWPSCtvdu6a76T+3Xyt+K571hupeFLg4=" crossorigin="anonymous" />
<!-- datepicker -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.3.0/css/datepicker.css">
<!-- Custom styles for this template -->
<link href="css/style.css" rel="stylesheet" />
<!-- responsive style -->
<link href="css/responsive.css" rel="stylesheet" />
</head>
<body class="sub_page">
<div class="hero_area">
<!-- header section strats -->
<header class="header_section">
<div class="header_top">
<div class="container">
<div class="contact_nav">
<a href="">
<i class="fa fa-phone" aria-hidden="true"></i>
<span>
Call : +01 123455678990
</span>
</a>
<a href="">
<i class="fa fa-envelope" aria-hidden="true"></i>
<span>
Email : demo@gmail.com
</span>
</a>
<a href="">
<i class="fa fa-map-marker" aria-hidden="true"></i>
<span>
Location
</span>
</a>
</div>
</div>
</div>
<div class="header_bottom">
<div class="container-fluid">
<nav class="navbar navbar-expand-lg custom_nav-container ">
<a class="navbar-brand" href="index.html">
<img src="images/logo.png" alt="">
</a>
</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span class=""> </span>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<div class="d-flex mr-auto flex-column flex-lg-row align-items-center">
<ul class="navbar-nav ">
<li class="nav-item ">
<a class="nav-link" href="index.html">Home <span class="sr-only">(current)</span></a>
</li>
<li class="nav-item">
<a class="nav-link" href="about.html"> About</a>
</li>
<li class="nav-item">
<a class="nav-link" href="treatment.html">Treatment</a>
</li>
<li class="nav-item">
<a class="nav-link" href="doctor.html">Doctors</a>
</li>
<li class="nav-item">
<a class="nav-link" href="testimonial.html">Testimonial</a>
</li>
<li class="nav-item active">
<a class="nav-link" href="contact.html">Contact Us</a>
</li>
</ul>
</div>
<div class="quote_btn-container">
<a href="">
<i class="fa fa-user" aria-hidden="true"></i>
<span>
Login
</span>
</a>
<a href="">
<i class="fa fa-user" aria-hidden="true"></i>
<span>
Sign Up
</span>
</a>
<form class="form-inline">
<button class="btn my-2 my-sm-0 nav_search-btn" type="submit">
<i class="fa fa-search" aria-hidden="true"></i>
</button>
</form>
</div>
</div>
</nav>
</div>
</div>
</header>
<!-- end header section -->
</div>
<!-- contact section -->
<section class="contact_section layout_padding-bottom">
<div class="container">
<div class="heading_container">
<h2>
Get In Touch
</h2>
</div>
<div class="row">
<div class="col-md-7">
<div class="form_container">
<form action="">
<div>
<input type="text" placeholder="Full Name" />
</div>
<div>
<input type="email" placeholder="Email" />
</div>
<div>
<input type="text" placeholder="Phone Number" />
</div>
<div>
<input type="text" class="message-box" placeholder="Message" />
</div>
<div class="btn_box">
<button>
SEND
</button>
</div>
</form>
</div>
</div>
<div class="col-md-5">
<div class="img-box">
<img src="images/contact-img.jpg" alt="">
</div>
</div>
</div>
</div>
</section>
<!-- end contact section -->
<!-- info section -->
<section class="info_section ">
<div class="container">
<div class="info_top">
<div class="info_logo">
<a href="">
<img src="images/logo.png" alt="">
</a>
</div>
<div class="info_form">
<form action="">
<input type="email" placeholder="Your email">
<button>
Subscribe
</button>
</form>
</div>
</div>
<div class="info_bottom layout_padding2">
<div class="row info_main_row">
<div class="col-md-6 col-lg-3">
<h5>
Address
</h5>
<div class="info_contact">
<a href="">
<i class="fa fa-map-marker" aria-hidden="true"></i>
<span>
Location
</span>
</a>
<a href="">
<i class="fa fa-phone" aria-hidden="true"></i>
<span>
Call +01 1234567890
</span>
</a>
<a href="">
<i class="fa fa-envelope"></i>
<span>
demo@gmail.com
</span>
</a>
</div>
<div class="social_box">
<a href="">
<i class="fa fa-facebook" aria-hidden="true"></i>
</a>
<a href="">
<i class="fa fa-twitter" aria-hidden="true"></i>
</a>
<a href="">
<i class="fa fa-linkedin" aria-hidden="true"></i>
</a>
<a href="">
<i class="fa fa-instagram" aria-hidden="true"></i>
</a>
</div>
</div>
<div class="col-md-6 col-lg-3">
<div class="info_links">
<h5>
Useful link
</h5>
<div class="info_links_menu">
<a href="index.html">
Home
</a>
<a href="about.html">
About
</a>
<a href="treatment.html">
Treatment
</a>
<a href="doctor.html">
Doctors
</a>
<a href="testimonial.html">
Testimonial
</a>
<a class="active" href="contact.html">
Contact us
</a>
</div>
</div>
</div>
<div class="col-md-6 col-lg-3">
<div class="info_post">
<h5>
LATEST POSTS
</h5>
<div class="post_box">
<div class="img-box">
<img src="images/post1.jpg" alt="">
</div>
<p>
Normal
distribution
</p>
</div>
<div class="post_box">
<div class="img-box">
<img src="images/post2.jpg" alt="">
</div>
<p>
Normal
distribution
</p>
</div>
</div>
</div>
<div class="col-md-6 col-lg-3">
<div class="info_post">
<h5>
News
</h5>
<div class="post_box">
<div class="img-box">
<img src="images/post3.jpg" alt="">
</div>
<p>
Normal
distribution
</p>
</div>
<div class="post_box">
<div class="img-box">
<img src="images/post4.png" alt="">
</div>
<p>
Normal
distribution
</p>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- end info_section -->
<!-- footer section -->
<footer class="footer_section">
<div class="container">
<p>
&copy; <span id="displayYear"></span> All Rights Reserved By
<a href="https://html.design/">Free Html Templates</a>
</p>
</div>
</footer>
<!-- footer section -->
<!-- jQery -->
<script src="js/jquery-3.4.1.min.js"></script>
<!-- bootstrap js -->
<script src="js/bootstrap.js"></script>
<!-- nice select -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-nice-select/1.1.0/js/jquery.nice-select.min.js" integrity="sha256-Zr3vByTlMGQhvMfgkQ5BtWRSKBGa2QlspKYJnkjZTmo=" crossorigin="anonymous"></script>
<!-- owl slider -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/owl.carousel.min.js"></script>
<!-- datepicker -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.3.0/js/bootstrap-datepicker.js"></script>
<!-- custom js -->
<script src="js/custom.js"></script>
</body>
</html>

10038
web/healthcare/mico/css/bootstrap.css vendored Normal file
View File

File diff suppressed because it is too large Load Diff

4
web/healthcare/mico/css/font-awesome.min.css vendored Normal file
View File

File diff suppressed because one or more lines are too long

167
web/healthcare/mico/css/responsive.css Normal file
View File

@@ -0,0 +1,167 @@
@media (max-width: 1300px) {
.treatment_section .side_img {
opacity: 0.2;
}
}
@media (max-width: 1120px) {}
@media (max-width: 992px) {
.hero_area {
height: auto;
}
.header_section {
margin-top: 0;
}
.header_section .header_top .contact_nav {
justify-content: space-between;
}
.quote_btn-container {
flex-direction: column;
align-items: center;
}
.quote_btn-container a {
margin-right: 0;
margin-top: 10px;
}
.slider_section {
padding: 75px 0 125px 0;
}
.client_section .box {
margin: 15px;
}
.client_section .carousel_btn-box {
display: flex;
justify-content: center;
margin-top: 45px;
}
.client_section .carousel-control-prev,
.client_section .carousel-control-next {
position: unset;
margin: 0 2.5px;
width: 45px;
height: 45px;
}
.info_section .info_main_row>div {
margin-bottom: 25px;
}
}
@media (max-width: 768px) {
.about_section .detail-box {
margin-top: 45px;
}
.slider_section .dot_design {
opacity: 0.4;
}
.team_section .team_carousel {
padding: 0;
}
.team_section .team_carousel .owl-nav {
margin-top: 45px;
}
.team_section .team_carousel .owl-nav button {
position: unset;
transform: none;
}
.contact_section .form_container {
margin-right: 0;
margin-bottom: 25px;
}
.info_section .info_main_row>div {
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
}
.info_section .info_main_row>div:nth-last-child(1) {
margin-bottom: 0;
}
.info_section .info_contact {
display: flex;
flex-direction: column;
align-items: center;
}
.info_section .social_box {
justify-content: center;
}
.info_section .info_post {
display: flex;
flex-direction: column;
align-items: center;
}
.info_section .info_post .post_box {
flex-direction: column;
align-items: center;
}
.info_section .info_post .post_box .img-box {
margin-right: 0;
margin-bottom: 10px;
}
}
@media (max-width: 576px) {
.header_section .header_top .contact_nav a {
margin-right: 0;
}
.header_section .header_top .contact_nav a span {
display: none;
}
.header_section .header_top .contact_nav a i {
font-size: 28px;
margin: 0;
}
.treatment_section .side_img {
display: none;
}
.info_section .info_top {
flex-direction: column;
}
.info_section .info_top .info_logo {
margin-right: 0;
margin-bottom: 25px;
}
}
@media (max-width: 480px) {}
@media (max-width: 420px) {}
@media (max-width: 376px) {
.slider_section .detail_box h1 {
font-size: 2.5rem;
}
}
@media (min-width: 1200px) {
.container {
max-width: 1170px;
}
}

1063
web/healthcare/mico/css/style.scss Normal file
View File

File diff suppressed because it is too large Load Diff

407
web/healthcare/mico/doctor.html Normal file
View File

@@ -0,0 +1,407 @@
<!DOCTYPE html>
<html>
<head>
<!-- Basic -->
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<!-- Mobile Metas -->
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
<!-- Site Metas -->
<meta name="keywords" content="" />
<meta name="description" content="" />
<meta name="author" content="" />
<title>Mico</title>
<!-- bootstrap core css -->
<link rel="stylesheet" type="text/css" href="css/bootstrap.css" />
<!-- fonts style -->
<link href="https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700;900&display=swap" rel="stylesheet">
<!--owl slider stylesheet -->
<link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/assets/owl.carousel.min.css" />
<!-- font awesome style -->
<link href="css/font-awesome.min.css" rel="stylesheet" />
<!-- nice select -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/jquery-nice-select/1.1.0/css/nice-select.min.css" integrity="sha256-mLBIhmBvigTFWPSCtvdu6a76T+3Xyt+K571hupeFLg4=" crossorigin="anonymous" />
<!-- datepicker -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.3.0/css/datepicker.css">
<!-- Custom styles for this template -->
<link href="css/style.css" rel="stylesheet" />
<!-- responsive style -->
<link href="css/responsive.css" rel="stylesheet" />
</head>
<body class="sub_page">
<div class="hero_area">
<!-- header section strats -->
<header class="header_section">
<div class="header_top">
<div class="container">
<div class="contact_nav">
<a href="">
<i class="fa fa-phone" aria-hidden="true"></i>
<span>
Call : +01 123455678990
</span>
</a>
<a href="">
<i class="fa fa-envelope" aria-hidden="true"></i>
<span>
Email : demo@gmail.com
</span>
</a>
<a href="">
<i class="fa fa-map-marker" aria-hidden="true"></i>
<span>
Location
</span>
</a>
</div>
</div>
</div>
<div class="header_bottom">
<div class="container-fluid">
<nav class="navbar navbar-expand-lg custom_nav-container ">
<a class="navbar-brand" href="index.html">
<img src="images/logo.png" alt="">
</a>
</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span class=""> </span>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<div class="d-flex mr-auto flex-column flex-lg-row align-items-center">
<ul class="navbar-nav ">
<li class="nav-item ">
<a class="nav-link" href="index.html">Home <span class="sr-only">(current)</span></a>
</li>
<li class="nav-item">
<a class="nav-link" href="about.html"> About</a>
</li>
<li class="nav-item">
<a class="nav-link" href="treatment.html">Treatment</a>
</li>
<li class="nav-item active">
<a class="nav-link" href="doctor.html">Doctors</a>
</li>
<li class="nav-item">
<a class="nav-link" href="testimonial.html">Testimonial</a>
</li>
<li class="nav-item">
<a class="nav-link" href="contact.html">Contact Us</a>
</li>
</ul>
</div>
<div class="quote_btn-container">
<a href="">
<i class="fa fa-user" aria-hidden="true"></i>
<span>
Login
</span>
</a>
<a href="">
<i class="fa fa-user" aria-hidden="true"></i>
<span>
Sign Up
</span>
</a>
<form class="form-inline">
<button class="btn my-2 my-sm-0 nav_search-btn" type="submit">
<i class="fa fa-search" aria-hidden="true"></i>
</button>
</form>
</div>
</div>
</nav>
</div>
</div>
</header>
<!-- end header section -->
</div>
<!-- team section -->
<section class="team_section layout_padding">
<div class="container">
<div class="heading_container heading_center">
<h2>
Our <span>Doctors</span>
</h2>
</div>
<div class="carousel-wrap ">
<div class="owl-carousel team_carousel">
<div class="item">
<div class="box">
<div class="img-box">
<img src="images/team1.jpg" alt="" />
</div>
<div class="detail-box">
<h5>
Hennry
</h5>
<h6>
MBBS
</h6>
<div class="social_box">
<a href="">
<i class="fa fa-facebook" aria-hidden="true"></i>
</a>
<a href="">
<i class="fa fa-twitter" aria-hidden="true"></i>
</a>
<a href="">
<i class="fa fa-linkedin" aria-hidden="true"></i>
</a>
<a href="">
<i class="fa fa-instagram" aria-hidden="true"></i>
</a>
</div>
</div>
</div>
</div>
<div class="item">
<div class="box">
<div class="img-box">
<img src="images/team2.jpg" alt="" />
</div>
<div class="detail-box">
<h5>
Jenni
</h5>
<h6>
MBBS
</h6>
<div class="social_box">
<a href="">
<i class="fa fa-facebook" aria-hidden="true"></i>
</a>
<a href="">
<i class="fa fa-twitter" aria-hidden="true"></i>
</a>
<a href="">
<i class="fa fa-linkedin" aria-hidden="true"></i>
</a>
<a href="">
<i class="fa fa-instagram" aria-hidden="true"></i>
</a>
</div>
</div>
</div>
</div>
<div class="item">
<div class="box">
<div class="img-box">
<img src="images/team3.jpg" alt="" />
</div>
<div class="detail-box">
<h5>
Morco
</h5>
<h6>
MBBS
</h6>
<div class="social_box">
<a href="">
<i class="fa fa-facebook" aria-hidden="true"></i>
</a>
<a href="">
<i class="fa fa-twitter" aria-hidden="true"></i>
</a>
<a href="">
<i class="fa fa-linkedin" aria-hidden="true"></i>
</a>
<a href="">
<i class="fa fa-instagram" aria-hidden="true"></i>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- end team section -->
<!-- info section -->
<section class="info_section ">
<div class="container">
<div class="info_top">
<div class="info_logo">
<a href="">
<img src="images/logo.png" alt="">
</a>
</div>
<div class="info_form">
<form action="">
<input type="email" placeholder="Your email">
<button>
Subscribe
</button>
</form>
</div>
</div>
<div class="info_bottom layout_padding2">
<div class="row info_main_row">
<div class="col-md-6 col-lg-3">
<h5>
Address
</h5>
<div class="info_contact">
<a href="">
<i class="fa fa-map-marker" aria-hidden="true"></i>
<span>
Location
</span>
</a>
<a href="">
<i class="fa fa-phone" aria-hidden="true"></i>
<span>
Call +01 1234567890
</span>
</a>
<a href="">
<i class="fa fa-envelope"></i>
<span>
demo@gmail.com
</span>
</a>
</div>
<div class="social_box">
<a href="">
<i class="fa fa-facebook" aria-hidden="true"></i>
</a>
<a href="">
<i class="fa fa-twitter" aria-hidden="true"></i>
</a>
<a href="">
<i class="fa fa-linkedin" aria-hidden="true"></i>
</a>
<a href="">
<i class="fa fa-instagram" aria-hidden="true"></i>
</a>
</div>
</div>
<div class="col-md-6 col-lg-3">
<div class="info_links">
<h5>
Useful link
</h5>
<div class="info_links_menu">
<a href="index.html">
Home
</a>
<a href="about.html">
About
</a>
<a href="treatment.html">
Treatment
</a>
<a href="doctor.html" class="active">
Doctors
</a>
<a href="testimonial.html">
Testimonial
</a>
<a href="contact.html">
Contact us
</a>
</div>
</div>
</div>
<div class="col-md-6 col-lg-3">
<div class="info_post">
<h5>
LATEST POSTS
</h5>
<div class="post_box">
<div class="img-box">
<img src="images/post1.jpg" alt="">
</div>
<p>
Normal
distribution
</p>
</div>
<div class="post_box">
<div class="img-box">
<img src="images/post2.jpg" alt="">
</div>
<p>
Normal
distribution
</p>
</div>
</div>
</div>
<div class="col-md-6 col-lg-3">
<div class="info_post">
<h5>
News
</h5>
<div class="post_box">
<div class="img-box">
<img src="images/post3.jpg" alt="">
</div>
<p>
Normal
distribution
</p>
</div>
<div class="post_box">
<div class="img-box">
<img src="images/post4.png" alt="">
</div>
<p>
Normal
distribution
</p>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- end info_section -->
<!-- footer section -->
<footer class="footer_section">
<div class="container">
<p>
&copy; <span id="displayYear"></span> All Rights Reserved By
<a href="https://html.design/">Free Html Templates</a>
</p>
</div>
</footer>
<!-- footer section -->
<!-- jQery -->
<script src="js/jquery-3.4.1.min.js"></script>
<!-- bootstrap js -->
<script src="js/bootstrap.js"></script>
<!-- nice select -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-nice-select/1.1.0/js/jquery.nice-select.min.js" integrity="sha256-Zr3vByTlMGQhvMfgkQ5BtWRSKBGa2QlspKYJnkjZTmo=" crossorigin="anonymous"></script>
<!-- owl slider -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/owl.carousel.min.js"></script>
<!-- datepicker -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.3.0/js/bootstrap-datepicker.js"></script>
<!-- custom js -->
<script src="js/custom.js"></script>
</body>
</html>

BIN
web/healthcare/mico/fonts/fontawesome-webfont.ttf Normal file
View File

Binary file not shown.

BIN
web/healthcare/mico/fonts/fontawesome-webfont.woff Normal file
View File

Binary file not shown.

BIN
web/healthcare/mico/fonts/fontawesome-webfont.woff2 Normal file
View File

Binary file not shown.

BIN
web/healthcare/mico/images/about-img.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 87 KiB

BIN
web/healthcare/mico/images/contact-img.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 59 KiB

BIN
web/healthcare/mico/images/dots.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 92 KiB

BIN
web/healthcare/mico/images/logo.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 7.3 KiB

BIN
web/healthcare/mico/images/next.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 328 B

BIN
web/healthcare/mico/images/post1.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 5.7 KiB

BIN
web/healthcare/mico/images/post2.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 4.2 KiB

BIN
web/healthcare/mico/images/post3.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 5.0 KiB

BIN
web/healthcare/mico/images/post4.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 5.5 KiB

BIN
web/healthcare/mico/images/prev.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 362 B

BIN
web/healthcare/mico/images/slider-img.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 91 KiB

BIN
web/healthcare/mico/images/t1.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.4 KiB

BIN
web/healthcare/mico/images/t2.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 2.4 KiB

BIN
web/healthcare/mico/images/t3.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 2.8 KiB

BIN
web/healthcare/mico/images/t4.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.8 KiB

BIN
web/healthcare/mico/images/team1.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 59 KiB

BIN
web/healthcare/mico/images/team2.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 61 KiB

BIN
web/healthcare/mico/images/team3.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 69 KiB

BIN
web/healthcare/mico/images/treatment-side-img.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 41 KiB

837
web/healthcare/mico/index.html Normal file
View File

@@ -0,0 +1,837 @@
<!DOCTYPE html>
<html>
<head>
<!-- Basic -->
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<!-- Mobile Metas -->
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
<!-- Site Metas -->
<meta name="keywords" content="" />
<meta name="description" content="" />
<meta name="author" content="" />
<title>Mico</title>
<!-- bootstrap core css -->
<link rel="stylesheet" type="text/css" href="css/bootstrap.css" />
<!-- fonts style -->
<link href="https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700;900&display=swap" rel="stylesheet">
<!--owl slider stylesheet -->
<link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/assets/owl.carousel.min.css" />
<!-- font awesome style -->
<link href="css/font-awesome.min.css" rel="stylesheet" />
<!-- nice select -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/jquery-nice-select/1.1.0/css/nice-select.min.css" integrity="sha256-mLBIhmBvigTFWPSCtvdu6a76T+3Xyt+K571hupeFLg4=" crossorigin="anonymous" />
<!-- datepicker -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.3.0/css/datepicker.css">
<!-- Custom styles for this template -->
<link href="css/style.css" rel="stylesheet" />
<!-- responsive style -->
<link href="css/responsive.css" rel="stylesheet" />
</head>
<body>
<div class="hero_area">
<!-- header section strats -->
<header class="header_section">
<div class="header_top">
<div class="container">
<div class="contact_nav">
<a href="">
<i class="fa fa-phone" aria-hidden="true"></i>
<span>
Call : +01 123455678990
</span>
</a>
<a href="">
<i class="fa fa-envelope" aria-hidden="true"></i>
<span>
Email : demo@gmail.com
</span>
</a>
<a href="">
<i class="fa fa-map-marker" aria-hidden="true"></i>
<span>
Location
</span>
</a>
</div>
</div>
</div>
<div class="header_bottom">
<div class="container-fluid">
<nav class="navbar navbar-expand-lg custom_nav-container ">
<a class="navbar-brand" href="index.html">
<img src="images/logo.png" alt="">
</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span class=""> </span>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<div class="d-flex mr-auto flex-column flex-lg-row align-items-center">
<ul class="navbar-nav ">
<li class="nav-item active">
<a class="nav-link" href="index.html">Home <span class="sr-only">(current)</span></a>
</li>
<li class="nav-item">
<a class="nav-link" href="about.html"> About</a>
</li>
<li class="nav-item">
<a class="nav-link" href="treatment.html">Treatment</a>
</li>
<li class="nav-item">
<a class="nav-link" href="doctor.html">Doctors</a>
</li>
<li class="nav-item">
<a class="nav-link" href="testimonial.html">Testimonial</a>
</li>
<li class="nav-item">
<a class="nav-link" href="contact.html">Contact Us</a>
</li>
</ul>
</div>
<div class="quote_btn-container">
<a href="">
<i class="fa fa-user" aria-hidden="true"></i>
<span>
Login
</span>
</a>
<a href="">
<i class="fa fa-user" aria-hidden="true"></i>
<span>
Sign Up
</span>
</a>
<form class="form-inline">
<button class="btn my-2 my-sm-0 nav_search-btn" type="submit">
<i class="fa fa-search" aria-hidden="true"></i>
</button>
</form>
</div>
</div>
</nav>
</div>
</div>
</header>
<!-- end header section -->
<!-- slider section -->
<section class="slider_section ">
<div class="dot_design">
<img src="images/dots.png" alt="">
</div>
<div id="customCarousel1" class="carousel slide" data-ride="carousel">
<div class="carousel-inner">
<div class="carousel-item active">
<div class="container ">
<div class="row">
<div class="col-md-6">
<div class="detail-box">
<div class="play_btn">
<button>
<i class="fa fa-play" aria-hidden="true"></i>
</button>
</div>
<h1>
Mico <br>
<span>
Hospital
</span>
</h1>
<p>
when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to
</p>
<a href="">
Contact Us
</a>
</div>
</div>
<div class="col-md-6">
<div class="img-box">
<img src="images/slider-img.jpg" alt="">
</div>
</div>
</div>
</div>
</div>
<div class="carousel-item">
<div class="container ">
<div class="row">
<div class="col-md-6">
<div class="detail-box">
<div class="play_btn">
<button>
<i class="fa fa-play" aria-hidden="true"></i>
</button>
</div>
<h1>
Mico <br>
<span>
Hospital
</span>
</h1>
<p>
when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to
</p>
<a href="">
Contact Us
</a>
</div>
</div>
<div class="col-md-6">
<div class="img-box">
<img src="images/slider-img.jpg" alt="">
</div>
</div>
</div>
</div>
</div>
<div class="carousel-item">
<div class="container ">
<div class="row">
<div class="col-md-6">
<div class="detail-box">
<div class="play_btn">
<button>
<i class="fa fa-play" aria-hidden="true"></i>
</button>
</div>
<h1>
Mico <br>
<span>
Hospital
</span>
</h1>
<p>
when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to
</p>
<a href="">
Contact Us
</a>
</div>
</div>
<div class="col-md-6">
<div class="img-box">
<img src="images/slider-img.jpg" alt="">
</div>
</div>
</div>
</div>
</div>
</div>
<div class="carousel_btn-box">
<a class="carousel-control-prev" href="#customCarousel1" role="button" data-slide="prev">
<img src="images/prev.png" alt="">
<span class="sr-only">Previous</span>
</a>
<a class="carousel-control-next" href="#customCarousel1" role="button" data-slide="next">
<img src="images/next.png" alt="">
<span class="sr-only">Next</span>
</a>
</div>
</div>
</section>
<!-- end slider section -->
</div>
<!-- book section -->
<section class="book_section layout_padding">
<div class="container">
<div class="row">
<div class="col">
<form>
<h4>
BOOK <span>APPOINTMENT</span>
</h4>
<div class="form-row ">
<div class="form-group col-lg-4">
<label for="inputPatientName">Patient Name </label>
<input type="text" class="form-control" id="inputPatientName" placeholder="">
</div>
<div class="form-group col-lg-4">
<label for="inputDoctorName">Doctor's Name</label>
<select name="" class="form-control wide" id="inputDoctorName">
<option value="Normal distribution ">Normal distribution </option>
<option value="Normal distribution ">Normal distribution </option>
<option value="Normal distribution ">Normal distribution </option>
</select>
</div>
<div class="form-group col-lg-4">
<label for="inputDepartmentName">Department's Name</label>
<select name="" class="form-control wide" id="inputDepartmentName">
<option value="Normal distribution ">Normal distribution </option>
<option value="Normal distribution ">Normal distribution </option>
<option value="Normal distribution ">Normal distribution </option>
</select>
</div>
</div>
<div class="form-row ">
<div class="form-group col-lg-4">
<label for="inputPhone">Phone Number</label>
<input type="number" class="form-control" id="inputPhone" placeholder="XXXXXXXXXX">
</div>
<div class="form-group col-lg-4">
<label for="inputSymptoms">Symptoms</label>
<input type="text" class="form-control" id="inputSymptoms" placeholder="">
</div>
<div class="form-group col-lg-4">
<label for="inputDate">Choose Date </label>
<div class="input-group date" id="inputDate" data-date-format="mm-dd-yyyy">
<input type="text" class="form-control" readonly>
<span class="input-group-addon date_icon">
<i class="fa fa-calendar" aria-hidden="true"></i>
</span>
</div>
</div>
</div>
<div class="btn-box">
<button type="submit" class="btn ">Submit Now</button>
</div>
</form>
</div>
</div>
</div>
</section>
<!-- end book section -->
<!-- about section -->
<section class="about_section">
<div class="container ">
<div class="row">
<div class="col-md-6 ">
<div class="img-box">
<img src="images/about-img.jpg" alt="">
</div>
</div>
<div class="col-md-6">
<div class="detail-box">
<div class="heading_container">
<h2>
About <span>Hospital</span>
</h2>
</div>
<p>
has a more-or-less normal distribution of letters, as opposed to using 'Content here, content here', making it look like readable English. Many desktop publishing packages and web page editors has a more-or-less normal distribution of letters, as opposed to using 'Content here, content here', making it look like readable English. Many desktop publishing packages and web page editors
</p>
<a href="">
Read More
</a>
</div>
</div>
</div>
</div>
</section>
<!-- end about section -->
<!-- treatment section -->
<section class="treatment_section layout_padding">
<div class="side_img">
<img src="images/treatment-side-img.jpg" alt="">
</div>
<div class="container">
<div class="heading_container heading_center">
<h2>
Hospital <span>Treatment</span>
</h2>
</div>
<div class="row">
<div class="col-md-6 col-lg-3">
<div class="box ">
<div class="img-box">
<img src="images/t1.png" alt="">
</div>
<div class="detail-box">
<h4>
Nephrologist Care
</h4>
<p>
alteration in some form, by injected humour, or randomised words which don't look even slightly e sure there isn't anything
</p>
<a href="">
Read More
</a>
</div>
</div>
</div>
<div class="col-md-6 col-lg-3">
<div class="box ">
<div class="img-box">
<img src="images/t2.png" alt="">
</div>
<div class="detail-box">
<h4>
Eye Care
</h4>
<p>
alteration in some form, by injected humour, or randomised words which don't look even slightly e sure there isn't anything
</p>
<a href="">
Read More
</a>
</div>
</div>
</div>
<div class="col-md-6 col-lg-3">
<div class="box ">
<div class="img-box">
<img src="images/t3.png" alt="">
</div>
<div class="detail-box">
<h4>
Pediatrician Clinic
</h4>
<p>
alteration in some form, by injected humour, or randomised words which don't look even slightly e sure there isn't anything
</p>
<a href="">
Read More
</a>
</div>
</div>
</div>
<div class="col-md-6 col-lg-3">
<div class="box ">
<div class="img-box">
<img src="images/t4.png" alt="">
</div>
<div class="detail-box">
<h4>
Parental Care
</h4>
<p>
alteration in some form, by injected humour, or randomised words which don't look even slightly e sure there isn't anything
</p>
<a href="">
Read More
</a>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- end treatment section -->
<!-- team section -->
<section class="team_section layout_padding">
<div class="container">
<div class="heading_container heading_center">
<h2>
Our <span>Doctors</span>
</h2>
</div>
<div class="carousel-wrap ">
<div class="owl-carousel team_carousel">
<div class="item">
<div class="box">
<div class="img-box">
<img src="images/team1.jpg" alt="" />
</div>
<div class="detail-box">
<h5>
Hennry
</h5>
<h6>
MBBS
</h6>
<div class="social_box">
<a href="">
<i class="fa fa-facebook" aria-hidden="true"></i>
</a>
<a href="">
<i class="fa fa-twitter" aria-hidden="true"></i>
</a>
<a href="">
<i class="fa fa-linkedin" aria-hidden="true"></i>
</a>
<a href="">
<i class="fa fa-instagram" aria-hidden="true"></i>
</a>
</div>
</div>
</div>
</div>
<div class="item">
<div class="box">
<div class="img-box">
<img src="images/team2.jpg" alt="" />
</div>
<div class="detail-box">
<h5>
Jenni
</h5>
<h6>
MBBS
</h6>
<div class="social_box">
<a href="">
<i class="fa fa-facebook" aria-hidden="true"></i>
</a>
<a href="">
<i class="fa fa-twitter" aria-hidden="true"></i>
</a>
<a href="">
<i class="fa fa-linkedin" aria-hidden="true"></i>
</a>
<a href="">
<i class="fa fa-instagram" aria-hidden="true"></i>
</a>
</div>
</div>
</div>
</div>
<div class="item">
<div class="box">
<div class="img-box">
<img src="images/team3.jpg" alt="" />
</div>
<div class="detail-box">
<h5>
Morco
</h5>
<h6>
MBBS
</h6>
<div class="social_box">
<a href="">
<i class="fa fa-facebook" aria-hidden="true"></i>
</a>
<a href="">
<i class="fa fa-twitter" aria-hidden="true"></i>
</a>
<a href="">
<i class="fa fa-linkedin" aria-hidden="true"></i>
</a>
<a href="">
<i class="fa fa-instagram" aria-hidden="true"></i>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- end team section -->
<!-- client section -->
<section class="client_section layout_padding">
<div class="container">
<div class="heading_container">
<h2>
<span>Testimonial</span>
</h2>
</div>
</div>
<div class="container px-0">
<div id="customCarousel2" class="carousel carousel-fade" data-ride="carousel">
<div class="carousel-inner">
<div class="carousel-item active">
<div class="box">
<div class="client_info">
<div class="client_name">
<h5>
Morijorch
</h5>
<h6>
Default model text
</h6>
</div>
<i class="fa fa-quote-left" aria-hidden="true"></i>
</div>
<p>
editors now use Lorem Ipsum as their default model text, and a search for 'lorem ipsum' will uncover many web sites still in their infancy. Variouseditors now use Lorem Ipsum as their default model text, and a search for 'lorem ipsum' will uncover many web sites still in their infancy. Variouseditors now use Lorem Ipsum as their default model text, and a search for 'lorem ipsum' will uncover many web sites still in their infancy. Various
</p>
</div>
</div>
<div class="carousel-item">
<div class="box">
<div class="client_info">
<div class="client_name">
<h5>
Rochak
</h5>
<h6>
Default model text
</h6>
</div>
<i class="fa fa-quote-left" aria-hidden="true"></i>
</div>
<p>
Variouseditors now use Lorem Ipsum as their default model text, and a search for 'lorem ipsum' will uncover many web sites still in their infancy. Variouseditors now use Lorem Ipsum as their default model text, and a search for 'lorem ipsum' will uncover many web sites still in their infancy. editors now use Lorem Ipsum as their default model text, and a search for 'lorem ipsum' will uncover many web sites still in their infancy.
</p>
</div>
</div>
<div class="carousel-item">
<div class="box">
<div class="client_info">
<div class="client_name">
<h5>
Brad Johns
</h5>
<h6>
Default model text
</h6>
</div>
<i class="fa fa-quote-left" aria-hidden="true"></i>
</div>
<p>
Variouseditors now use Lorem Ipsum as their default model text, and a search for 'lorem ipsum' will uncover many web sites still in their infancy, editors now use Lorem Ipsum as their default model text, and a search for 'lorem ipsum' will uncover many web sites still in their infancy. Variouseditors now use Lorem Ipsum as their default model text, and a search for 'lorem ipsum' will uncover many web sites still in their infancy. Various
</p>
</div>
</div>
</div>
<div class="carousel_btn-box">
<a class="carousel-control-prev" href="#customCarousel2" role="button" data-slide="prev">
<i class="fa fa-angle-left" aria-hidden="true"></i>
<span class="sr-only">Previous</span>
</a>
<a class="carousel-control-next" href="#customCarousel2" role="button" data-slide="next">
<i class="fa fa-angle-right" aria-hidden="true"></i>
<span class="sr-only">Next</span>
</a>
</div>
</div>
</div>
</section>
<!-- end client section -->
<!-- contact section -->
<section class="contact_section layout_padding-bottom">
<div class="container">
<div class="heading_container">
<h2>
Get In Touch
</h2>
</div>
<div class="row">
<div class="col-md-7">
<div class="form_container">
<form action="">
<div>
<input type="text" placeholder="Full Name" />
</div>
<div>
<input type="email" placeholder="Email" />
</div>
<div>
<input type="text" placeholder="Phone Number" />
</div>
<div>
<input type="text" class="message-box" placeholder="Message" />
</div>
<div class="btn_box">
<button>
SEND
</button>
</div>
</form>
</div>
</div>
<div class="col-md-5">
<div class="img-box">
<img src="images/contact-img.jpg" alt="">
</div>
</div>
</div>
</div>
</section>
<!-- end contact section -->
<!-- info section -->
<section class="info_section ">
<div class="container">
<div class="info_top">
<div class="info_logo">
<a href="">
<img src="images/logo.png" alt="">
</a>
</div>
<div class="info_form">
<form action="">
<input type="email" placeholder="Your email">
<button>
Subscribe
</button>
</form>
</div>
</div>
<div class="info_bottom layout_padding2">
<div class="row info_main_row">
<div class="col-md-6 col-lg-3">
<h5>
Address
</h5>
<div class="info_contact">
<a href="">
<i class="fa fa-map-marker" aria-hidden="true"></i>
<span>
Location
</span>
</a>
<a href="">
<i class="fa fa-phone" aria-hidden="true"></i>
<span>
Call +01 1234567890
</span>
</a>
<a href="">
<i class="fa fa-envelope"></i>
<span>
demo@gmail.com
</span>
</a>
</div>
<div class="social_box">
<a href="">
<i class="fa fa-facebook" aria-hidden="true"></i>
</a>
<a href="">
<i class="fa fa-twitter" aria-hidden="true"></i>
</a>
<a href="">
<i class="fa fa-linkedin" aria-hidden="true"></i>
</a>
<a href="">
<i class="fa fa-instagram" aria-hidden="true"></i>
</a>
</div>
</div>
<div class="col-md-6 col-lg-3">
<div class="info_links">
<h5>
Useful link
</h5>
<div class="info_links_menu">
<a class="active" href="index.html">
Home
</a>
<a href="about.html">
About
</a>
<a href="treatment.html">
Treatment
</a>
<a href="doctor.html">
Doctors
</a>
<a href="testimonial.html">
Testimonial
</a>
<a href="contact.html">
Contact us
</a>
</div>
</div>
</div>
<div class="col-md-6 col-lg-3">
<div class="info_post">
<h5>
LATEST POSTS
</h5>
<div class="post_box">
<div class="img-box">
<img src="images/post1.jpg" alt="">
</div>
<p>
Normal
distribution
</p>
</div>
<div class="post_box">
<div class="img-box">
<img src="images/post2.jpg" alt="">
</div>
<p>
Normal
distribution
</p>
</div>
</div>
</div>
<div class="col-md-6 col-lg-3">
<div class="info_post">
<h5>
News
</h5>
<div class="post_box">
<div class="img-box">
<img src="images/post3.jpg" alt="">
</div>
<p>
Normal
distribution
</p>
</div>
<div class="post_box">
<div class="img-box">
<img src="images/post4.png" alt="">
</div>
<p>
Normal
distribution
</p>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- end info_section -->
<!-- footer section -->
<footer class="footer_section">
<div class="container">
<p>
&copy; <span id="displayYear"></span> All Rights Reserved By
<a href="https://html.design/">Free Html Templates</a>
</p>
</div>
</footer>
<!-- footer section -->
<!-- jQery -->
<script src="js/jquery-3.4.1.min.js"></script>
<!-- bootstrap js -->
<script src="js/bootstrap.js"></script>
<!-- nice select -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-nice-select/1.1.0/js/jquery.nice-select.min.js" integrity="sha256-Zr3vByTlMGQhvMfgkQ5BtWRSKBGa2QlspKYJnkjZTmo=" crossorigin="anonymous"></script>
<!-- owl slider -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/owl.carousel.min.js"></script>
<!-- datepicker -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.3.0/js/bootstrap-datepicker.js"></script>
<!-- custom js -->
<script src="js/custom.js"></script>
</body>
</html>

4439
web/healthcare/mico/js/bootstrap.js vendored Normal file
View File

File diff suppressed because it is too large Load Diff

46
web/healthcare/mico/js/custom.js Normal file
View File

@@ -0,0 +1,46 @@
// to get current year
function getYear() {
var currentDate = new Date();
var currentYear = currentDate.getFullYear();
document.querySelector("#displayYear").innerHTML = currentYear;
}
getYear();
// nice select
$(document).ready(function () {
$('select').niceSelect();
});
// date picker
$(function () {
$("#inputDate").datepicker({
autoclose: true,
todayHighlight: true
}).datepicker('update', new Date());
});
// owl carousel slider js
$('.team_carousel').owlCarousel({
loop: true,
margin: 15,
dots: true,
autoplay: true,
navText: [
'<i class="fa fa-angle-left" aria-hidden="true"></i>',
'<i class="fa fa-angle-right" aria-hidden="true"></i>'
],
autoplayHoverPause: true,
responsive: {
0: {
items: 1,
margin: 0
},
576: {
items: 2,
},
992: {
items: 3
}
}
})

2
web/healthcare/mico/js/jquery-3.4.1.min.js vendored Normal file
View File

File diff suppressed because one or more lines are too long

234
web/healthcare/mico/package-lock.json generated Normal file
View File

@@ -0,0 +1,234 @@
{
"name": "mico",
"version": "1.0.0",
"lockfileVersion": 3,
"requires": true,
"packages": {
"": {
"name": "mico",
"version": "1.0.0",
"license": "ISC",
"devDependencies": {
"sass": "^1.77.2"
}
},
"node_modules/anymatch": {
"version": "3.1.3",
"resolved": "https://registry.npmjs.org/anymatch/-/anymatch-3.1.3.tgz",
"integrity": "sha512-KMReFUr0B4t+D+OBkjR3KYqvocp2XaSzO55UcB6mgQMd3KbcE+mWTyvVV7D/zsdEbNnV6acZUutkiHQXvTr1Rw==",
"dev": true,
"dependencies": {
"normalize-path": "^3.0.0",
"picomatch": "^2.0.4"
},
"engines": {
"node": ">= 8"
}
},
"node_modules/binary-extensions": {
"version": "2.3.0",
"resolved": "https://registry.npmjs.org/binary-extensions/-/binary-extensions-2.3.0.tgz",
"integrity": "sha512-Ceh+7ox5qe7LJuLHoY0feh3pHuUDHAcRUeyL2VYghZwfpkNIy/+8Ocg0a3UuSoYzavmylwuLWQOf3hl0jjMMIw==",
"dev": true,
"engines": {
"node": ">=8"
},
"funding": {
"url": "https://github.com/sponsors/sindresorhus"
}
},
"node_modules/braces": {
"version": "3.0.2",
"resolved": "https://registry.npmjs.org/braces/-/braces-3.0.2.tgz",
"integrity": "sha512-b8um+L1RzM3WDSzvhm6gIz1yfTbBt6YTlcEKAvsmqCZZFw46z626lVj9j1yEPW33H5H+lBQpZMP1k8l+78Ha0A==",
"dev": true,
"dependencies": {
"fill-range": "^7.0.1"
},
"engines": {
"node": ">=8"
}
},
"node_modules/chokidar": {
"version": "3.6.0",
"resolved": "https://registry.npmjs.org/chokidar/-/chokidar-3.6.0.tgz",
"integrity": "sha512-7VT13fmjotKpGipCW9JEQAusEPE+Ei8nl6/g4FBAmIm0GOOLMua9NDDo/DWp0ZAxCr3cPq5ZpBqmPAQgDda2Pw==",
"dev": true,
"dependencies": {
"anymatch": "~3.1.2",
"braces": "~3.0.2",
"glob-parent": "~5.1.2",
"is-binary-path": "~2.1.0",
"is-glob": "~4.0.1",
"normalize-path": "~3.0.0",
"readdirp": "~3.6.0"
},
"engines": {
"node": ">= 8.10.0"
},
"funding": {
"url": "https://paulmillr.com/funding/"
},
"optionalDependencies": {
"fsevents": "~2.3.2"
}
},
"node_modules/fill-range": {
"version": "7.0.1",
"resolved": "https://registry.npmjs.org/fill-range/-/fill-range-7.0.1.tgz",
"integrity": "sha512-qOo9F+dMUmC2Lcb4BbVvnKJxTPjCm+RRpe4gDuGrzkL7mEVl/djYSu2OdQ2Pa302N4oqkSg9ir6jaLWJ2USVpQ==",
"dev": true,
"dependencies": {
"to-regex-range": "^5.0.1"
},
"engines": {
"node": ">=8"
}
},
"node_modules/fsevents": {
"version": "2.3.3",
"resolved": "https://registry.npmjs.org/fsevents/-/fsevents-2.3.3.tgz",
"integrity": "sha512-5xoDfX+fL7faATnagmWPpbFtwh/R77WmMMqqHGS65C3vvB0YHrgF+B1YmZ3441tMj5n63k0212XNoJwzlhffQw==",
"dev": true,
"hasInstallScript": true,
"optional": true,
"os": [
"darwin"
],
"engines": {
"node": "^8.16.0 || ^10.6.0 || >=11.0.0"
}
},
"node_modules/glob-parent": {
"version": "5.1.2",
"resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-5.1.2.tgz",
"integrity": "sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow==",
"dev": true,
"dependencies": {
"is-glob": "^4.0.1"
},
"engines": {
"node": ">= 6"
}
},
"node_modules/immutable": {
"version": "4.3.6",
"resolved": "https://registry.npmjs.org/immutable/-/immutable-4.3.6.tgz",
"integrity": "sha512-Ju0+lEMyzMVZarkTn/gqRpdqd5dOPaz1mCZ0SH3JV6iFw81PldE/PEB1hWVEA288HPt4WXW8O7AWxB10M+03QQ==",
"dev": true
},
"node_modules/is-binary-path": {
"version": "2.1.0",
"resolved": "https://registry.npmjs.org/is-binary-path/-/is-binary-path-2.1.0.tgz",
"integrity": "sha512-ZMERYes6pDydyuGidse7OsHxtbI7WVeUEozgR/g7rd0xUimYNlvZRE/K2MgZTjWy725IfelLeVcEM97mmtRGXw==",
"dev": true,
"dependencies": {
"binary-extensions": "^2.0.0"
},
"engines": {
"node": ">=8"
}
},
"node_modules/is-extglob": {
"version": "2.1.1",
"resolved": "https://registry.npmjs.org/is-extglob/-/is-extglob-2.1.1.tgz",
"integrity": "sha512-SbKbANkN603Vi4jEZv49LeVJMn4yGwsbzZworEoyEiutsN3nJYdbO36zfhGJ6QEDpOZIFkDtnq5JRxmvl3jsoQ==",
"dev": true,
"engines": {
"node": ">=0.10.0"
}
},
"node_modules/is-glob": {
"version": "4.0.3",
"resolved": "https://registry.npmjs.org/is-glob/-/is-glob-4.0.3.tgz",
"integrity": "sha512-xelSayHH36ZgE7ZWhli7pW34hNbNl8Ojv5KVmkJD4hBdD3th8Tfk9vYasLM+mXWOZhFkgZfxhLSnrwRr4elSSg==",
"dev": true,
"dependencies": {
"is-extglob": "^2.1.1"
},
"engines": {
"node": ">=0.10.0"
}
},
"node_modules/is-number": {
"version": "7.0.0",
"resolved": "https://registry.npmjs.org/is-number/-/is-number-7.0.0.tgz",
"integrity": "sha512-41Cifkg6e8TylSpdtTpeLVMqvSBEVzTttHvERD741+pnZ8ANv0004MRL43QKPDlK9cGvNp6NZWZUBlbGXYxxng==",
"dev": true,
"engines": {
"node": ">=0.12.0"
}
},
"node_modules/normalize-path": {
"version": "3.0.0",
"resolved": "https://registry.npmjs.org/normalize-path/-/normalize-path-3.0.0.tgz",
"integrity": "sha512-6eZs5Ls3WtCisHWp9S2GUy8dqkpGi4BVSz3GaqiE6ezub0512ESztXUwUB6C6IKbQkY2Pnb/mD4WYojCRwcwLA==",
"dev": true,
"engines": {
"node": ">=0.10.0"
}
},
"node_modules/picomatch": {
"version": "2.3.1",
"resolved": "https://registry.npmjs.org/picomatch/-/picomatch-2.3.1.tgz",
"integrity": "sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA==",
"dev": true,
"engines": {
"node": ">=8.6"
},
"funding": {
"url": "https://github.com/sponsors/jonschlinkert"
}
},
"node_modules/readdirp": {
"version": "3.6.0",
"resolved": "https://registry.npmjs.org/readdirp/-/readdirp-3.6.0.tgz",
"integrity": "sha512-hOS089on8RduqdbhvQ5Z37A0ESjsqz6qnRcffsMU3495FuTdqSm+7bhJ29JvIOsBDEEnan5DPu9t3To9VRlMzA==",
"dev": true,
"dependencies": {
"picomatch": "^2.2.1"
},
"engines": {
"node": ">=8.10.0"
}
},
"node_modules/sass": {
"version": "1.77.2",
"resolved": "https://registry.npmjs.org/sass/-/sass-1.77.2.tgz",
"integrity": "sha512-eb4GZt1C3avsX3heBNlrc7I09nyT00IUuo4eFhAbeXWU2fvA7oXI53SxODVAA+zgZCk9aunAZgO+losjR3fAwA==",
"dev": true,
"dependencies": {
"chokidar": ">=3.0.0 <4.0.0",
"immutable": "^4.0.0",
"source-map-js": ">=0.6.2 <2.0.0"
},
"bin": {
"sass": "sass.js"
},
"engines": {
"node": ">=14.0.0"
}
},
"node_modules/source-map-js": {
"version": "1.2.0",
"resolved": "https://registry.npmjs.org/source-map-js/-/source-map-js-1.2.0.tgz",
"integrity": "sha512-itJW8lvSA0TXEphiRoawsCksnlf8SyvmFzIhltqAHluXd88pkCd+cXJVHTDwdCr0IzwptSm035IHQktUu1QUMg==",
"dev": true,
"engines": {
"node": ">=0.10.0"
}
},
"node_modules/to-regex-range": {
"version": "5.0.1",
"resolved": "https://registry.npmjs.org/to-regex-range/-/to-regex-range-5.0.1.tgz",
"integrity": "sha512-65P7iz6X5yEr1cwcgvQxbbIw7Uk3gOy5dIdtZ4rDveLqhrdJP+Li/Hx6tyK0NEb+2GCyneCMJiGqrADCSNk8sQ==",
"dev": true,
"dependencies": {
"is-number": "^7.0.0"
},
"engines": {
"node": ">=8.0"
}
}
}
}

21
web/healthcare/mico/package.json Normal file
View File

@@ -0,0 +1,21 @@
{
"name": "mico",
"version": "1.0.0",
"description": "Hospital website template",
"main": "build.js",
"scripts": {
"dev": "sass --watch css/style.scss css/style.css",
"build": "sass css/style.scss css/style.css"
},
"keywords": [
"gym",
"html",
"scss",
"js"
],
"author": "Zvonimir Rudinski <zvonki12@gmail.com>",
"license": "ISC",
"devDependencies": {
"sass": "^1.77.2"
}
}

386
web/healthcare/mico/testimonial.html Normal file
View File

@@ -0,0 +1,386 @@
<!DOCTYPE html>
<html>
<head>
<!-- Basic -->
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<!-- Mobile Metas -->
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
<!-- Site Metas -->
<meta name="keywords" content="" />
<meta name="description" content="" />
<meta name="author" content="" />
<title>Mico</title>
<!-- bootstrap core css -->
<link rel="stylesheet" type="text/css" href="css/bootstrap.css" />
<!-- fonts style -->
<link href="https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700;900&display=swap" rel="stylesheet">
<!--owl slider stylesheet -->
<link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/assets/owl.carousel.min.css" />
<!-- font awesome style -->
<link href="css/font-awesome.min.css" rel="stylesheet" />
<!-- nice select -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/jquery-nice-select/1.1.0/css/nice-select.min.css" integrity="sha256-mLBIhmBvigTFWPSCtvdu6a76T+3Xyt+K571hupeFLg4=" crossorigin="anonymous" />
<!-- datepicker -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.3.0/css/datepicker.css">
<!-- Custom styles for this template -->
<link href="css/style.css" rel="stylesheet" />
<!-- responsive style -->
<link href="css/responsive.css" rel="stylesheet" />
</head>
<body class="sub_page">
<div class="hero_area">
<!-- header section strats -->
<header class="header_section">
<div class="header_top">
<div class="container">
<div class="contact_nav">
<a href="">
<i class="fa fa-phone" aria-hidden="true"></i>
<span>
Call : +01 123455678990
</span>
</a>
<a href="">
<i class="fa fa-envelope" aria-hidden="true"></i>
<span>
Email : demo@gmail.com
</span>
</a>
<a href="">
<i class="fa fa-map-marker" aria-hidden="true"></i>
<span>
Location
</span>
</a>
</div>
</div>
</div>
<div class="header_bottom">
<div class="container-fluid">
<nav class="navbar navbar-expand-lg custom_nav-container ">
<a class="navbar-brand" href="index.html">
<img src="images/logo.png" alt="">
</a>
</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span class=""> </span>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<div class="d-flex mr-auto flex-column flex-lg-row align-items-center">
<ul class="navbar-nav ">
<li class="nav-item ">
<a class="nav-link" href="index.html">Home <span class="sr-only">(current)</span></a>
</li>
<li class="nav-item">
<a class="nav-link" href="about.html"> About</a>
</li>
<li class="nav-item">
<a class="nav-link" href="treatment.html">Treatment</a>
</li>
<li class="nav-item">
<a class="nav-link" href="doctor.html">Doctors</a>
</li>
<li class="nav-item active">
<a class="nav-link" href="testimonial.html">Testimonial</a>
</li>
<li class="nav-item">
<a class="nav-link" href="contact.html">Contact Us</a>
</li>
</ul>
</div>
<div class="quote_btn-container">
<a href="">
<i class="fa fa-user" aria-hidden="true"></i>
<span>
Login
</span>
</a>
<a href="">
<i class="fa fa-user" aria-hidden="true"></i>
<span>
Sign Up
</span>
</a>
<form class="form-inline">
<button class="btn my-2 my-sm-0 nav_search-btn" type="submit">
<i class="fa fa-search" aria-hidden="true"></i>
</button>
</form>
</div>
</div>
</nav>
</div>
</div>
</header>
<!-- end header section -->
</div>
<!-- client section -->
<section class="client_section layout_padding">
<div class="container">
<div class="heading_container">
<h2>
<span>Testimonial</span>
</h2>
</div>
</div>
<div class="container px-0">
<div id="customCarousel2" class="carousel carousel-fade" data-ride="carousel">
<div class="carousel-inner">
<div class="carousel-item active">
<div class="box">
<div class="client_info">
<div class="client_name">
<h5>
Morijorch
</h5>
<h6>
Default model text
</h6>
</div>
<i class="fa fa-quote-left" aria-hidden="true"></i>
</div>
<p>
editors now use Lorem Ipsum as their default model text, and a search for 'lorem ipsum' will uncover many web sites still in their infancy. Variouseditors now use Lorem Ipsum as their default model text, and a search for 'lorem ipsum' will uncover many web sites still in their infancy. Variouseditors now use Lorem Ipsum as their default model text, and a search for 'lorem ipsum' will uncover many web sites still in their infancy. Various
</p>
</div>
</div>
<div class="carousel-item">
<div class="box">
<div class="client_info">
<div class="client_name">
<h5>
Rochak
</h5>
<h6>
Default model text
</h6>
</div>
<i class="fa fa-quote-left" aria-hidden="true"></i>
</div>
<p>
Variouseditors now use Lorem Ipsum as their default model text, and a search for 'lorem ipsum' will uncover many web sites still in their infancy. Variouseditors now use Lorem Ipsum as their default model text, and a search for 'lorem ipsum' will uncover many web sites still in their infancy. editors now use Lorem Ipsum as their default model text, and a search for 'lorem ipsum' will uncover many web sites still in their infancy.
</p>
</div>
</div>
<div class="carousel-item">
<div class="box">
<div class="client_info">
<div class="client_name">
<h5>
Brad Johns
</h5>
<h6>
Default model text
</h6>
</div>
<i class="fa fa-quote-left" aria-hidden="true"></i>
</div>
<p>
Variouseditors now use Lorem Ipsum as their default model text, and a search for 'lorem ipsum' will uncover many web sites still in their infancy, editors now use Lorem Ipsum as their default model text, and a search for 'lorem ipsum' will uncover many web sites still in their infancy. Variouseditors now use Lorem Ipsum as their default model text, and a search for 'lorem ipsum' will uncover many web sites still in their infancy. Various
</p>
</div>
</div>
</div>
<div class="carousel_btn-box">
<a class="carousel-control-prev" href="#customCarousel2" role="button" data-slide="prev">
<i class="fa fa-angle-left" aria-hidden="true"></i>
<span class="sr-only">Previous</span>
</a>
<a class="carousel-control-next" href="#customCarousel2" role="button" data-slide="next">
<i class="fa fa-angle-right" aria-hidden="true"></i>
<span class="sr-only">Next</span>
</a>
</div>
</div>
</div>
</section>
<!-- end client section -->
<!-- info section -->
<section class="info_section ">
<div class="container">
<div class="info_top">
<div class="info_logo">
<a href="">
<img src="images/logo.png" alt="">
</a>
</div>
<div class="info_form">
<form action="">
<input type="email" placeholder="Your email">
<button>
Subscribe
</button>
</form>
</div>
</div>
<div class="info_bottom layout_padding2">
<div class="row info_main_row">
<div class="col-md-6 col-lg-3">
<h5>
Address
</h5>
<div class="info_contact">
<a href="">
<i class="fa fa-map-marker" aria-hidden="true"></i>
<span>
Location
</span>
</a>
<a href="">
<i class="fa fa-phone" aria-hidden="true"></i>
<span>
Call +01 1234567890
</span>
</a>
<a href="">
<i class="fa fa-envelope"></i>
<span>
demo@gmail.com
</span>
</a>
</div>
<div class="social_box">
<a href="">
<i class="fa fa-facebook" aria-hidden="true"></i>
</a>
<a href="">
<i class="fa fa-twitter" aria-hidden="true"></i>
</a>
<a href="">
<i class="fa fa-linkedin" aria-hidden="true"></i>
</a>
<a href="">
<i class="fa fa-instagram" aria-hidden="true"></i>
</a>
</div>
</div>
<div class="col-md-6 col-lg-3">
<div class="info_links">
<h5>
Useful link
</h5>
<div class="info_links_menu">
<a href="index.html">
Home
</a>
<a href="about.html">
About
</a>
<a href="treatment.html">
Treatment
</a>
<a href="doctor.html">
Doctors
</a>
<a class="active" href="testimonial.html">
Testimonial
</a>
<a href="contact.html">
Contact us
</a>
</div>
</div>
</div>
<div class="col-md-6 col-lg-3">
<div class="info_post">
<h5>
LATEST POSTS
</h5>
<div class="post_box">
<div class="img-box">
<img src="images/post1.jpg" alt="">
</div>
<p>
Normal
distribution
</p>
</div>
<div class="post_box">
<div class="img-box">
<img src="images/post2.jpg" alt="">
</div>
<p>
Normal
distribution
</p>
</div>
</div>
</div>
<div class="col-md-6 col-lg-3">
<div class="info_post">
<h5>
News
</h5>
<div class="post_box">
<div class="img-box">
<img src="images/post3.jpg" alt="">
</div>
<p>
Normal
distribution
</p>
</div>
<div class="post_box">
<div class="img-box">
<img src="images/post4.png" alt="">
</div>
<p>
Normal
distribution
</p>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- end info_section -->
<!-- footer section -->
<footer class="footer_section">
<div class="container">
<p>
&copy; <span id="displayYear"></span> All Rights Reserved By
<a href="https://html.design/">Free Html Templates</a>
</p>
</div>
</footer>
<!-- footer section -->
<!-- jQery -->
<script src="js/jquery-3.4.1.min.js"></script>
<!-- bootstrap js -->
<script src="js/bootstrap.js"></script>
<!-- nice select -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-nice-select/1.1.0/js/jquery.nice-select.min.js" integrity="sha256-Zr3vByTlMGQhvMfgkQ5BtWRSKBGa2QlspKYJnkjZTmo=" crossorigin="anonymous"></script>
<!-- owl slider -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/owl.carousel.min.js"></script>
<!-- datepicker -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.3.0/js/bootstrap-datepicker.js"></script>
<!-- custom js -->
<script src="js/custom.js"></script>
</body>
</html>

393
web/healthcare/mico/treatment.html Normal file
View File

@@ -0,0 +1,393 @@
<!DOCTYPE html>
<html>
<head>
<!-- Basic -->
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<!-- Mobile Metas -->
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
<!-- Site Metas -->
<meta name="keywords" content="" />
<meta name="description" content="" />
<meta name="author" content="" />
<title>Mico</title>
<!-- bootstrap core css -->
<link rel="stylesheet" type="text/css" href="css/bootstrap.css" />
<!-- fonts style -->
<link href="https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700;900&display=swap" rel="stylesheet">
<!--owl slider stylesheet -->
<link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/assets/owl.carousel.min.css" />
<!-- font awesome style -->
<link href="css/font-awesome.min.css" rel="stylesheet" />
<!-- nice select -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/jquery-nice-select/1.1.0/css/nice-select.min.css" integrity="sha256-mLBIhmBvigTFWPSCtvdu6a76T+3Xyt+K571hupeFLg4=" crossorigin="anonymous" />
<!-- datepicker -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.3.0/css/datepicker.css">
<!-- Custom styles for this template -->
<link href="css/style.css" rel="stylesheet" />
<!-- responsive style -->
<link href="css/responsive.css" rel="stylesheet" />
</head>
<body class="sub_page">
<div class="hero_area">
<!-- header section strats -->
<header class="header_section">
<div class="header_top">
<div class="container">
<div class="contact_nav">
<a href="">
<i class="fa fa-phone" aria-hidden="true"></i>
<span>
Call : +01 123455678990
</span>
</a>
<a href="">
<i class="fa fa-envelope" aria-hidden="true"></i>
<span>
Email : demo@gmail.com
</span>
</a>
<a href="">
<i class="fa fa-map-marker" aria-hidden="true"></i>
<span>
Location
</span>
</a>
</div>
</div>
</div>
<div class="header_bottom">
<div class="container-fluid">
<nav class="navbar navbar-expand-lg custom_nav-container ">
<a class="navbar-brand" href="index.html">
<img src="images/logo.png" alt="">
</a>
</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span class=""> </span>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<div class="d-flex mr-auto flex-column flex-lg-row align-items-center">
<ul class="navbar-nav ">
<li class="nav-item ">
<a class="nav-link" href="index.html">Home <span class="sr-only">(current)</span></a>
</li>
<li class="nav-item">
<a class="nav-link" href="about.html"> About</a>
</li>
<li class="nav-item active">
<a class="nav-link" href="treatment.html">Treatment</a>
</li>
<li class="nav-item">
<a class="nav-link" href="doctor.html">Doctors</a>
</li>
<li class="nav-item">
<a class="nav-link" href="testimonial.html">Testimonial</a>
</li>
<li class="nav-item">
<a class="nav-link" href="contact.html">Contact Us</a>
</li>
</ul>
</div>
<div class="quote_btn-container">
<a href="">
<i class="fa fa-user" aria-hidden="true"></i>
<span>
Login
</span>
</a>
<a href="">
<i class="fa fa-user" aria-hidden="true"></i>
<span>
Sign Up
</span>
</a>
<form class="form-inline">
<button class="btn my-2 my-sm-0 nav_search-btn" type="submit">
<i class="fa fa-search" aria-hidden="true"></i>
</button>
</form>
</div>
</div>
</nav>
</div>
</div>
</header>
<!-- end header section -->
</div>
<!-- treatment section -->
<section class="treatment_section layout_padding">
<div class="side_img">
<img src="images/treatment-side-img.jpg" alt="">
</div>
<div class="container">
<div class="heading_container heading_center">
<h2>
Hospital <span>Treatment</span>
</h2>
</div>
<div class="row">
<div class="col-md-6 col-lg-3">
<div class="box ">
<div class="img-box">
<img src="images/t1.png" alt="">
</div>
<div class="detail-box">
<h4>
Nephrologist Care
</h4>
<p>
alteration in some form, by injected humour, or randomised words which don't look even slightly e sure there isn't anything
</p>
<a href="">
Read More
</a>
</div>
</div>
</div>
<div class="col-md-6 col-lg-3">
<div class="box ">
<div class="img-box">
<img src="images/t2.png" alt="">
</div>
<div class="detail-box">
<h4>
Eye Care
</h4>
<p>
alteration in some form, by injected humour, or randomised words which don't look even slightly e sure there isn't anything
</p>
<a href="">
Read More
</a>
</div>
</div>
</div>
<div class="col-md-6 col-lg-3">
<div class="box ">
<div class="img-box">
<img src="images/t3.png" alt="">
</div>
<div class="detail-box">
<h4>
Pediatrician Clinic
</h4>
<p>
alteration in some form, by injected humour, or randomised words which don't look even slightly e sure there isn't anything
</p>
<a href="">
Read More
</a>
</div>
</div>
</div>
<div class="col-md-6 col-lg-3">
<div class="box ">
<div class="img-box">
<img src="images/t4.png" alt="">
</div>
<div class="detail-box">
<h4>
Parental Care
</h4>
<p>
alteration in some form, by injected humour, or randomised words which don't look even slightly e sure there isn't anything
</p>
<a href="">
Read More
</a>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- end treatment section -->
<!-- info section -->
<section class="info_section ">
<div class="container">
<div class="info_top">
<div class="info_logo">
<a href="">
<img src="images/logo.png" alt="">
</a>
</div>
<div class="info_form">
<form action="">
<input type="email" placeholder="Your email">
<button>
Subscribe
</button>
</form>
</div>
</div>
<div class="info_bottom layout_padding2">
<div class="row info_main_row">
<div class="col-md-6 col-lg-3">
<h5>
Address
</h5>
<div class="info_contact">
<a href="">
<i class="fa fa-map-marker" aria-hidden="true"></i>
<span>
Location
</span>
</a>
<a href="">
<i class="fa fa-phone" aria-hidden="true"></i>
<span>
Call +01 1234567890
</span>
</a>
<a href="">
<i class="fa fa-envelope"></i>
<span>
demo@gmail.com
</span>
</a>
</div>
<div class="social_box">
<a href="">
<i class="fa fa-facebook" aria-hidden="true"></i>
</a>
<a href="">
<i class="fa fa-twitter" aria-hidden="true"></i>
</a>
<a href="">
<i class="fa fa-linkedin" aria-hidden="true"></i>
</a>
<a href="">
<i class="fa fa-instagram" aria-hidden="true"></i>
</a>
</div>
</div>
<div class="col-md-6 col-lg-3">
<div class="info_links">
<h5>
Useful link
</h5>
<div class="info_links_menu">
<a href="index.html">
Home
</a>
<a href="about.html">
About
</a>
<a href="treatment.html" class="active">
Treatment
</a>
<a href="doctor.html">
Doctors
</a>
<a href="testimonial.html">
Testimonial
</a>
<a href="contact.html">
Contact us
</a>
</div>
</div>
</div>
<div class="col-md-6 col-lg-3">
<div class="info_post">
<h5>
LATEST POSTS
</h5>
<div class="post_box">
<div class="img-box">
<img src="images/post1.jpg" alt="">
</div>
<p>
Normal
distribution
</p>
</div>
<div class="post_box">
<div class="img-box">
<img src="images/post2.jpg" alt="">
</div>
<p>
Normal
distribution
</p>
</div>
</div>
</div>
<div class="col-md-6 col-lg-3">
<div class="info_post">
<h5>
News
</h5>
<div class="post_box">
<div class="img-box">
<img src="images/post3.jpg" alt="">
</div>
<p>
Normal
distribution
</p>
</div>
<div class="post_box">
<div class="img-box">
<img src="images/post4.png" alt="">
</div>
<p>
Normal
distribution
</p>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- end info_section -->
<!-- footer section -->
<footer class="footer_section">
<div class="container">
<p>
&copy; <span id="displayYear"></span> All Rights Reserved By
<a href="https://html.design/">Free Html Templates</a>
</p>
</div>
</footer>
<!-- footer section -->
<!-- jQery -->
<script src="js/jquery-3.4.1.min.js"></script>
<!-- bootstrap js -->
<script src="js/bootstrap.js"></script>
<!-- nice select -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-nice-select/1.1.0/js/jquery.nice-select.min.js" integrity="sha256-Zr3vByTlMGQhvMfgkQ5BtWRSKBGa2QlspKYJnkjZTmo=" crossorigin="anonymous"></script>
<!-- owl slider -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/owl.carousel.min.js"></script>
<!-- datepicker -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.3.0/js/bootstrap-datepicker.js"></script>
<!-- custom js -->
<script src="js/custom.js"></script>
</body>
</html>