Line 6: | Line 6: | ||
body {background-color:white; } | body {background-color:white; } | ||
#bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5 { margin-bottom: 0px; } | #bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5 { margin-bottom: 0px; } | ||
− | + | ||
+ | html, | ||
+ | body { | ||
+ | height: 100%; | ||
+ | } | ||
+ | body { | ||
+ | padding-top: 50px; /* Required padding for .navbar-fixed-top. Remove if using .navbar-static-top. Change if height of navigation changes. */ | ||
+ | } | ||
+ | |||
+ | .img-portfolio { | ||
+ | margin-bottom: 30px; | ||
+ | } | ||
+ | |||
+ | .img-hover:hover { | ||
+ | opacity: 0.8; | ||
+ | } | ||
+ | |||
+ | /* Home Page Carousel */ | ||
+ | |||
+ | header.carousel { | ||
+ | height: 50%; | ||
+ | } | ||
+ | |||
+ | header.carousel .item, | ||
+ | header.carousel .item.active, | ||
+ | header.carousel .carousel-inner { | ||
+ | height: 100%; | ||
+ | } | ||
+ | |||
+ | header.carousel .fill { | ||
+ | width: 100%; | ||
+ | height: 100%; | ||
+ | background-position: center; | ||
+ | background-size: cover; | ||
+ | } | ||
+ | |||
+ | /* 404 Page Styles */ | ||
+ | |||
+ | .error-404 { | ||
+ | font-size: 100px; | ||
+ | } | ||
+ | |||
+ | /* Pricing Page Styles */ | ||
+ | |||
+ | .price { | ||
+ | display: block; | ||
+ | font-size: 50px; | ||
+ | line-height: 50px; | ||
+ | } | ||
+ | |||
+ | .price sup { | ||
+ | top: -20px; | ||
+ | left: 2px; | ||
+ | font-size: 20px; | ||
+ | } | ||
+ | |||
+ | .period { | ||
+ | display: block; | ||
+ | font-style: italic; | ||
+ | } | ||
+ | |||
+ | /* Footer Styles */ | ||
+ | |||
+ | footer { | ||
+ | margin: 50px 0; | ||
+ | } | ||
+ | |||
+ | /* Responsive Styles */ | ||
+ | |||
+ | @media(max-width:991px) { | ||
+ | .customer-img, | ||
+ | .img-related { | ||
+ | margin-bottom: 30px; | ||
+ | } | ||
+ | } | ||
+ | |||
+ | @media(max-width:767px) { | ||
+ | .img-portfolio { | ||
+ | margin-bottom: 15px; | ||
+ | } | ||
+ | |||
+ | header.carousel .carousel { | ||
+ | height: 70%; | ||
+ | } | ||
+ | } | ||
+ | </style> | ||
<head> | <head> | ||
Revision as of 15:35, 4 August 2017