Advertisement
mycodestuff

Untitled

Oct 15th, 2019
137
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 2.93 KB | None | 0 0
  1. <lj-raw><div style="max-width:600px;margin:0 auto;background:#fff;">
  2.  
  3. <div style="height:600px;padding:10px;display:grid;grid-template-columns:repeat(13,1fr);grid-template-rows:repeat(15,1fr);grid-gap:10px;">
  4. <div style="background:#eee url(IMG1)center;background-size:cover;grid-area:one;grid-column-start:1;grid-column-end:2;grid-row-start:1;grid-row-end:8;"></div>
  5. <div style="background:#eee url(IMG2)center;background-size:cover;grid-area:two;grid-column-start:2;grid-column-end:9;grid-row-start:1;grid-row-end:8;"></div>
  6. <div style="background:#eee url(IMG3)center;background-size:cover;grid-area:three;grid-column-start:9;grid-column-end:13;grid-row-start:1;grid-row-end:5;"></div>
  7. <div style="background:#eee url(IMG4)center;background-size:cover;grid-area:four;grid-column-start:9;grid-column-end:13;grid-row-start:5;grid-row-end:8;display:flex;flex-wrap:wrap;padding:10px;align-items:center;justify-content:center;"><a href=""style="text-decoration:none;font-weight:bold;font-style:italic;color:#fff;text-shadow: -1px -1px 1px rgba(255,255,255,.1), 1px 1px 1px rgba(0,0,0,.5);">link 1</a></div>
  8. <div style="background:#eee url(IMG5)center;background-size:cover;grid-area:five;grid-column-start:13;grid-column-end:14;grid-row-start:1;grid-row-end:6;"></div>
  9. <div style="background:#eee url(IMG6)center;background-size:cover;grid-area:six;grid-column-start:13;grid-column-end:14;grid-row-start:6;grid-row-end:12;"></div>
  10. <div style="background:#eee url(IMG7)center;background-size:cover;grid-area:seven;grid-column-start:1;grid-column-end:2;grid-row-start:8;grid-row-end:16;"></div>
  11. <div style="background:#eee url(IMG8)center;background-size:cover;grid-area:eight;grid-column-start:2;grid-column-end:7;grid-row-start:8;grid-row-end:12;display:flex;flex-wrap:wrap;padding:10px;align-items:center;justify-content:center;"><a href=""style="text-decoration:none;font-weight:bold;font-style:italic;color:#fff;text-shadow: -1px -1px 1px rgba(255,255,255,.1), 1px 1px 1px rgba(0,0,0,.5);">link 2</a></div>
  12. <div style="background:#eee url(IMG9)center;background-size:cover;grid-area:nine;grid-column-start:7;grid-column-end:13;grid-row-start:8;grid-row-end:12;"></div>
  13. <div style="background:#eee url(IMG10)center;background-size:cover;grid-area:ten;grid-column-start:2;grid-column-end:11;grid-row-start:12;grid-row-end:16;"><div style="background:#eee url(CIRCLE)center;background-size:cover;border-radius:100px;height:150px;width:150px;border:10px solid #fff;position:relative;top:-100px;left:150px;"></div></div>
  14. <div style="background:#eee url(IMG11)center;background-size:cover;grid-area:eleven;grid-column-start:11;grid-column-end:14;grid-row-start:12;grid-row-end:16;display:flex;flex-wrap:wrap;padding:10px;align-items:center;justify-content:center;"><a href=""style="text-decoration:none;font-weight:bold;font-style:italic;color:#fff;text-shadow: -1px -1px 1px rgba(255,255,255,.1), 1px 1px 1px rgba(0,0,0,.5);">link 3</a></div>
  15. </div>
  16. </div></lj-raw>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement