|
|
| 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; } |
| − |
| + | </style> |
| − | 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> |
| | | | |
