SHARE
TWEET

stork

crucialstar Jun 13th, 2019 (edited) 133 Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. [div=max-width: 650px; margin: auto;][div=border-top: 5px solid; border-bottom: 5px solid; ][div=margin-top: 10px;][/div][row][column=span3][div=font-size: 28px; text-align: center; text-transform: uppercase; text-shadow: 1px 1px 2px grey;][font=Source Sans Pro]name here[/font][/div][div=line-height: 0; height: 2px; background-color: black; margin-top: -4px;][/div][div=margin-top: 10px;][/div][center][nobr]
  2. [class=picture]
  3. position: relative;
  4. display: inline-block;
  5. [/class]
  6.  
  7. [class=text]
  8. position: absolute;
  9. width: 100%;
  10. height: 100%;
  11. top: 0;
  12. left: 0;
  13. opacity: 0;
  14. background-color: rgba(0,0,0,0.2);
  15. color: white;
  16. z-index: 2;
  17. [/class]
  18.  
  19. [class name=text state=hover]
  20. opacity: 1;
  21. [/class]
  22.  
  23. [div class=picture]
  24. [div class=text]
  25. [div=margin-top: 200px; text-shadow: 2px 2px 4px black; padding: 10px; text-align: left; line-height: 18px;][font=Playball][size=4][center]"quote here"[/center][br][/br]
  26. location:
  27. [br][/br]
  28. with:
  29. [br][/br]
  30. tags:[/size][/font][/div]
  31. [/div]
  32. [div=background: url('https://via.placeholder.com/225x365'); width: 225px; height: 365px; margin: auto;][/div][/div][/nobr][/center][/column][column=span5][div=width: calc(100% - 0%); height: 430px; overflow: hidden; padding: 0px;][div=width: 100%; padding-right: 150px; height: 100%;overflow-y: scroll;][div=margin-top: 10px; line-height: 16px; text-align: justify; font-size: 12px;][font=Droid Serif]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum fermentum bibendum risus non elementum. Morbi commodo sapien nisl, ac elementum magna interdum eget. Fusce sagittis pellentesque lectus et rutrum. Cras pulvinar eu eros nec fermentum. Proin fringilla eleifend mi a congue. Vestibulum aliquet sit amet sem ac scelerisque. Curabitur ac malesuada augue. Praesent ac sollicitudin dolor. Nunc ut arcu eu dui dignissim lacinia. Praesent molestie molestie erat, eget malesuada justo laoreet sed. Vivamus vel lectus pretium, sollicitudin ex ac, euismod ex. Praesent viverra metus id quam lobortis dignissim. Aenean ornare mollis nulla quis blandit. Donec luctus iaculis ex vel placerat.
  33.  
  34. Praesent tincidunt consectetur odio, eget pretium lorem dapibus ac. Nullam porttitor sed leo quis vehicula. Etiam hendrerit, arcu nec venenatis dignissim, ligula nisl mollis metus, eget tempus lectus dolor in lacus. Nullam quis neque ipsum. Phasellus rhoncus odio ipsum, id auctor lacus semper ac. Vestibulum posuere, tortor a pellentesque ultricies, diam nibh sagittis erat, ac imperdiet tellus enim vitae neque. Suspendisse potenti. Maecenas sit amet mattis lacus, ut cursus felis. Mauris quis arcu sed urna suscipit varius. Nunc viverra laoreet augue, ac faucibus leo condimentum quis. Integer a ultrices enim.
  35.  
  36. Vivamus nec orci quis enim mattis sollicitudin ut vel massa. Etiam aliquam, arcu ac tincidunt scelerisque, est sem gravida nunc, ut consequat lacus dui ac nisi. Nam lorem dui, ultricies a nunc a, egestas pretium enim. Sed porta, nunc eu sodales egestas, ipsum libero tempus velit, in consectetur purus enim quis purus. Morbi dapibus ligula lorem, a tempor elit scelerisque ut. Suspendisse turpis justo, semper vel nisl sit amet, accumsan elementum mi. Sed gravida orci vitae tincidunt efficitur. Nam sed dolor sit amet mauris posuere consequat. Aenean lobortis, felis accumsan aliquet ornare, leo orci imperdiet lorem, ut laoreet eros tortor eu diam. Cras nisl ex, ullamcorper sed augue eu, ornare malesuada eros. Aenean ullamcorper ultricies consectetur. Praesent elit erat, tristique sed consectetur vel, molestie ac urna. Curabitur ultrices ultricies tellus eget auctor. Curabitur sollicitudin mauris vel tortor facilisis ultricies. Duis dignissim posuere sapien vel vulputate. Nulla facilisi.
  37.  
  38. Sed rutrum ultricies leo, quis ornare elit fringilla dignissim. Fusce non bibendum velit. Nullam ac molestie justo, ut suscipit diam. Phasellus vestibulum vestibulum lectus. Nulla porttitor aliquam arcu, vitae ornare mauris iaculis in. Fusce malesuada enim in fringilla iaculis. Fusce eget congue arcu. Fusce vestibulum sagittis justo sit amet vulputate. Integer maximus nunc a nibh feugiat accumsan. Morbi quis arcu nisi. Nullam id tristique nunc. Quisque ullamcorper placerat leo sit amet sollicitudin. Pellentesque id dui nec tellus scelerisque consequat vitae id augue. Maecenas congue ante mi, sit amet malesuada velit hendrerit sit amet. Fusce in egestas libero.
  39.  
  40. In facilisis ullamcorper velit vel mattis. Sed vestibulum erat quis ligula blandit, quis posuere nunc tempor. Aenean ut nulla massa. Sed maximus ligula et tellus suscipit, nec aliquam est pellentesque. Aliquam ut quam ut lorem bibendum tincidunt. Quisque et lectus placerat, hendrerit massa at, ullamcorper leo. Curabitur tincidunt odio ante, ut vulputate dolor egestas ut. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Phasellus pharetra tincidunt erat, quis interdum est vulputate a. Nam facilisis orci eu mi convallis tincidunt. Quisque accumsan lobortis egestas. Donec a ipsum ligula. Praesent eros lorem, luctus ut rhoncus ut, malesuada at lectus. Quisque consectetur tortor euismod[/font][/div][/div][/div][/column][/row][div=margin-top: 10px;][/div][/div][/div][center][size=2]codedbycrucialstar | hidden scroll[/size][/center]
RAW Paste Data
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy. OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!
 
Top