Line 112: | Line 112: | ||
/**************************************************************** MENU ***************************************************************/ | /**************************************************************** MENU ***************************************************************/ | ||
+ | |||
+ | /* DROPDOWN AND NAVBAR */ | ||
.navbar { | .navbar { | ||
Line 184: | Line 186: | ||
display: block; | display: block; | ||
} | } | ||
+ | |||
+ | /* FOOTER */ | ||
.footer { | .footer { | ||
Line 202: | Line 206: | ||
padding: 0 0 0 0; | padding: 0 0 0 0; | ||
} | } | ||
+ | |||
+ | /* SLIDESHOW GALERY */ | ||
/* Slideshow container */ | /* Slideshow container */ | ||
Line 292: | Line 298: | ||
from {opacity: .4} | from {opacity: .4} | ||
to {opacity: 1} | to {opacity: 1} | ||
+ | } | ||
+ | |||
+ | /* TEAM PRESENTATION */ | ||
+ | |||
+ | /* Three columns side by side */ | ||
+ | .column { | ||
+ | float: left; | ||
+ | width: 33.3%; | ||
+ | margin-bottom: 16px; | ||
+ | padding: 0 8px; | ||
+ | } | ||
+ | |||
+ | /* Display the columns below each other instead of side by side on small screens */ | ||
+ | @media (max-width: 650px) { | ||
+ | .column { | ||
+ | width: 100%; | ||
+ | display: block; | ||
+ | } | ||
+ | } | ||
+ | |||
+ | /* Add some shadows to create a card effect */ | ||
+ | .card { | ||
+ | box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2); | ||
+ | } | ||
+ | |||
+ | /* Some left and right padding inside the container */ | ||
+ | .container { | ||
+ | padding: 0 16px; | ||
+ | } | ||
+ | |||
+ | /* Clear floats */ | ||
+ | .container::after, .row::after { | ||
+ | content: ""; | ||
+ | clear: both; | ||
+ | display: table; | ||
+ | } | ||
+ | |||
+ | .title { | ||
+ | color: grey; | ||
+ | } | ||
+ | |||
+ | .button { | ||
+ | border: none; | ||
+ | outline: 0; | ||
+ | display: inline-block; | ||
+ | padding: 8px; | ||
+ | color: white; | ||
+ | background-color: #000; | ||
+ | text-align: center; | ||
+ | cursor: pointer; | ||
+ | width: 100%; | ||
+ | } | ||
+ | |||
+ | .button:hover { | ||
+ | background-color: #555; | ||
} | } | ||
Revision as of 22:32, 29 October 2017