Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- *{
- margin: 0;
- padding: 0;
- }
- .clearfix afer{
- content: "";
- display: block;
- clear: both;
- }
- nav{
- width: 100%;
- height: 50px;
- background-color: red;
- position: fixed;
- top:0;
- left:0;
- z-index:1;
- }
- nav ul{
- line-height: 50px;
- width: 100%;
- }
- nav ul li{
- float: left;
- list-style: none;
- width: 25%;
- text-align: center;
- }
- nav ul li a{
- text-decoration: none;
- color: white;
- font-size: 20px;
- text-transform: uppercase;
- display: block;
- font-family: arial;
- }
- nav ul li a:hover{
- color: blue;
- background-color: white;
- }
- aside{
- background-image: url(https://static4.redcart.pl/templates/images/thumb/9595/800/800/pl/0/templates/images/products/9595/124-9093_0.jpg);
- background-attachment: fixed;
- background-size: cover;
- height: calc(100vh - 40px);
- }
- aside h1{
- line-height: 40px;
- font-family: tahoma;
- }
- header{
- height: 100vh;
- }
- .jeden{
- background-color: pink;
- width: 25%;
- float: left;
- height: 100%;
- position: relative;
- }
- .dwa{
- background-color:chartreuse;
- width: 25%;
- float: left;
- height: 100%;
- position: relative;
- }
- div.dwa img{
- width: 100%;
- height: 34%;
- position: absolute;
- top: 66%;
- left: 50%;
- transform: translate(-50%, 0%)
- }
- .trzy{
- background-color:darkgreen;
- width: 25%;
- float: left;
- height: 100%;
- position: relative;
- }
- .piec{
- background-color:aqua;
- float: left;
- width: 25%;
- height: 100%;
- position: relative;
- }
- div.piec h1{
- position: absolute;
- top: 50%;
- right:0;
- transform: translate(-50%, -50%)
- }
- footer{
- height: 50px;
- text-align: center;
- background-color:fuchsia;
- }
- footer p{
- color: white;
- line-height: 50px;
- font-size: 20px;
- font-family: arial;
- background-color:chocolate;
- position:absolute;
- top: calc(100vh-50px);
- left: 50%;
- transform: translate(-50%);
- padding: 0 100px;
- }
- table{
- position: absolute;
- top: 120px;
- left: 50%;
- border-style: dotted;
- transform: translate(-50%, -50%)
- }
- ol{
- position: absolute;
- top: 50%;
- left: 50%;
- transform: translate(-50%, -50%)
- }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement