Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- @import url('https://fonts.googleapis.com/css?family=Raleway:100,200,300,400');
- @import url('http://fonts.googleapis.com/css?family=Roboto');
- @import url('https://fonts.googleapis.com/css?family=Lobster+Two');
- @import url('http://weloveiconfonts.com/api/?family=entypo');
- @import url('https://fonts.googleapis.com/css?family=Amatic+SC:400,700');
- @import url('https://fonts.googleapis.com/css?family=Gloria+Hallelujah');
- @import url('https://fonts.googleapis.com/css?family=Satisfy');
- @import url('https://fonts.googleapis.com/css?family=Tillana');
- @import url('https://fonts.googleapis.com/css?family=Handlee');
- /* entypo */
- [class*="entypo-"]:before {
- font-family: 'entypo', sans-serif;
- }
- * {
- margin:0;
- padding:0;
- }
- html, body {
- font-family: 'Raleway', sans-serif;
- margin:0;
- padding:0;
- background-color: rgba(43,52,92,1);
- }
- #container {
- min-height:100%;
- position:relative;
- background-color: rgba(43,52,92,1);;
- padding-bottom: 20%;
- }
- #header {
- background-color: rgba(0, 0, 0, 0.4);
- position: relative;
- top: 0;
- left: 0;
- width: 100%;
- height: auto;
- padding: 0.8% 0px;
- margin: 0;
- -webkit-box-shadow: 0px 10px 20px 0px rgba(0,0,0,0.2); /* x, y, blur, spread, colour*/
- -moz-box-shadow: 0px 10px 20px 0px rgba(0,0,0,0.2); /* x, y, blur, spread, colour*/
- box-shadow: 0px 10px 20px 0px rgba(0,0,0,0.2); /* x, y, blur, spread, colour*/
- z-index: 1;
- }
- #header-content #buttons a{
- text-align: center;
- width: 100px;
- }
- #imagecontainer {
- text-align: center;
- position: relative;
- overflow: hidden;
- display: table;
- margin: 0 auto;
- width: 100%;
- }
- #content{
- border-radius: 10px;
- position: relative;
- overflow: hidden;
- font-family: 'Lobster Two', sans-serif;
- font-weight: 400;
- font-size: 26px;
- font-style: normal;
- display: table;
- margin: 0 auto;
- background-color: white;
- width: 80%;
- text-align: center;
- padding-bottom: 30px;
- margin-top: 30px;
- padding-top: 10px;
- -webkit-box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.4); /* x, y, blur, spread, colour*/
- -moz-box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.4); /* x, y, blur, spread, colour*/
- box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.4); /* x, y, blur, spread, colour*/
- }
- #content #title {
- color: #000;
- }
- #description {
- font-size: 17px;
- font-family: 'Handlee', sans-serif;
- color: #000;
- margin: auto;
- width: 80%;
- }
- #headerimage img {
- width: 100%;
- display:block;
- }
- /* Basic Round Button Layout */
- #buttons {
- font-family: 'Satisfy';
- font-size: 14px;
- display: table;
- margin: 0 auto;
- }
- #button-underline {
- margin: .4em;
- padding: 1em;
- cursor: pointer;
- background: none;
- text-decoration: none;
- color: #e1e1e1;
- -webkit-tap-highlight-color: rgba(0,0,0,0);
- display: inline-block;
- vertical-align: middle;
- -webkit-transform: translateZ(0);
- transform: translateZ(0);
- box-shadow: 0 0 1px rgba(0, 0, 0, 0);
- -webkit-backface-visibility: hidden;
- backface-visibility: hidden;
- -moz-osx-font-smoothing: grayscale;
- position: relative;
- overflow: hidden;
- }
- #button-underline:after {
- content: "";
- position: absolute;
- z-index: -1;
- left: 0;
- right: 0;
- bottom: 0;
- background: rgba(142,189,65,1);
- height: 4px;
- -webkit-transform: translateY(4px);
- transform: translateY(4px);
- -webkit-transition-property: transform;
- transition-property: transform;
- -webkit-transition-duration: 0.3s;
- transition-duration: 0.3s;
- -webkit-transition-timing-function: ease-out;
- transition-timing-function: ease-out;
- }
- #button-underline:hover:after, #button-underline:focus:after, #button-underline:active:after {
- -webkit-transform: translateY(0);
- transform: translateY(0);
- }
- #footer {
- position:absolute;
- width:100%;
- background-color: rgba(0, 0, 0, 0.4);
- color: white;
- margin-bottom: 20px;
- left: 0;
- width: 100%;
- height: 100px;
- bottom:0;
- }
- #footer2{
- position:absolute;
- width:100%;
- background-color: white;
- color: white;
- margin-bottom: 120px;
- left: 0;
- width: 100%;
- height: 50px;
- bottom:0;
- }
- #footer-content{
- float: left;
- width: 100%;
- height: 100%;
- display: inline-block;
- }
- #footer-content #footer-part2 a{
- text-decoration: none;
- color: white;
- }
- #footer-content #footer-part2 a:hover{
- text-decoration: underline;
- color: white;
- }
- #footer-content #footer-part3 a{
- text-decoration: none;
- color: none;
- }
- #footer-part1 {
- padding-left: 2%;
- float: left;
- height: 100%;
- display: flex;
- align-items: center;
- }
- #footer-part1 #footerimage {
- height: 86%;
- }
- #footer-part1 img {
- height: 100%;
- }
- #footer-part2 {
- float: left;
- width: 25%;
- padding-left: 25%;
- }
- #footer-part2 h2{
- font-family: 'Raleway', sans-serif;
- font-weight: 100;
- font-size: 15px;
- margin-top: 20px;
- text-align: center;
- }
- #footer-part3 {
- display: flex;
- align-items: center;
- width: auto;
- height: 100px;
- float: right;
- padding-right: 2%;
- }
- section #services {
- text-align: center;
- transform: translatez(0);
- }
- section #services li {
- width: 40px;
- height: 50px;
- display: inline-block;
- margin: 10px;
- list-style: none;
- }
- section #services li div {
- border-radius: 10px;
- width: 50px;
- height: 50px;
- color: #fff;
- font-size: 2.2em;
- text-align: center;
- line-height: 50px;
- background-color: #74d4b3;
- transition: all 0.5s ease;
- }
- section #services li div:hover {
- transform: rotate(360deg);
- border-radius: 100px;
- }
- section a {
- background-color: black;
- color: black;
- }
- #footerbrandimage {
- display: inline-block;
- height: 100%;
- /*background-color: #74d4b3;*/
- margin: 0 10px;
- width: 8%;
- }
- #footerbrandimage img {
- display:block;
- margin:auto;
- height: 100%;
- }
- #footer2 #footer-content{
- display: flex;
- justify-content: center;
- float: middle;
- width: 100%;
- height: 100%;
- }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement