Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- *{
- margin: 0;
- padding: 0;
- }
- .dws{
- width: 100%;
- }
- .dws-image{
- width: 1349px;
- height: 720px;
- background-image: url(img.png);
- background-repeat: no-repeat;
- background-position: center;
- background-size: cover;
- position: absolute;
- -webkit-clip-path: polygon(100% 0, 100% 100%, 0 60%, 0 0);
- clip-path: polygon(100% 0, 100% 100%, 0 60%, 0 0);
- -webkit-filter: grayscale(85%); /* Safari 6.0 - 9.0 */
- filter: grayscale(100%);
- }
- .container{
- width: 1120px;
- margin: auto;
- }
- .dws-block{
- width: 100%;
- display: grid;
- grid-template-columns: 1fr 1fr;
- }
- .item{
- width: 100%;
- margin-left: 100px;
- }
- .item-list{
- width: 400px;
- height: 520px;
- -webkit-clip-path: polygon(0 0, 100% 0%, 100% 100%, 0 80%);
- clip-path: polygon(0 0, 100% 0%, 100% 100%, 0 80%);
- background-color: #2d2b2a;
- opacity: .8;
- padding-top: 10px;
- }
- .bottom{
- width: 400px;
- height: 520px;
- background-color: #f6ce30;
- position: relative;
- padding-top: 70px;
- top: -11%;
- -webkit-clip-path: polygon(0 0, 100% 20%, 100% 100%, 0% 100%);
- clip-path: polygon(0 0, 100% 20%, 100% 100%, 0% 100%);
- }
- .bottom-text{
- width: 400px;
- margin-top: -70px;
- }
- .shape{
- width: 200px;
- height: 200px;
- background-image: url(shape.png);
- margin-left: auto;
- margin-right: auto;
- background-size: 100%;
- background-position: center;
- background-repeat: no-repeat;
- margin-top: 10px;
- margin-bottom: 10px;
- }
- .bottom-text > p{
- text-align: center;
- font-size: 30px;
- font-family: arial;
- }
- .dws-dws{
- width: 400px;
- background-color: #dd5b35;
- margin-top: 50px;
- }
- .final > p{
- font-size: 18px;
- padding-top: 40px;
- padding-bottom: 40px;
- padding-left: 20px;
- color: white;
- }
- .contact{
- width: 100%;
- margin-left: 20px;
- }
- .contact-list{
- width: 400px;
- height: 500px;
- position: relative;
- -webkit-clip-path: polygon(0 0, 100% 0%, 100% 100%, 0 80%);
- clip-path: polygon(0 0, 100% 0%, 100% 100%, 0 80%);
- background-color: #cf502f;
- opacity: .8;
- }
- .logo{
- background-image: url(logo.png);
- width: 100px;
- padding-top: 100px;
- padding-bottom: 100px;
- background-position: center;
- background-size: 100%;
- background-repeat: no-repeat;
- margin-left: auto;
- margin-right: auto;
- }
- .brand{
- font-size: 33px;
- text-align: center;
- color: white;
- font-family: arial;
- }
- .partner{
- font-size: 14px;
- text-align: center;
- color: white;
- font-family: arial;
- }
- .big{
- font-family: arial;
- font-size: 80px;
- letter-spacing: 20px;
- color: white;
- text-align: center;
- padding-top: 5px;
- }
- .top{
- border-top: 10px solid white;
- margin-left: 60px;
- margin-right: 60px;
- }
- .down{
- border-bottom: 10px solid white;
- margin-left: 60px;
- margin-right: 60px;
- letter-spacing: 31px;
- }
- .small{
- font-size: 18px;
- font-family: arial;
- color: white;
- text-align: center;
- padding-top: 20px;
- }
- .medium{
- font-size: 60px;
- font-family: arial;
- color: #1b1b1b;
- padding-left: 40px;
- padding-top: 10px;
- }
- .title{
- padding-left: 40px;
- padding-top: 20px;
- font-size: 18px;
- font-family: arial;
- }
- .white{
- color: white;
- }
- .text{
- width: 100%;
- top: 20%;
- position: relative;
- height: 200px;
- }
- .giant{
- color: #1b1b1b;
- font-size: 60px;
- font-family: arial;
- border-bottom: 5px solid #d1d1d2;
- }
- .ipsum{
- color: #1b1b1b;
- font-size: 30px;
- font-family: arial;
- padding-top: 40px;
- }
- .dolor{
- color: #1b1b1b;
- font-size: 18px;
- font-family: arial;
- padding-top: 5px;
- }
- .por{
- padding-top: 80px;
- padding-bottom: 40px;
- }
- .mail{
- color: #1b1b1b;
- font-size: 30px;
- font-family: arial;
- float: right;
- padding-top: 5px;
- }
- .border{
- width: 100%;
- height: 5px;
- margin-bottom: 20px;
- background-color: #d1d1d2;
- }
- .example{
- width: 100%;
- }
- .phone{
- width: 100%;
- display: flex;
- justify-content: flex-end;
- padding-top: 15px;
- }
- .street{
- font-size: 18px;
- font-family: arial;
- padding-right: 40px;
- padding-top: 3px;
- }
- .address{
- font-size: 21px;
- font-family: arial;
- }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement