Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPE html>
- <html lang="en">
- <head>
- <meta charset="utf-8">
- <title>Disainiprojekt</title>
- <link rel="stylesheet" href="css.css">
- </head>
- <body>
- <div class="content">
- <div class="row1">
- <div class="oneX" id="column6" style="background-color:rgb(70, 29, 124);"></div>
- </div>
- <div class="row2">
- <div class="oneX" id="column2" style="background-color:rgb(117, 73, 177);"></div>
- <div class="twoX" id="column4"style="background-color:rgb(70, 29, 124);">
- <p class="text1"> ITS YABOI.</p>
- </div>
- <div class="oneX" id="column4" style="background-color:rgb(70, 29, 124);"></div>
- </div>
- <div class="row3">
- <div class="oneX" id="column1" style="background-color:rgb(117, 73, 177);"></div>
- <div class="twoX" style="background-color:rgb(117, 73, 177);">
- <p class="text2"> Noor Savage.</p>
- </div>
- <div class="twoX" id="column4"style="background-color:rgb(70, 29, 124);" ><p class="text1"> Real street nigga.</p></div>
- <div class="oneX" id="column4" style="background-color:rgb(70, 29, 124);"></div>
- </div>
- <div class="row4">
- <div class="threeX" id="column4" style="background-color:rgb(117, 73, 177);">
- <p class="text3"> tuhh tuhh.</p>
- </div>
- <div class="oneX" id="column6special" style="background-color:rgb(117, 73, 177);"></div>
- </div>
- <div class="row5">
- <div class="oneX" id="column3" style="background-color:rgb(155, 73, 225);"></div>
- <div class="twoX" id="column6" style="background-color:rgb(117, 73, 177);">
- <p class="text2"> Bang bang</p>
- </div>
- <div class="oneX" id="column6" style="background-color:rgb(155, 73, 225);"></div>
- </div>
- <div class="row6">
- <div class="oneX" style="background-color:rgb(252, 236, 174);"></div>
- <div class="twoX" style="background-color:rgb(252, 236, 174);">
- <p class="text5"> SKRTTTTTTTTTTTTTTT.</p>
- </div>
- </div>
- <div class="row7">
- <div class="oneX" style="background-color:rgb(252, 236, 174);"></div>
- <div class="twoX" id="column3" style="background-color:rgb(155, 73, 225);"></div>
- </div>
- <div class="row8">
- <div class="oneX" id="invisible"></div>
- <div class="twoX" style="background-color:rgb(253, 208, 35);">
- <p class="text7"> Young savage why u trapping so hard.</p>
- </div>
- </div>
- <div class="row9">
- <div class="oneX" style="background-color:rgb(253, 208, 35);"></div>
- <div class="twoX" id="column3" style="background-color:rgb(233, 178, 0);">
- <p class="text6"> Why these niggas traping so harddd</p>
- </div>
- </div>
- <div class="row10">
- <div class="oneX" id="column2" style="background-color:rgb(253, 208, 35);"></div>
- </div>
- <div class="row11">
- <div class="oneX" id="column4" style="background-color:rgb(233, 178, 0);"></div>
- </div>
- <div class="textArea">
- <p class="text8"> WHY U GOT A 12 CAR GARAGE</p>
- </div>
- <!----------------------------------------------------------------------------------->
- </div>
- </body>
- </html>
- @import url('https://fonts.googleapis.com/css?family=Open+Sans');
- .content {
- width: 1200px;
- }
- .oneX {
- vertical-align: top;
- position: relative;
- display: inline-block;
- width: 100px;
- height: 100px;
- margin-right: -4px;
- margin-bottom: -4px;
- margin-top: -4px;
- outline:1px solid black;
- }
- .twoX {
- vertical-align: top;
- display: inline-block;
- position: relative;
- height: 200px;
- width: 200px;
- margin-right: -4px;
- margin-bottom: -4px;
- margin-top: -4px;
- outline:1px solid black;
- }
- .threeX {
- vertical-align: top;
- display: inline-block;
- position: relative;
- height: 300px;
- width: 300px;
- z-index: -1;
- margin-right: -4px;
- margin-bottom: -4px;
- margin-top: -4px;
- outline:1px solid black;
- }
- #invisible {
- background-color: white;
- }
- #column1 {
- left: 0;
- }
- #column2 {
- left: 100px;
- }
- #column3 {
- left: 200px;
- }
- #column4 {
- left: 300px;
- }
- #column5 {
- left: 400px;
- }
- #column6 {
- left: 500px;
- }
- #column7 {
- left: 600px;
- }
- #column8 {
- left: 700px;
- }
- #column9 {
- left: 800px;
- }
- .row1 {
- bottom: 7px;
- position: relative;
- }
- .row3 {
- position: relative;
- bottom: 92px;
- }
- .row4 {
- position: relative;
- bottom: 176px;
- }
- .row4 > .threeX {
- position: relative;
- bottom: 7px;
- }
- .row5{
- bottom: 376px;
- position: relative;
- }
- .row6 {
- position: relative;
- bottom: 469px;
- }
- .row7 {
- position: relative;
- bottom: 561px;
- z-index: -1
- }
- .row7 > .twoX{
- margin-top: -3.5px;
- position: relative;
- top: 2px;
- }
- .row8 {
- position: relative;
- bottom: 655px;
- }
- .row9 {
- position: relative;
- bottom: 743px;
- }
- .row9 > .oneX{
- position: relative;
- bottom: 4px;
- z-index: -1;
- }
- .row10 {
- position: relative;
- bottom: 839px;
- z-index: -1;
- }
- .row11 {
- position: relative;
- bottom: 826px;
- }
- #column6special {
- left: 500px;
- bottom: 8px;
- }
- .text1 {
- margin: 7px;
- color: #FCECAE;
- font-family: "Open Sans";
- font-size: 18px;
- text-align: justify;
- }
- .text2 {
- margin: 7px;
- color: #FFF6D4;
- font-family: "Open Sans";
- font-size: 18px;
- text-align: justify;
- }
- .text3 {
- margin: 7px;
- color: rgb(233, 200, 255);
- font-family: "Open Sans";
- font-size: 18px;
- text-align: justify;
- }
- .text5 {
- margin: 7px;
- color: rgb(40, 0, 19);
- font-family: "Open Sans";
- font-size: 18px;
- text-align: justify;
- }
- .text6 {
- margin: 7px;
- color:rgb(252, 255, 174);
- font-family: "Open Sans";
- font-size: 18px;
- text-align: justify;
- }
- .text7 {
- margin: 7px;
- color: purple;
- font-family: "Open Sans";
- font-size: 18px;
- text-align: justify;
- }
- .textArea {
- height: 500px;
- width: 390px;
- position: relative;
- bottom: 1315px;
- left: 510px;
- }
- .text8 {
- margin: 7px;
- color: black;
- font-family: "Open Sans";
- font-size: 18px;
- text-align: justify;
- }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement