253 lines
4.1 KiB
CSS
Executable File
253 lines
4.1 KiB
CSS
Executable File
html,
|
|
body {
|
|
height: 100%;
|
|
}
|
|
|
|
body {
|
|
color: #212226;
|
|
font-family:"sans-serif"
|
|
}
|
|
|
|
h1,
|
|
h2,
|
|
h3,
|
|
h4,
|
|
h5,
|
|
h6 {
|
|
font-family: "raleway", "sans-serif"
|
|
}
|
|
|
|
p {
|
|
font-family: "open sans";
|
|
font-weight: 400px;
|
|
line-height: 24px;
|
|
font-size: 13px;
|
|
}
|
|
.navbar{
|
|
|
|
}
|
|
|
|
.navbar-brand{
|
|
color: #BABABA;
|
|
font-size: 32px;
|
|
font-weight: normal;
|
|
font-family: sans-serif
|
|
}
|
|
.navbar-brand:hover{
|
|
color: #BABABA;
|
|
}
|
|
.navbar-brand span{
|
|
color: #F4726E;
|
|
}
|
|
.nav-link{
|
|
color: #BABABA;
|
|
margin-right: 2px;
|
|
}
|
|
.navbar-nav .active{
|
|
background: #F77B6F;
|
|
border-radius: 5px;
|
|
color:#fff;
|
|
padding: 10px;
|
|
}
|
|
.nav-link:hover{
|
|
background: #F77B6F;
|
|
color: #fff;
|
|
padding: 10px;
|
|
border-radius: 5px;
|
|
}
|
|
.nav-link:focus{
|
|
background: #F77B6F;
|
|
color: #fff;
|
|
padding: 10px;
|
|
border-radius: 5px;
|
|
}
|
|
.navbar-toggler .fa{
|
|
padding: 3px;
|
|
border:1px solid #333;;
|
|
border-radius: 2px;
|
|
}
|
|
.scrollTop{
|
|
background: #fff;
|
|
}
|
|
#header{
|
|
// background: url(../img/home/1503411077revised-bhatia-homebanner-03.jpg)no-repeat;
|
|
height: 600px;
|
|
background-position: center;
|
|
position: relative;
|
|
background-size: cover;
|
|
}
|
|
.home-content{
|
|
margin-top: 40%;
|
|
}
|
|
.home-content h1{
|
|
font-family: sans-serif;
|
|
color: red;
|
|
}
|
|
.home-content h6{
|
|
text-align: center;
|
|
color: #ddd;
|
|
font-size: 22px;
|
|
font-weight: bold;
|
|
}
|
|
#hospital-management .card{
|
|
background: #ddd;
|
|
color:#333;
|
|
font-size: 42px;
|
|
border:0px;
|
|
text-align: center;
|
|
}
|
|
#hospital-management .card-content{
|
|
padding: 20px;
|
|
|
|
}
|
|
#hospital-management .card-content h6{
|
|
font-weight: bold;
|
|
text-transform: uppercase;
|
|
margin-top: 10px;
|
|
font-family: serif;
|
|
text-align: center;
|
|
}
|
|
#hospital-management .card .fa{
|
|
color: #F77B6F;
|
|
}
|
|
#hospital-management .card:hover{
|
|
background: #F8D347;
|
|
color: #fff;
|
|
cursor: pointer;
|
|
}
|
|
#hospital-management .card:hover .fa{
|
|
|
|
}
|
|
#hospital-management .card-2nd:hover{
|
|
background: red;
|
|
color: #fff;
|
|
border-radius: 5px;
|
|
}
|
|
#hospital-management .card:hover .fa{
|
|
color: #fff;
|
|
transform: scale(1.5);
|
|
transition: all ease 0.3s;
|
|
|
|
}
|
|
.modal{
|
|
|
|
}
|
|
.modal-body{
|
|
background: #009988;
|
|
padding: 20px;
|
|
border: 1px solid #fff;
|
|
border-radius: 5px;
|
|
}
|
|
.modal-body label{
|
|
color:#fff;
|
|
margin-top: 10px;
|
|
}
|
|
#service{
|
|
background: #F2F2F2;
|
|
}
|
|
#service h1{
|
|
font-size: 32px;
|
|
font-family: sans-serif;
|
|
color: #BABABA;
|
|
}
|
|
#package .card{
|
|
background: #EEEEEE;
|
|
}
|
|
#package .card p{
|
|
border-bottom: 1px dotted;
|
|
padding: 2px;
|
|
margin: 10px;
|
|
}
|
|
#package .btn{
|
|
background: #ACACAC;
|
|
border: 0px;
|
|
}
|
|
#footer{
|
|
background: #475268;
|
|
}
|
|
#footer h4{
|
|
font-size: 21px;
|
|
font-weight: bold;
|
|
color:#fff;
|
|
}
|
|
#footer p{
|
|
color: #fff;
|
|
}
|
|
.contact-info span{
|
|
color:#9E676A;
|
|
}
|
|
.cube{
|
|
position: absolute;
|
|
content: '';
|
|
border-left: 20px solid transparent;
|
|
border-right: 20px solid transparent;
|
|
border-bottom: 20px solid #505B71;;
|
|
top: 40px;
|
|
left: 50px;
|
|
|
|
}
|
|
.latest-tweet .row{
|
|
background: #505B71;
|
|
border-radius: 5px;
|
|
padding: 10px;
|
|
|
|
}
|
|
.latest-tweet .fa{
|
|
font-size: 32px;
|
|
line-height: 50px;
|
|
color:#00ADEF;
|
|
}
|
|
.shape{
|
|
margin-top: 30px;
|
|
|
|
border-radius:5px;
|
|
}
|
|
.shape p{
|
|
padding: 5px;
|
|
margin-bottom: 0px;
|
|
}
|
|
.shape span{
|
|
color:#00ADEF;
|
|
}
|
|
.social-icon ul{
|
|
list-style: none;
|
|
|
|
}
|
|
.social-icon ul li{
|
|
float: left;
|
|
width: 60px;
|
|
height: 60px;
|
|
|
|
margin-right: 10px;
|
|
|
|
}
|
|
|
|
.social-icon ul li a{
|
|
background: #505b71;
|
|
display: block;
|
|
text-align: center;
|
|
padding: 5px;
|
|
line-height: 60px;
|
|
font-size: 20px;
|
|
color: #fff;
|
|
|
|
}
|
|
.social-icon ul li:first-child:hover a{
|
|
background: #3A5896;
|
|
transition: all ease 0.2s;
|
|
}
|
|
.social-icon ul li:nth-child(2):hover a{
|
|
background: #D74A37;
|
|
transition: all ease 0.2s;
|
|
}
|
|
.social-icon ul li:nth-child(3):hover a{
|
|
background: #5BA5D8;
|
|
transition: all ease 0.2s;
|
|
}
|
|
.social-icon ul li:last-child:hover a{
|
|
background: #F80000;
|
|
transition: all ease 0.2s;
|
|
}
|
|
.social-media h4{
|
|
margin-left: 40px;
|
|
} |