Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- *, html {
- margin: 0;
- padding: 0;
- box-sizing: border-box;
- }
- html, body {
- font-family: sans-serif;
- background-color: #000000;
- }
- .header {
- position: relative;
- display: inline-block;
- height: 80px;
- width: 100%;
- background-color: #000000;
- }
- .header img {
- position: absolute;
- max-height: 90%;
- max-width: 100%;
- top: 50%;
- left: 50%;
- transform: translate(-50%, -50%);
- }
- .section {
- position: relative;
- display: inline-block;
- width: 100%;
- text-align: center;
- background-color: #000000;
- }
- .section .innercontainer {
- position: relative;
- display: inline-block;
- }
- .section .innercontainer .sectionheading {
- position: relative;
- display: inline-block;
- width: 100%;
- padding: 10px 0;
- }
- .section .innercontainer .sectionheading h1 {
- position: relative;
- display: inline-block;
- width: auto;
- color: #f3bc15;
- font-size: 70px;
- font-family: sans-serif;
- font-weight: 100;
- margin: 0 20px;
- border-bottom: 2px solid #f3bc15;
- }
- .section .innercontainer .sectionheading img {
- position: relative;
- display: inline-block;
- max-width: 30px;
- max-height: 100px;
- }
- .section .innercontainer .formholder {
- position: relative;
- display: inline-block;
- width: 65%;
- }
- .section .innercontainer input {
- position: relative;
- display: inline-block;
- font-size: 16px;
- font-family: sans-serif;
- font-weight: bold;
- color: #f3bc15;
- padding: 10px;
- border: 2px solid #f3bc15;
- box-sizing: border-box;
- margin: 10px 0px;
- background-color: transparent;
- }
- .section .innercontainer textarea {
- position: relative;
- display: inline-block;
- float: left;
- font-size: 16px;
- font-family: sans-serif;
- font-weight: bold;
- color: #f3bc15;
- padding: 10px;
- border: 2px solid #f3bc15;
- resize: none;
- height: 200px;
- width: 100%;
- margin: 10px 0px;
- box-sizing: border-box;
- background-color: transparent;
- }
- .inname { float: left; width: 49%; }
- .incompany { float: right; width: 49%; }
- .inemail { float: left; width: 100%; }
- .inpostcode { float: left; width: 49%; }
- .innumber { float: right; width: 49%; }
- ::-webkit-input-placeholder { color: #f3bc15; }
- :-ms-input-placeholder { color: #f3bc15; }
- ::-moz-placeholder { color: #f3bc15; opacity: 1; }
- :-moz-placeholder { color: #f3bc15; opacity: 1; }
- .footer {
- position: relative;
- display: inline-block;
- padding: 50px 0px 20px 0px;
- width: 100%;
- text-align: center;
- background-color: #000000;
- }
- .footer .middlelink,
- .footer .bottomcont {
- position: relative;
- display: inline-block;
- width: 100%;
- max-width: 1360px;
- }
- .footer .middlelink h1 {
- position: relative;
- display: inline-block;
- width: 100%;
- text-align: center;
- color: #f3bc15;
- font-weight: 100;
- font-family: sans-serif;
- font-size: 16px;
- margin-bottom: 10px;
- }
- .footer .links h1 {
- position: relative;
- display: inline-block;
- width: 100%;
- text-align: left;
- color: #f3bc15;
- font-weight: 100;
- font-family: sans-serif;
- font-size: 14px;
- line-height: 25px;
- }
- .footer .links {
- width: 66.66666666%;
- float: left;
- }
- .footer .logo {
- width: 33.33333333%;
- float: left;
- }
- .footer .logo img {
- position: absolute;
- display: inline-block;
- max-height: 100%;
- max-width: 100%;
- top:0;
- right: 0;
- }
Advertisement
Add Comment
Please, Sign In to add comment