add medilab template
This commit is contained in:
118
web/healthcare/medilab/contactform/contactform.js
Normal file
118
web/healthcare/medilab/contactform/contactform.js
Normal file
@@ -0,0 +1,118 @@
|
|||||||
|
jQuery(document).ready(function($) {
|
||||||
|
"use strict";
|
||||||
|
|
||||||
|
//Contact
|
||||||
|
$('form.contactForm').submit(function() {
|
||||||
|
var f = $(this).find('.form-group'),
|
||||||
|
ferror = false,
|
||||||
|
emailExp = /^[^\s()<>@,;:\/]+@\w[\w\.-]+\.[a-z]{2,}$/i;
|
||||||
|
|
||||||
|
f.children('input').each(function() { // run all inputs
|
||||||
|
|
||||||
|
var i = $(this); // current input
|
||||||
|
var rule = i.attr('data-rule');
|
||||||
|
|
||||||
|
if (rule !== undefined) {
|
||||||
|
var ierror = false; // error flag for current input
|
||||||
|
var pos = rule.indexOf(':', 0);
|
||||||
|
if (pos >= 0) {
|
||||||
|
var exp = rule.substr(pos + 1, rule.length);
|
||||||
|
rule = rule.substr(0, pos);
|
||||||
|
} else {
|
||||||
|
rule = rule.substr(pos + 1, rule.length);
|
||||||
|
}
|
||||||
|
|
||||||
|
switch (rule) {
|
||||||
|
case 'required':
|
||||||
|
if (i.val() === '') {
|
||||||
|
ferror = ierror = true;
|
||||||
|
}
|
||||||
|
break;
|
||||||
|
|
||||||
|
case 'minlen':
|
||||||
|
if (i.val().length < parseInt(exp)) {
|
||||||
|
ferror = ierror = true;
|
||||||
|
}
|
||||||
|
break;
|
||||||
|
|
||||||
|
case 'email':
|
||||||
|
if (!emailExp.test(i.val())) {
|
||||||
|
ferror = ierror = true;
|
||||||
|
}
|
||||||
|
break;
|
||||||
|
|
||||||
|
case 'checked':
|
||||||
|
if (! i.is(':checked')) {
|
||||||
|
ferror = ierror = true;
|
||||||
|
}
|
||||||
|
break;
|
||||||
|
|
||||||
|
case 'regexp':
|
||||||
|
exp = new RegExp(exp);
|
||||||
|
if (!exp.test(i.val())) {
|
||||||
|
ferror = ierror = true;
|
||||||
|
}
|
||||||
|
break;
|
||||||
|
}
|
||||||
|
i.next('.validation').html((ierror ? (i.attr('data-msg') !== undefined ? i.attr('data-msg') : 'wrong Input') : '')).show('blind');
|
||||||
|
}
|
||||||
|
});
|
||||||
|
f.children('textarea').each(function() { // run all inputs
|
||||||
|
|
||||||
|
var i = $(this); // current input
|
||||||
|
var rule = i.attr('data-rule');
|
||||||
|
|
||||||
|
if (rule !== undefined) {
|
||||||
|
var ierror = false; // error flag for current input
|
||||||
|
var pos = rule.indexOf(':', 0);
|
||||||
|
if (pos >= 0) {
|
||||||
|
var exp = rule.substr(pos + 1, rule.length);
|
||||||
|
rule = rule.substr(0, pos);
|
||||||
|
} else {
|
||||||
|
rule = rule.substr(pos + 1, rule.length);
|
||||||
|
}
|
||||||
|
|
||||||
|
switch (rule) {
|
||||||
|
case 'required':
|
||||||
|
if (i.val() === '') {
|
||||||
|
ferror = ierror = true;
|
||||||
|
}
|
||||||
|
break;
|
||||||
|
|
||||||
|
case 'minlen':
|
||||||
|
if (i.val().length < parseInt(exp)) {
|
||||||
|
ferror = ierror = true;
|
||||||
|
}
|
||||||
|
break;
|
||||||
|
}
|
||||||
|
i.next('.validation').html((ierror ? (i.attr('data-msg') != undefined ? i.attr('data-msg') : 'wrong Input') : '')).show('blind');
|
||||||
|
}
|
||||||
|
});
|
||||||
|
if (ferror) return false;
|
||||||
|
else var str = $(this).serialize();
|
||||||
|
var action = $(this).attr('action');
|
||||||
|
if( ! action ) {
|
||||||
|
action = 'contactform/contactform.php';
|
||||||
|
}
|
||||||
|
$.ajax({
|
||||||
|
type: "POST",
|
||||||
|
url: action,
|
||||||
|
data: str,
|
||||||
|
success: function(msg) {
|
||||||
|
// alert(msg);
|
||||||
|
if (msg == 'OK') {
|
||||||
|
$("#sendmessage").addClass("show");
|
||||||
|
$("#errormessage").removeClass("show");
|
||||||
|
$('.contactForm').find("input, textarea").val("");
|
||||||
|
} else {
|
||||||
|
$("#sendmessage").removeClass("show");
|
||||||
|
$("#errormessage").addClass("show");
|
||||||
|
$('#errormessage').html(msg);
|
||||||
|
}
|
||||||
|
|
||||||
|
}
|
||||||
|
});
|
||||||
|
return false;
|
||||||
|
});
|
||||||
|
|
||||||
|
});
|
||||||
6
web/healthcare/medilab/css/bootstrap.min.css
vendored
Normal file
6
web/healthcare/medilab/css/bootstrap.min.css
vendored
Normal file
File diff suppressed because one or more lines are too long
4
web/healthcare/medilab/css/font-awesome.min.css
vendored
Normal file
4
web/healthcare/medilab/css/font-awesome.min.css
vendored
Normal file
File diff suppressed because one or more lines are too long
530
web/healthcare/medilab/css/style.css
Normal file
530
web/healthcare/medilab/css/style.css
Normal file
@@ -0,0 +1,530 @@
|
|||||||
|
/*
|
||||||
|
Theme Name: Medilab
|
||||||
|
Theme URL: https://bootstrapmade.com/medilab-free-medical-bootstrap-theme/
|
||||||
|
Author: BootstrapMade.com
|
||||||
|
Author URL: https://bootstrapmade.com
|
||||||
|
*/
|
||||||
|
|
||||||
|
body {
|
||||||
|
font-family: 'Open Sans', sans-serif;
|
||||||
|
line-height: 20px;
|
||||||
|
color: #999999;
|
||||||
|
font-size: 300;
|
||||||
|
font-size: 16px;
|
||||||
|
}
|
||||||
|
ol, ul {
|
||||||
|
list-style: none;
|
||||||
|
}
|
||||||
|
blockquote, q {
|
||||||
|
quotes: none;
|
||||||
|
}
|
||||||
|
blockquote:before, blockquote:after,
|
||||||
|
q:before, q:after {
|
||||||
|
content: '';
|
||||||
|
content: none;
|
||||||
|
}
|
||||||
|
table {
|
||||||
|
border-collapse: collapse;
|
||||||
|
border-spacing: 0;
|
||||||
|
}
|
||||||
|
h1, h2, h3, h4, h5, h6
|
||||||
|
{
|
||||||
|
font-family: 'Raleway', sans-serif;
|
||||||
|
font-weight: 600;
|
||||||
|
color: #222222;
|
||||||
|
}
|
||||||
|
a, a:hover, a:focus, a:active{
|
||||||
|
outline: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.section-padding{
|
||||||
|
padding: 60px 0px;
|
||||||
|
|
||||||
|
}
|
||||||
|
h2 {
|
||||||
|
line-height: 20px;
|
||||||
|
margin: 0;
|
||||||
|
font-size: 28px;
|
||||||
|
font-weight: 700;
|
||||||
|
text-transform: uppercase;
|
||||||
|
}
|
||||||
|
hr.botm-line {
|
||||||
|
height: 3px;
|
||||||
|
width: 60px;
|
||||||
|
background: #ffb737;
|
||||||
|
position: relative;
|
||||||
|
border: 0;
|
||||||
|
margin: 20px 0 20px 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
/***************************************
|
||||||
|
banner
|
||||||
|
***************************************/
|
||||||
|
.navbar {
|
||||||
|
margin-bottom: 0px;
|
||||||
|
border: 0px;
|
||||||
|
}
|
||||||
|
.navbar {
|
||||||
|
border-radius: 0px;
|
||||||
|
}
|
||||||
|
.navbar-default {
|
||||||
|
background-color: #fff;
|
||||||
|
padding: 20px 0;
|
||||||
|
transition: all 0.3s;
|
||||||
|
}
|
||||||
|
.navbar-default {
|
||||||
|
background-color: transparent;
|
||||||
|
border: 0px;
|
||||||
|
}
|
||||||
|
.navbar {
|
||||||
|
border-radius: 0px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.navbar-brand
|
||||||
|
{
|
||||||
|
font-family: 'Chewy', cursive;
|
||||||
|
font-size: 32px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.navbar-brand img {
|
||||||
|
padding-top: 2px;
|
||||||
|
width: 120px !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.navbar-default .navbar-brand, .navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:focus {
|
||||||
|
color: #EA6045;
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (max-width: 768px) {
|
||||||
|
.navbar-collapse {
|
||||||
|
background: rgba(28,74,90, 0.9);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.top-nav-collapse {
|
||||||
|
padding: 0;
|
||||||
|
background: rgba(28,74,90, 0.9);
|
||||||
|
}
|
||||||
|
|
||||||
|
.white, .white:hover, .white:focus
|
||||||
|
{
|
||||||
|
color: #fff;
|
||||||
|
width: 100% !important;
|
||||||
|
}
|
||||||
|
.block
|
||||||
|
{
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
|
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover {
|
||||||
|
color: #fff;
|
||||||
|
text-transform: uppercase;
|
||||||
|
background-color: rgba(12, 184, 182, 0.21);
|
||||||
|
}
|
||||||
|
.navbar-default .navbar-nav > li > a
|
||||||
|
{
|
||||||
|
color: #fff;
|
||||||
|
text-transform: uppercase;
|
||||||
|
font-size: 14px;
|
||||||
|
font-weight: 300;
|
||||||
|
}
|
||||||
|
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus
|
||||||
|
{
|
||||||
|
color: #fff;
|
||||||
|
text-transform: uppercase;
|
||||||
|
background-color: rgba(12, 184, 182, 0.21);
|
||||||
|
}
|
||||||
|
.affix {
|
||||||
|
background-color: #ffffff !important;
|
||||||
|
}
|
||||||
|
.affix .navbar-nav > li > a:hover, .affix .navbar-nav > li > a:focus
|
||||||
|
{
|
||||||
|
background-color: rgba(12, 184, 182) !important;
|
||||||
|
}
|
||||||
|
#banner{
|
||||||
|
background: url('../img/bg-banner.jpg') no-repeat fixed;
|
||||||
|
background-size: cover;
|
||||||
|
min-height: 650px;
|
||||||
|
position: relative;
|
||||||
|
}
|
||||||
|
.bg-color{
|
||||||
|
background-color: RGBA(13, 70, 83, 0.78);
|
||||||
|
min-height: 650px;
|
||||||
|
}
|
||||||
|
.banner-info{
|
||||||
|
padding-top: 190px;
|
||||||
|
}
|
||||||
|
.banner-logo img{
|
||||||
|
display: inline-block;
|
||||||
|
}
|
||||||
|
.banner-text{
|
||||||
|
color: #fff;
|
||||||
|
}
|
||||||
|
.banner-text h1{
|
||||||
|
font-family: 'Candal', sans-serif;
|
||||||
|
font-size: 35px;
|
||||||
|
text-transform: uppercase;
|
||||||
|
padding-bottom:15px;
|
||||||
|
}
|
||||||
|
.btn-appoint, .btn-appoint:hover, .btn-appoint:focus{
|
||||||
|
margin-top: 30px;
|
||||||
|
padding: 10px 20px;
|
||||||
|
font-size: 12px;
|
||||||
|
background-color: rgba(12, 184, 182, 0.91);
|
||||||
|
border-radius: 3px;
|
||||||
|
color: #fff;
|
||||||
|
}
|
||||||
|
.overlay-detail a i {
|
||||||
|
text-align: center;
|
||||||
|
position: absolute;
|
||||||
|
bottom: 25px;
|
||||||
|
font-size: 38px;
|
||||||
|
color: #fff;
|
||||||
|
margin: 0 auto;
|
||||||
|
}
|
||||||
|
.text-primary i{
|
||||||
|
padding-top: 8px;
|
||||||
|
display: inline-block;
|
||||||
|
}
|
||||||
|
/***************************************
|
||||||
|
services
|
||||||
|
***************************************/
|
||||||
|
.icon i{
|
||||||
|
color: #0cb8b6;
|
||||||
|
font-size: 45px;
|
||||||
|
margin-bottom: 25px;
|
||||||
|
}
|
||||||
|
.service-info{
|
||||||
|
margin-bottom: 20px;
|
||||||
|
}
|
||||||
|
.icon-info h4{
|
||||||
|
padding-bottom: 15px;
|
||||||
|
}
|
||||||
|
.icon-info p{
|
||||||
|
font-size: 15px !important;
|
||||||
|
}
|
||||||
|
/***************************************
|
||||||
|
cta-1
|
||||||
|
***************************************/
|
||||||
|
.schedule-tab {
|
||||||
|
background-color: #0CB8B6;
|
||||||
|
float: left;
|
||||||
|
}
|
||||||
|
.medi-info{
|
||||||
|
border-right: 1px solid #fff;
|
||||||
|
}
|
||||||
|
.medi-info, .time-info{
|
||||||
|
padding: 20px;
|
||||||
|
color: #fff;
|
||||||
|
}
|
||||||
|
.medi-info h3, .time-info h3{
|
||||||
|
padding-bottom: 16px;
|
||||||
|
color: #fff;
|
||||||
|
font-weight: 600;
|
||||||
|
}
|
||||||
|
.medi-info-btn, .medi-info-btn:hover, .medi-info-btn:focus {
|
||||||
|
margin: 15px 0px 5px;
|
||||||
|
display: inline-block;
|
||||||
|
border: solid white 2px;
|
||||||
|
padding: 3px 8px;
|
||||||
|
font-size: 12px;
|
||||||
|
color: #fff;
|
||||||
|
font-weight: 400 !important;
|
||||||
|
cursor: pointer;
|
||||||
|
}
|
||||||
|
td {
|
||||||
|
border: 0px solid #ededed;
|
||||||
|
border-top: 1px solid rgba(216, 216, 216, 0.5);
|
||||||
|
padding: 6px 10px 6px 0;
|
||||||
|
}
|
||||||
|
.medi-info, .time-info{
|
||||||
|
font-size: 14px;
|
||||||
|
}
|
||||||
|
/***************************************
|
||||||
|
about
|
||||||
|
***************************************/
|
||||||
|
#about{
|
||||||
|
background-color: rgba(238, 238, 238, 0.15);
|
||||||
|
}
|
||||||
|
.lg-line{
|
||||||
|
line-height: 1.4;
|
||||||
|
font-size: 28px;
|
||||||
|
}
|
||||||
|
.more-features-box-text-icon {
|
||||||
|
float: left;
|
||||||
|
width: 40px;
|
||||||
|
height: 40px;
|
||||||
|
padding-top: 6px;
|
||||||
|
background: #0cb8b6;
|
||||||
|
-moz-border-radius: 50%;
|
||||||
|
-webkit-border-radius: 50%;
|
||||||
|
border-radius: 50%;
|
||||||
|
color: #fff;
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
.more-features-box-text-description h3{
|
||||||
|
padding-bottom: 15px;
|
||||||
|
}
|
||||||
|
.more-features-box-text-icon i {
|
||||||
|
font-size: 18px;
|
||||||
|
line-height: 26px;
|
||||||
|
}
|
||||||
|
.more-features-box-text-description{
|
||||||
|
margin-left: 80px;
|
||||||
|
margin-bottom: 35px;
|
||||||
|
}
|
||||||
|
.sec-para{
|
||||||
|
padding-bottom: 10px;
|
||||||
|
}
|
||||||
|
/***************************************
|
||||||
|
doctor team
|
||||||
|
***************************************/
|
||||||
|
.thumbnail {
|
||||||
|
border-radius: 0px;
|
||||||
|
}
|
||||||
|
.caption h3{
|
||||||
|
padding-bottom: 5px;
|
||||||
|
}
|
||||||
|
.caption p{
|
||||||
|
padding-bottom: 10px;
|
||||||
|
}
|
||||||
|
/***************************************
|
||||||
|
testimonial
|
||||||
|
***************************************/
|
||||||
|
#testimonial{
|
||||||
|
background-color: #eee;
|
||||||
|
}
|
||||||
|
.testi-details {
|
||||||
|
background: #fff;
|
||||||
|
padding: 14px 24px;
|
||||||
|
margin-bottom: 20px;
|
||||||
|
box-shadow: 3px 3px 2px 0px rgba(0,0,0,0.18);
|
||||||
|
position: relative;
|
||||||
|
}
|
||||||
|
.testi-info a {
|
||||||
|
display: block;
|
||||||
|
width: 50px;
|
||||||
|
height: 50px;
|
||||||
|
background-color: #fff;
|
||||||
|
border-radius: 50%;
|
||||||
|
float: left;
|
||||||
|
margin-right: 10px;
|
||||||
|
}
|
||||||
|
.testi-info a img{
|
||||||
|
border-radius: 50%;
|
||||||
|
}
|
||||||
|
.testi-info h3 {
|
||||||
|
display: inline-block;
|
||||||
|
line-height: 22px;
|
||||||
|
font-weight: 600;
|
||||||
|
color: #000;
|
||||||
|
margin-top: 8px;
|
||||||
|
}
|
||||||
|
.testi-info h3 > span {
|
||||||
|
display: block;
|
||||||
|
line-height: 16px;
|
||||||
|
font-weight: 400;
|
||||||
|
}
|
||||||
|
.testi-details::after {
|
||||||
|
content: "";
|
||||||
|
position: absolute;
|
||||||
|
width: 0;
|
||||||
|
height: 0;
|
||||||
|
border-style: solid;
|
||||||
|
border-color: transparent;
|
||||||
|
border-left: 0;
|
||||||
|
bottom: -40px;
|
||||||
|
left: 56px;
|
||||||
|
border-top-color: #fff;
|
||||||
|
border-width: 20px;
|
||||||
|
}
|
||||||
|
.testi-details::before {
|
||||||
|
content: '';
|
||||||
|
position: absolute;
|
||||||
|
transform: rotate(45deg);
|
||||||
|
width: 0px;
|
||||||
|
height: 0px;
|
||||||
|
bottom: -30px;
|
||||||
|
left: 45px;
|
||||||
|
border-style: solid;
|
||||||
|
border-width: 15px;
|
||||||
|
border-color: transparent;
|
||||||
|
z-index: -1;
|
||||||
|
box-shadow: 3px -13px 5px 0px rgba(0, 0, 0, 0.18);
|
||||||
|
border-left: 0;
|
||||||
|
}
|
||||||
|
/***************************************
|
||||||
|
cta -2
|
||||||
|
***************************************/
|
||||||
|
#cta-2{
|
||||||
|
background-color: rgb(41, 48, 46);
|
||||||
|
}
|
||||||
|
.white{
|
||||||
|
color: #fff;
|
||||||
|
}
|
||||||
|
.icon-play, .icon-play:hover, .icon-play:focus{
|
||||||
|
background-color: #0CB8B6;
|
||||||
|
padding: 5px 10px;
|
||||||
|
color: #fff;
|
||||||
|
text-decoration: none;
|
||||||
|
padding: 5px 17px;
|
||||||
|
margin-top: 26px;
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
|
.text-primary {
|
||||||
|
color: #0cb8b6;
|
||||||
|
}
|
||||||
|
.icon-mar
|
||||||
|
{
|
||||||
|
margin-right: 7px;
|
||||||
|
}
|
||||||
|
/***************************************
|
||||||
|
contact us
|
||||||
|
***************************************/
|
||||||
|
.space {
|
||||||
|
margin-top: 40px;
|
||||||
|
}
|
||||||
|
.btn-form, .btn-form:hover, .btn-form:focus {
|
||||||
|
background-color: #0cb8b6;
|
||||||
|
color: #fff;
|
||||||
|
border-radius: 0px;
|
||||||
|
padding: 10px 20px;
|
||||||
|
}
|
||||||
|
.br-radius-zero {
|
||||||
|
border-radius: 0px;
|
||||||
|
}
|
||||||
|
.form-control{
|
||||||
|
height: 40px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.validation {
|
||||||
|
color: red;
|
||||||
|
display:none;
|
||||||
|
margin: 0 0 20px;
|
||||||
|
font-weight:400;
|
||||||
|
font-size:13px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#sendmessage {
|
||||||
|
color: green;
|
||||||
|
border:1px solid green;
|
||||||
|
display:none;
|
||||||
|
text-align:center;
|
||||||
|
padding:15px;
|
||||||
|
font-weight:600;
|
||||||
|
margin-bottom:15px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#errormessage {
|
||||||
|
color: red;
|
||||||
|
display:none;
|
||||||
|
border:1px solid red;
|
||||||
|
text-align:center;
|
||||||
|
padding:15px;
|
||||||
|
font-weight:600;
|
||||||
|
margin-bottom:15px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#sendmessage.show, #errormessage.show, .show {
|
||||||
|
display:block;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
/***************************************
|
||||||
|
footer
|
||||||
|
***************************************/
|
||||||
|
#footer{
|
||||||
|
background-color: #325C6A;
|
||||||
|
}
|
||||||
|
.ftr-tle {
|
||||||
|
height: 50px;
|
||||||
|
}
|
||||||
|
.info-sec {
|
||||||
|
color: #fff;
|
||||||
|
}
|
||||||
|
.quick-info li i {
|
||||||
|
font-size: 8px;
|
||||||
|
width: 15px;
|
||||||
|
height: 15px;
|
||||||
|
line-height: 15px;
|
||||||
|
text-align: left;
|
||||||
|
}
|
||||||
|
.social-icon li {
|
||||||
|
float: left;
|
||||||
|
width: 50px;
|
||||||
|
height: 50px;
|
||||||
|
line-height: 50px;
|
||||||
|
text-align: center;
|
||||||
|
margin-right: 5px;
|
||||||
|
}
|
||||||
|
.bglight-blue {
|
||||||
|
background-color: #3498DB;
|
||||||
|
}
|
||||||
|
.bgred {
|
||||||
|
background-color: #E74C3C;
|
||||||
|
}
|
||||||
|
.bgdark-blue {
|
||||||
|
background-color: #2C3E50;
|
||||||
|
}
|
||||||
|
.bglight-blue {
|
||||||
|
background-color: #3498DB;
|
||||||
|
}
|
||||||
|
.top-footer {
|
||||||
|
padding: 40px 0px;
|
||||||
|
border-bottom: 1px solid rgba(255, 255, 255, 0.12);
|
||||||
|
}
|
||||||
|
.footer-line {
|
||||||
|
padding: 30px 0px;
|
||||||
|
color: #fff;
|
||||||
|
}
|
||||||
|
|
||||||
|
.footer-line a {
|
||||||
|
color: #0CB8B6;
|
||||||
|
}
|
||||||
|
|
||||||
|
.quick-info li a{
|
||||||
|
color: #fff;
|
||||||
|
}
|
||||||
|
.site-link, .site-link:hover, .site-link:focus
|
||||||
|
{
|
||||||
|
color: #0cb8b6;
|
||||||
|
text-transform: none;
|
||||||
|
}
|
||||||
|
@media (min-width: 551px) and (max-width: 980px){
|
||||||
|
|
||||||
|
}
|
||||||
|
@media (min-width: 220px) and (max-width: 551px){
|
||||||
|
.testi-info{
|
||||||
|
margin-bottom: 20px;
|
||||||
|
}
|
||||||
|
.marb20{
|
||||||
|
margin-top: 30px;
|
||||||
|
}
|
||||||
|
h2{
|
||||||
|
font-size: 24px;
|
||||||
|
line-height: 1.2;
|
||||||
|
}
|
||||||
|
.section-title{
|
||||||
|
margin-bottom: 30px;
|
||||||
|
}
|
||||||
|
.medi-info {
|
||||||
|
border: 0px;
|
||||||
|
border-bottom: 1px solid #fff;
|
||||||
|
}
|
||||||
|
.service-info{
|
||||||
|
margin-top: 20px;
|
||||||
|
margin-bottom: 0px;
|
||||||
|
}
|
||||||
|
.caption h3 {
|
||||||
|
font-size: 14px;
|
||||||
|
}
|
||||||
|
.caption p{
|
||||||
|
font-size: 12px;
|
||||||
|
padding-bottom: 5px;
|
||||||
|
}
|
||||||
|
.caption ul li a i{
|
||||||
|
font-size: 14px;
|
||||||
|
}
|
||||||
|
.banner-text h1{
|
||||||
|
font-size: 24px;
|
||||||
|
}
|
||||||
|
}
|
||||||
BIN
web/healthcare/medilab/fonts/FontAwesome.otf
Normal file
BIN
web/healthcare/medilab/fonts/FontAwesome.otf
Normal file
Binary file not shown.
BIN
web/healthcare/medilab/fonts/fontawesome-webfont.eot
Normal file
BIN
web/healthcare/medilab/fonts/fontawesome-webfont.eot
Normal file
Binary file not shown.
2671
web/healthcare/medilab/fonts/fontawesome-webfont.svg
Normal file
2671
web/healthcare/medilab/fonts/fontawesome-webfont.svg
Normal file
File diff suppressed because it is too large
Load Diff
|
After Width: | Height: | Size: 434 KiB |
BIN
web/healthcare/medilab/fonts/fontawesome-webfont.ttf
Normal file
BIN
web/healthcare/medilab/fonts/fontawesome-webfont.ttf
Normal file
Binary file not shown.
BIN
web/healthcare/medilab/fonts/fontawesome-webfont.woff
Normal file
BIN
web/healthcare/medilab/fonts/fontawesome-webfont.woff
Normal file
Binary file not shown.
BIN
web/healthcare/medilab/fonts/fontawesome-webfont.woff2
Normal file
BIN
web/healthcare/medilab/fonts/fontawesome-webfont.woff2
Normal file
Binary file not shown.
BIN
web/healthcare/medilab/img/bg-banner.jpg
Normal file
BIN
web/healthcare/medilab/img/bg-banner.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 445 KiB |
BIN
web/healthcare/medilab/img/doctor1.jpg
Normal file
BIN
web/healthcare/medilab/img/doctor1.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 14 KiB |
BIN
web/healthcare/medilab/img/doctor2.jpg
Normal file
BIN
web/healthcare/medilab/img/doctor2.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 23 KiB |
BIN
web/healthcare/medilab/img/doctor3.jpg
Normal file
BIN
web/healthcare/medilab/img/doctor3.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 19 KiB |
BIN
web/healthcare/medilab/img/doctor4.jpg
Normal file
BIN
web/healthcare/medilab/img/doctor4.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 21 KiB |
BIN
web/healthcare/medilab/img/logo.png
Normal file
BIN
web/healthcare/medilab/img/logo.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 2.7 KiB |
BIN
web/healthcare/medilab/img/thumb.png
Normal file
BIN
web/healthcare/medilab/img/thumb.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 12 KiB |
458
web/healthcare/medilab/index.html
Normal file
458
web/healthcare/medilab/index.html
Normal file
@@ -0,0 +1,458 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="en">
|
||||||
|
|
||||||
|
<head>
|
||||||
|
<meta charset="utf-8">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||||
|
<title>Medilab Free Bootstrap HTML5 Template</title>
|
||||||
|
<meta name="description" content="Free Bootstrap Theme by BootstrapMade.com">
|
||||||
|
<meta name="keywords" content="free website templates, free bootstrap themes, free template, free bootstrap, free website template">
|
||||||
|
|
||||||
|
<link rel="stylesheet" type="text/css" href="https://fonts.googleapis.com/css?family=Open+Sans|Raleway|Candal">
|
||||||
|
<link rel="stylesheet" type="text/css" href="css/font-awesome.min.css">
|
||||||
|
<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css">
|
||||||
|
<link rel="stylesheet" type="text/css" href="css/style.css">
|
||||||
|
<!-- =======================================================
|
||||||
|
Theme Name: Medilab
|
||||||
|
Theme URL: https://bootstrapmade.com/medilab-free-medical-bootstrap-theme/
|
||||||
|
Author: BootstrapMade.com
|
||||||
|
Author URL: https://bootstrapmade.com
|
||||||
|
======================================================= -->
|
||||||
|
</head>
|
||||||
|
|
||||||
|
<body id="myPage" data-spy="scroll" data-target=".navbar" data-offset="60">
|
||||||
|
<!--banner-->
|
||||||
|
<section id="banner" class="banner">
|
||||||
|
<div class="bg-color">
|
||||||
|
<nav class="navbar navbar-default navbar-fixed-top">
|
||||||
|
<div class="container">
|
||||||
|
<div class="col-md-12">
|
||||||
|
<div class="navbar-header">
|
||||||
|
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#myNavbar">
|
||||||
|
<span class="icon-bar"></span>
|
||||||
|
<span class="icon-bar"></span>
|
||||||
|
<span class="icon-bar"></span>
|
||||||
|
</button>
|
||||||
|
<a class="navbar-brand" href="#"><img src="img/logo.png" class="img-responsive" style="width: 140px; margin-top: -16px;"></a>
|
||||||
|
</div>
|
||||||
|
<div class="collapse navbar-collapse navbar-right" id="myNavbar">
|
||||||
|
<ul class="nav navbar-nav">
|
||||||
|
<li class="active"><a href="#banner">Home</a></li>
|
||||||
|
<li class=""><a href="#service">Services</a></li>
|
||||||
|
<li class=""><a href="#about">About</a></li>
|
||||||
|
<li class=""><a href="#testimonial">Testimonial</a></li>
|
||||||
|
<li class=""><a href="#contact">Contact</a></li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</nav>
|
||||||
|
<div class="container">
|
||||||
|
<div class="row">
|
||||||
|
<div class="banner-info">
|
||||||
|
<div class="banner-logo text-center">
|
||||||
|
<img src="img/logo.png" class="img-responsive">
|
||||||
|
</div>
|
||||||
|
<div class="banner-text text-center">
|
||||||
|
<h1 class="white">Healthcare at your desk!!</h1>
|
||||||
|
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod <br>tempor incididunt ut labore et dolore magna aliqua.</p>
|
||||||
|
<a href="#contact" class="btn btn-appoint">Make an Appointment.</a>
|
||||||
|
</div>
|
||||||
|
<div class="overlay-detail text-center">
|
||||||
|
<a href="#service"><i class="fa fa-angle-down"></i></a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
<!--/ banner-->
|
||||||
|
<!--service-->
|
||||||
|
<section id="service" class="section-padding">
|
||||||
|
<div class="container">
|
||||||
|
<div class="row">
|
||||||
|
<div class="col-md-4 col-sm-4">
|
||||||
|
<h2 class="ser-title">Our Service</h2>
|
||||||
|
<hr class="botm-line">
|
||||||
|
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris cillum.</p>
|
||||||
|
</div>
|
||||||
|
<div class="col-md-4 col-sm-4">
|
||||||
|
<div class="service-info">
|
||||||
|
<div class="icon">
|
||||||
|
<i class="fa fa-stethoscope"></i>
|
||||||
|
</div>
|
||||||
|
<div class="icon-info">
|
||||||
|
<h4>24 Hour Support</h4>
|
||||||
|
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="service-info">
|
||||||
|
<div class="icon">
|
||||||
|
<i class="fa fa-ambulance"></i>
|
||||||
|
</div>
|
||||||
|
<div class="icon-info">
|
||||||
|
<h4>Emergency Services</h4>
|
||||||
|
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-md-4 col-sm-4">
|
||||||
|
<div class="service-info">
|
||||||
|
<div class="icon">
|
||||||
|
<i class="fa fa-user-md"></i>
|
||||||
|
</div>
|
||||||
|
<div class="icon-info">
|
||||||
|
<h4>Medical Counseling</h4>
|
||||||
|
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="service-info">
|
||||||
|
<div class="icon">
|
||||||
|
<i class="fa fa-medkit"></i>
|
||||||
|
</div>
|
||||||
|
<div class="icon-info">
|
||||||
|
<h4>Premium Healthcare</h4>
|
||||||
|
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
<!--/ service-->
|
||||||
|
<!--cta-->
|
||||||
|
<section id="cta-1" class="section-padding">
|
||||||
|
<div class="container">
|
||||||
|
<div class="row">
|
||||||
|
<div class="schedule-tab">
|
||||||
|
<div class="col-md-4 col-sm-4 bor-left">
|
||||||
|
<div class="mt-boxy-color"></div>
|
||||||
|
<div class="medi-info">
|
||||||
|
<h3>Emergency Case</h3>
|
||||||
|
<p>I am text block. Edit this text from Appearance / Customize / Homepage header columns. Lorem ipsum dolor sit amet, consectetur adipiscing elit. </p>
|
||||||
|
<a href="#" class="medi-info-btn">READ MORE</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-md-4 col-sm-4">
|
||||||
|
<div class="medi-info">
|
||||||
|
<h3>Emergency Case</h3>
|
||||||
|
<p>I am text block. Edit this text from Appearance / Customize / Homepage header columns. Lorem ipsum dolor sit amet, consectetur adipiscing elit. </p>
|
||||||
|
<a href="#" class="medi-info-btn">READ MORE</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-md-4 col-sm-4 mt-boxy-3">
|
||||||
|
<div class="mt-boxy-color"></div>
|
||||||
|
<div class="time-info">
|
||||||
|
<h3>Opening Hours</h3>
|
||||||
|
<table style="margin: 8px 0px 0px;" border="1">
|
||||||
|
<tbody>
|
||||||
|
<tr>
|
||||||
|
<td>Monday - Friday</td>
|
||||||
|
<td>8.00 - 17.00</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td>Saturday</td>
|
||||||
|
<td>9.30 - 17.30</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td>Sunday</td>
|
||||||
|
<td>9.30 - 15.00</td>
|
||||||
|
</tr>
|
||||||
|
</tbody>
|
||||||
|
</table>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
<!--cta-->
|
||||||
|
<!--about-->
|
||||||
|
<section id="about" class="section-padding">
|
||||||
|
<div class="container">
|
||||||
|
<div class="row">
|
||||||
|
<div class="col-md-3 col-sm-4 col-xs-12">
|
||||||
|
<div class="section-title">
|
||||||
|
<h2 class="head-title lg-line">The Medilap <br>Ultimate Dream</h2>
|
||||||
|
<hr class="botm-line">
|
||||||
|
<p class="sec-para">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua..</p>
|
||||||
|
<a href="" style="color: #0cb8b6; padding-top:10px;">Know more..</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-md-9 col-sm-8 col-xs-12">
|
||||||
|
<div style="visibility: visible;" class="col-sm-9 more-features-box">
|
||||||
|
<div class="more-features-box-text">
|
||||||
|
<div class="more-features-box-text-icon"> <i class="fa fa-angle-right" aria-hidden="true"></i> </div>
|
||||||
|
<div class="more-features-box-text-description">
|
||||||
|
<h3>It's something important you want to know.</h3>
|
||||||
|
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et. Ut wisi enim ad minim veniam, quis nostrud.</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="more-features-box-text">
|
||||||
|
<div class="more-features-box-text-icon"> <i class="fa fa-angle-right" aria-hidden="true"></i> </div>
|
||||||
|
<div class="more-features-box-text-description">
|
||||||
|
<h3>It's something important you want to know.</h3>
|
||||||
|
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et. Ut wisi enim ad minim veniam, quis nostrud.</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
<!--/ about-->
|
||||||
|
<!--doctor team-->
|
||||||
|
<section id="doctor-team" class="section-padding">
|
||||||
|
<div class="container">
|
||||||
|
<div class="row">
|
||||||
|
<div class="col-md-12">
|
||||||
|
<h2 class="ser-title">Meet Our Doctors!</h2>
|
||||||
|
<hr class="botm-line">
|
||||||
|
</div>
|
||||||
|
<div class="col-md-3 col-sm-3 col-xs-6">
|
||||||
|
<div class="thumbnail">
|
||||||
|
<img src="img/doctor1.jpg" alt="..." class="team-img">
|
||||||
|
<div class="caption">
|
||||||
|
<h3>Jessica Wally</h3>
|
||||||
|
<p>Doctor</p>
|
||||||
|
<ul class="list-inline">
|
||||||
|
<li><a href="#"><i class="fa fa-facebook"></i></a></li>
|
||||||
|
<li><a href="#"><i class="fa fa-twitter"></i></a></li>
|
||||||
|
<li><a href="#"><i class="fa fa-google-plus"></i></a></li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-md-3 col-sm-3 col-xs-6">
|
||||||
|
<div class="thumbnail">
|
||||||
|
<img src="img/doctor2.jpg" alt="..." class="team-img">
|
||||||
|
<div class="caption">
|
||||||
|
<h3>Iai Donas</h3>
|
||||||
|
<p>Doctor</p>
|
||||||
|
<ul class="list-inline">
|
||||||
|
<li><a href="#"><i class="fa fa-facebook"></i></a></li>
|
||||||
|
<li><a href="#"><i class="fa fa-twitter"></i></a></li>
|
||||||
|
<li><a href="#"><i class="fa fa-google-plus"></i></a></li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-md-3 col-sm-3 col-xs-6">
|
||||||
|
<div class="thumbnail">
|
||||||
|
<img src="img/doctor3.jpg" alt="..." class="team-img">
|
||||||
|
<div class="caption">
|
||||||
|
<h3>Amanda Denyl</h3>
|
||||||
|
<p>Doctor</p>
|
||||||
|
<ul class="list-inline">
|
||||||
|
<li><a href="#"><i class="fa fa-facebook"></i></a></li>
|
||||||
|
<li><a href="#"><i class="fa fa-twitter"></i></a></li>
|
||||||
|
<li><a href="#"><i class="fa fa-google-plus"></i></a></li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-md-3 col-sm-3 col-xs-6">
|
||||||
|
<div class="thumbnail">
|
||||||
|
<img src="img/doctor4.jpg" alt="..." class="team-img">
|
||||||
|
<div class="caption">
|
||||||
|
<h3>Jason Davis</h3>
|
||||||
|
<p>Doctor</p>
|
||||||
|
<ul class="list-inline">
|
||||||
|
<li><a href="#"><i class="fa fa-facebook"></i></a></li>
|
||||||
|
<li><a href="#"><i class="fa fa-twitter"></i></a></li>
|
||||||
|
<li><a href="#"><i class="fa fa-google-plus"></i></a></li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
<!--/ doctor team-->
|
||||||
|
<!--testimonial-->
|
||||||
|
<section id="testimonial" class="section-padding">
|
||||||
|
<div class="container">
|
||||||
|
<div class="row">
|
||||||
|
<div class="col-md-12">
|
||||||
|
<h2 class="ser-title">see what patients are saying?</h2>
|
||||||
|
<hr class="botm-line">
|
||||||
|
</div>
|
||||||
|
<div class="col-md-4 col-sm-4">
|
||||||
|
<div class="testi-details">
|
||||||
|
<!-- Paragraph -->
|
||||||
|
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
|
||||||
|
</div>
|
||||||
|
<div class="testi-info">
|
||||||
|
<!-- User Image -->
|
||||||
|
<a href="#"><img src="img/thumb.png" alt="" class="img-responsive"></a>
|
||||||
|
<!-- User Name -->
|
||||||
|
<h3>Alex<span>Texas</span></h3>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-md-4 col-sm-4">
|
||||||
|
<div class="testi-details">
|
||||||
|
<!-- Paragraph -->
|
||||||
|
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
|
||||||
|
</div>
|
||||||
|
<div class="testi-info">
|
||||||
|
<!-- User Image -->
|
||||||
|
<a href="#"><img src="img/thumb.png" alt="" class="img-responsive"></a>
|
||||||
|
<!-- User Name -->
|
||||||
|
<h3>Alex<span>Texas</span></h3>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-md-4 col-sm-4">
|
||||||
|
<div class="testi-details">
|
||||||
|
<!-- Paragraph -->
|
||||||
|
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
|
||||||
|
</div>
|
||||||
|
<div class="testi-info">
|
||||||
|
<!-- User Image -->
|
||||||
|
<a href="#"><img src="img/thumb.png" alt="" class="img-responsive"></a>
|
||||||
|
<!-- User Name -->
|
||||||
|
<h3>Alex<span>Texas</span></h3>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
<!--/ testimonial-->
|
||||||
|
<!--cta 2-->
|
||||||
|
<section id="cta-2" class="section-padding">
|
||||||
|
<div class="container">
|
||||||
|
<div class=" row">
|
||||||
|
<div class="col-md-2"></div>
|
||||||
|
<div class="text-right-md col-md-4 col-sm-4">
|
||||||
|
<h2 class="section-title white lg-line">« A few words<br> about us »</h2>
|
||||||
|
</div>
|
||||||
|
<div class="col-md-4 col-sm-5">
|
||||||
|
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a typek
|
||||||
|
<p class="text-right text-primary"><i>— Medilap Healthcare</i></p>
|
||||||
|
</div>
|
||||||
|
<div class="col-md-2"></div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
<!--cta-->
|
||||||
|
<!--contact-->
|
||||||
|
<section id="contact" class="section-padding">
|
||||||
|
<div class="container">
|
||||||
|
<div class="row">
|
||||||
|
<div class="col-md-12">
|
||||||
|
<h2 class="ser-title">Contact us</h2>
|
||||||
|
<hr class="botm-line">
|
||||||
|
</div>
|
||||||
|
<div class="col-md-4 col-sm-4">
|
||||||
|
<h3>Contact Info</h3>
|
||||||
|
<div class="space"></div>
|
||||||
|
<p><i class="fa fa-map-marker fa-fw pull-left fa-2x"></i>321 Awesome Street<br> New York, NY 17022</p>
|
||||||
|
<div class="space"></div>
|
||||||
|
<p><i class="fa fa-envelope-o fa-fw pull-left fa-2x"></i>info@companyname.com</p>
|
||||||
|
<div class="space"></div>
|
||||||
|
<p><i class="fa fa-phone fa-fw pull-left fa-2x"></i>+1 800 123 1234</p>
|
||||||
|
</div>
|
||||||
|
<div class="col-md-8 col-sm-8 marb20">
|
||||||
|
<div class="contact-info">
|
||||||
|
<h3 class="cnt-ttl">Having Any Query! Or Book an appointment</h3>
|
||||||
|
<div class="space"></div>
|
||||||
|
<div id="sendmessage">Your message has been sent. Thank you!</div>
|
||||||
|
<div id="errormessage"></div>
|
||||||
|
<form action="" method="post" role="form" class="contactForm">
|
||||||
|
<div class="form-group">
|
||||||
|
<input type="text" name="name" class="form-control br-radius-zero" id="name" placeholder="Your Name" data-rule="minlen:4" data-msg="Please enter at least 4 chars" />
|
||||||
|
<div class="validation"></div>
|
||||||
|
</div>
|
||||||
|
<div class="form-group">
|
||||||
|
<input type="email" class="form-control br-radius-zero" name="email" id="email" placeholder="Your Email" data-rule="email" data-msg="Please enter a valid email" />
|
||||||
|
<div class="validation"></div>
|
||||||
|
</div>
|
||||||
|
<div class="form-group">
|
||||||
|
<input type="text" class="form-control br-radius-zero" name="subject" id="subject" placeholder="Subject" data-rule="minlen:4" data-msg="Please enter at least 8 chars of subject" />
|
||||||
|
<div class="validation"></div>
|
||||||
|
</div>
|
||||||
|
<div class="form-group">
|
||||||
|
<textarea class="form-control br-radius-zero" name="message" rows="5" data-rule="required" data-msg="Please write something for us" placeholder="Message"></textarea>
|
||||||
|
<div class="validation"></div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="form-action">
|
||||||
|
<button type="submit" class="btn btn-form">Send Message</button>
|
||||||
|
</div>
|
||||||
|
</form>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
<!--/ contact-->
|
||||||
|
<!--footer-->
|
||||||
|
<footer id="footer">
|
||||||
|
<div class="top-footer">
|
||||||
|
<div class="container">
|
||||||
|
<div class="row">
|
||||||
|
<div class="col-md-4 col-sm-4 marb20">
|
||||||
|
<div class="ftr-tle">
|
||||||
|
<h4 class="white no-padding">About Us</h4>
|
||||||
|
</div>
|
||||||
|
<div class="info-sec">
|
||||||
|
<p>Praesent convallis tortor et enim laoreet, vel consectetur purus latoque penatibus et dis parturient.</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-md-4 col-sm-4 marb20">
|
||||||
|
<div class="ftr-tle">
|
||||||
|
<h4 class="white no-padding">Quick Links</h4>
|
||||||
|
</div>
|
||||||
|
<div class="info-sec">
|
||||||
|
<ul class="quick-info">
|
||||||
|
<li><a href="index.html"><i class="fa fa-circle"></i>Home</a></li>
|
||||||
|
<li><a href="#service"><i class="fa fa-circle"></i>Service</a></li>
|
||||||
|
<li><a href="#contact"><i class="fa fa-circle"></i>Appointment</a></li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-md-4 col-sm-4 marb20">
|
||||||
|
<div class="ftr-tle">
|
||||||
|
<h4 class="white no-padding">Follow us</h4>
|
||||||
|
</div>
|
||||||
|
<div class="info-sec">
|
||||||
|
<ul class="social-icon">
|
||||||
|
<li class="bglight-blue"><i class="fa fa-facebook"></i></li>
|
||||||
|
<li class="bgred"><i class="fa fa-google-plus"></i></li>
|
||||||
|
<li class="bgdark-blue"><i class="fa fa-linkedin"></i></li>
|
||||||
|
<li class="bglight-blue"><i class="fa fa-twitter"></i></li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="footer-line">
|
||||||
|
<div class="container">
|
||||||
|
<div class="row">
|
||||||
|
<div class="col-md-12 text-center">
|
||||||
|
© Copyright Medilab Theme. All Rights Reserved
|
||||||
|
<div class="credits">
|
||||||
|
<!--
|
||||||
|
All the links in the footer should remain intact.
|
||||||
|
You can delete the links only if you purchased the pro version.
|
||||||
|
Licensing information: https://bootstrapmade.com/license/
|
||||||
|
Purchase the pro version with working PHP/AJAX contact form: https://bootstrapmade.com/buy/?theme=Medilab
|
||||||
|
-->
|
||||||
|
Designed by <a href="https://bootstrapmade.com/">BootstrapMade.com</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</footer>
|
||||||
|
<!--/ footer-->
|
||||||
|
|
||||||
|
<script src="js/jquery.min.js"></script>
|
||||||
|
<script src="js/jquery.easing.min.js"></script>
|
||||||
|
<script src="js/bootstrap.min.js"></script>
|
||||||
|
<script src="js/custom.js"></script>
|
||||||
|
<script src="contactform/contactform.js"></script>
|
||||||
|
|
||||||
|
</body>
|
||||||
|
|
||||||
|
</html>
|
||||||
7
web/healthcare/medilab/js/bootstrap.min.js
vendored
Normal file
7
web/healthcare/medilab/js/bootstrap.min.js
vendored
Normal file
File diff suppressed because one or more lines are too long
31
web/healthcare/medilab/js/custom.js
Normal file
31
web/healthcare/medilab/js/custom.js
Normal file
@@ -0,0 +1,31 @@
|
|||||||
|
(function($) {
|
||||||
|
|
||||||
|
// Add smooth scrolling to all links in navbar
|
||||||
|
$(".navbar a,a.btn-appoint, .quick-info li a, .overlay-detail a").on('click', function(event) {
|
||||||
|
|
||||||
|
var hash = this.hash;
|
||||||
|
if (hash) {
|
||||||
|
event.preventDefault();
|
||||||
|
$('html, body').animate({
|
||||||
|
scrollTop: $(hash).offset().top
|
||||||
|
}, 900, function() {
|
||||||
|
window.location.hash = hash;
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
});
|
||||||
|
|
||||||
|
$(".navbar-collapse a").on('click', function() {
|
||||||
|
$(".navbar-collapse.collapse").removeClass('in');
|
||||||
|
});
|
||||||
|
|
||||||
|
//jQuery to collapse the navbar on scroll
|
||||||
|
$(window).scroll(function() {
|
||||||
|
if ($(".navbar-default").offset().top > 50) {
|
||||||
|
$(".navbar-fixed-top").addClass("top-nav-collapse");
|
||||||
|
} else {
|
||||||
|
$(".navbar-fixed-top").removeClass("top-nav-collapse");
|
||||||
|
}
|
||||||
|
});
|
||||||
|
|
||||||
|
})(jQuery);
|
||||||
44
web/healthcare/medilab/js/jquery.easing.min.js
vendored
Normal file
44
web/healthcare/medilab/js/jquery.easing.min.js
vendored
Normal file
@@ -0,0 +1,44 @@
|
|||||||
|
/*
|
||||||
|
* jQuery Easing v1.3 - http://gsgd.co.uk/sandbox/jquery/easing/
|
||||||
|
*
|
||||||
|
* Uses the built in easing capabilities added In jQuery 1.1
|
||||||
|
* to offer multiple easing options
|
||||||
|
*
|
||||||
|
* TERMS OF USE - EASING EQUATIONS
|
||||||
|
*
|
||||||
|
* Open source under the BSD License.
|
||||||
|
*
|
||||||
|
* Copyright © 2001 Robert Penner
|
||||||
|
* All rights reserved.
|
||||||
|
*
|
||||||
|
* TERMS OF USE - jQuery Easing
|
||||||
|
*
|
||||||
|
* Open source under the BSD License.
|
||||||
|
*
|
||||||
|
* Copyright © 2008 George McGinley Smith
|
||||||
|
* All rights reserved.
|
||||||
|
*
|
||||||
|
* Redistribution and use in source and binary forms, with or without modification,
|
||||||
|
* are permitted provided that the following conditions are met:
|
||||||
|
*
|
||||||
|
* Redistributions of source code must retain the above copyright notice, this list of
|
||||||
|
* conditions and the following disclaimer.
|
||||||
|
* Redistributions in binary form must reproduce the above copyright notice, this list
|
||||||
|
* of conditions and the following disclaimer in the documentation and/or other materials
|
||||||
|
* provided with the distribution.
|
||||||
|
*
|
||||||
|
* Neither the name of the author nor the names of contributors may be used to endorse
|
||||||
|
* or promote products derived from this software without specific prior written permission.
|
||||||
|
*
|
||||||
|
* THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS" AND ANY
|
||||||
|
* EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED WARRANTIES OF
|
||||||
|
* MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE
|
||||||
|
* COPYRIGHT OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL,
|
||||||
|
* EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE
|
||||||
|
* GOODS OR SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED
|
||||||
|
* AND ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING
|
||||||
|
* NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED
|
||||||
|
* OF THE POSSIBILITY OF SUCH DAMAGE.
|
||||||
|
*
|
||||||
|
*/
|
||||||
|
jQuery.easing.jswing=jQuery.easing.swing;jQuery.extend(jQuery.easing,{def:"easeOutQuad",swing:function(e,f,a,h,g){return jQuery.easing[jQuery.easing.def](e,f,a,h,g)},easeInQuad:function(e,f,a,h,g){return h*(f/=g)*f+a},easeOutQuad:function(e,f,a,h,g){return -h*(f/=g)*(f-2)+a},easeInOutQuad:function(e,f,a,h,g){if((f/=g/2)<1){return h/2*f*f+a}return -h/2*((--f)*(f-2)-1)+a},easeInCubic:function(e,f,a,h,g){return h*(f/=g)*f*f+a},easeOutCubic:function(e,f,a,h,g){return h*((f=f/g-1)*f*f+1)+a},easeInOutCubic:function(e,f,a,h,g){if((f/=g/2)<1){return h/2*f*f*f+a}return h/2*((f-=2)*f*f+2)+a},easeInQuart:function(e,f,a,h,g){return h*(f/=g)*f*f*f+a},easeOutQuart:function(e,f,a,h,g){return -h*((f=f/g-1)*f*f*f-1)+a},easeInOutQuart:function(e,f,a,h,g){if((f/=g/2)<1){return h/2*f*f*f*f+a}return -h/2*((f-=2)*f*f*f-2)+a},easeInQuint:function(e,f,a,h,g){return h*(f/=g)*f*f*f*f+a},easeOutQuint:function(e,f,a,h,g){return h*((f=f/g-1)*f*f*f*f+1)+a},easeInOutQuint:function(e,f,a,h,g){if((f/=g/2)<1){return h/2*f*f*f*f*f+a}return h/2*((f-=2)*f*f*f*f+2)+a},easeInSine:function(e,f,a,h,g){return -h*Math.cos(f/g*(Math.PI/2))+h+a},easeOutSine:function(e,f,a,h,g){return h*Math.sin(f/g*(Math.PI/2))+a},easeInOutSine:function(e,f,a,h,g){return -h/2*(Math.cos(Math.PI*f/g)-1)+a},easeInExpo:function(e,f,a,h,g){return(f==0)?a:h*Math.pow(2,10*(f/g-1))+a},easeOutExpo:function(e,f,a,h,g){return(f==g)?a+h:h*(-Math.pow(2,-10*f/g)+1)+a},easeInOutExpo:function(e,f,a,h,g){if(f==0){return a}if(f==g){return a+h}if((f/=g/2)<1){return h/2*Math.pow(2,10*(f-1))+a}return h/2*(-Math.pow(2,-10*--f)+2)+a},easeInCirc:function(e,f,a,h,g){return -h*(Math.sqrt(1-(f/=g)*f)-1)+a},easeOutCirc:function(e,f,a,h,g){return h*Math.sqrt(1-(f=f/g-1)*f)+a},easeInOutCirc:function(e,f,a,h,g){if((f/=g/2)<1){return -h/2*(Math.sqrt(1-f*f)-1)+a}return h/2*(Math.sqrt(1-(f-=2)*f)+1)+a},easeInElastic:function(f,h,e,l,k){var i=1.70158;var j=0;var g=l;if(h==0){return e}if((h/=k)==1){return e+l}if(!j){j=k*0.3}if(g<Math.abs(l)){g=l;var i=j/4}else{var i=j/(2*Math.PI)*Math.asin(l/g)}return -(g*Math.pow(2,10*(h-=1))*Math.sin((h*k-i)*(2*Math.PI)/j))+e},easeOutElastic:function(f,h,e,l,k){var i=1.70158;var j=0;var g=l;if(h==0){return e}if((h/=k)==1){return e+l}if(!j){j=k*0.3}if(g<Math.abs(l)){g=l;var i=j/4}else{var i=j/(2*Math.PI)*Math.asin(l/g)}return g*Math.pow(2,-10*h)*Math.sin((h*k-i)*(2*Math.PI)/j)+l+e},easeInOutElastic:function(f,h,e,l,k){var i=1.70158;var j=0;var g=l;if(h==0){return e}if((h/=k/2)==2){return e+l}if(!j){j=k*(0.3*1.5)}if(g<Math.abs(l)){g=l;var i=j/4}else{var i=j/(2*Math.PI)*Math.asin(l/g)}if(h<1){return -0.5*(g*Math.pow(2,10*(h-=1))*Math.sin((h*k-i)*(2*Math.PI)/j))+e}return g*Math.pow(2,-10*(h-=1))*Math.sin((h*k-i)*(2*Math.PI)/j)*0.5+l+e},easeInBack:function(e,f,a,i,h,g){if(g==undefined){g=1.70158}return i*(f/=h)*f*((g+1)*f-g)+a},easeOutBack:function(e,f,a,i,h,g){if(g==undefined){g=1.70158}return i*((f=f/h-1)*f*((g+1)*f+g)+1)+a},easeInOutBack:function(e,f,a,i,h,g){if(g==undefined){g=1.70158}if((f/=h/2)<1){return i/2*(f*f*(((g*=(1.525))+1)*f-g))+a}return i/2*((f-=2)*f*(((g*=(1.525))+1)*f+g)+2)+a},easeInBounce:function(e,f,a,h,g){return h-jQuery.easing.easeOutBounce(e,g-f,0,h,g)+a},easeOutBounce:function(e,f,a,h,g){if((f/=g)<(1/2.75)){return h*(7.5625*f*f)+a}else{if(f<(2/2.75)){return h*(7.5625*(f-=(1.5/2.75))*f+0.75)+a}else{if(f<(2.5/2.75)){return h*(7.5625*(f-=(2.25/2.75))*f+0.9375)+a}else{return h*(7.5625*(f-=(2.625/2.75))*f+0.984375)+a}}}},easeInOutBounce:function(e,f,a,h,g){if(f<g/2){return jQuery.easing.easeInBounce(e,f*2,0,h,g)*0.5+a}return jQuery.easing.easeOutBounce(e,f*2-g,0,h,g)*0.5+h*0.5+a}});
|
||||||
5
web/healthcare/medilab/js/jquery.min.js
vendored
Normal file
5
web/healthcare/medilab/js/jquery.min.js
vendored
Normal file
File diff suppressed because one or more lines are too long
Reference in New Issue
Block a user