Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- body{
- margin: 0 auto;
- background: rgba(219,112,147, 0.2);
- }
- nav{
- background: palevioletred;
- width: 100%;
- height: 50px;
- position: fixed;
- line-height: 50px;
- top: 0px;
- text-shadow: 1px 1px gray;
- }
- nav > a.brand{
- font-size: 20px;
- color:white;
- padding: 0px 10px;
- }
- nav > a{
- color: #fff;
- padding: 0px 15px;
- text-decoration: none;
- }
- nav > a:hover{
- background: palevioletred;
- }
- section.hero{
- width: 100%;
- min-height: 400px;
- background-image: url('keksiukas.jpg');
- background-repeat: no-repeat;
- background-size: 100% auto;
- margin-top: 50px;
- text-align: center;
- padding-top: 50px;
- }
- section.hero > h1{
- color: white;
- margin-top: 50px;
- font-size: 46px;
- background: rgba(219,112,147, 0.7);
- text-shadow: 1px 1px gray;
- }
- section.hero > h2{
- color: #fff;
- font-size: 32px;
- background: rgba(219,112,147, 0.7);
- text-shadow: 1px 1px gray;
- }
- section.hero > a{
- color: #fff;
- border: 1px solid #fff;
- padding: 10px 20px;
- border-radius: 10px;
- background: rgba(219,112,147, 0.7);
- text-shadow: 1px 1px gray;
- }
- section.about-us{
- padding: 20px 10px;
- clear: both;
- height: auto;
- display: block;
- }
- section.about-us > .image{
- width: 49%;
- float: left;
- }
- section.about-us > .image > .responsive{
- width: 100%;
- }
- section.about-us > .image, section.about-us > .text{
- width: 100%;
- }
- section.about-us > .text{
- width:49%;
- float: right;
- }
- section.contacts{
- background-color: pink;
- padding: 50px 10px;
- }
- section.contacts > .contact-text, section.contacts > .contact-form{
- width: 49%;
- }
- section.contacts > .contact-text{
- color: #000;
- text-align: right;
- float: left;
- }
- section.contacts > .contact-form{
- float: right;
- color: white;
- }
- section.contacts > .contact-form h1{
- color: white;
- }
- section.contacts > .contact-form > .card{
- background-color: rgba(255,20,147, 0.5);
- padding: 10px;
- }
- section.contacts > .contact-form > .card input{
- width: 100%;
- height: 30px;
- border-radius: 5px;
- }
- section.contacts > .contact-form > .card textarea{
- width: 100%;
- border-radius: 5px;
- }
- section.contacts > .contact-form > .card button{
- padding: 8px 15px;
- background-color: firebrick;
- border: 1px solid green;
- color: #fff;
- }
- section.prices{
- padding: 50px 20px;
- }
- section.prices > table{
- width: 100%;
- text-align: center;
- border: 1px solid #666;
- }
- section.prices > table td{
- border: 1px solid #fff;
- box-sizing: border-box;
- }
- footer{
- height: 50px;
- line-height: 50px;
- text-align: center;
- }
- footer > a {
- color: #fff;
- text-decoration: none;
- color: black;
- }
- @media screen and (max-width: 600px){
- section.hero{
- height: 600px;
- background-size: cover;
- background-position: center;
- }
- nav > a{
- display: none;
- }
- nav > a.brand{
- display: block;
- float: left;
- }
- nav > a.on-mobile{
- display: block;
- float: right;
- }
- @media screen and (min-width: 601px){
- nav > a.on-mobile{
- display: none;
- }
- }
Add Comment
Please, Sign In to add comment