API tools faq
paste
Advertisement
poisonthangs_x

Tortured Soul: Two Column.

poisonthangs_x
Dec 23rd, 2017
112
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 30.77 KB | None | 0 0
raw download clone embed print report
  1. Hello! And Welcome to your Custom Layout Codes.
  2. You have purchased the bundle 'Snowflakes' from Poison Ivy's
  3. Christmas Deals. This was made specifically for you and for you
  4. only.
  5.  
  6. Do not remove any credits that maybe within these codes.
  7.  
  8. You can change the coloring of the layout if you know what you're doing.
  9. Same with the images. If you have any questions please do let me know!
  10.  
  11. I hope you enjoy your layout, as i had a really fun time making it for you!
  12.  
  13. Please paste the following codes in the right sections.
  14.  
  15. /// ------- THIS CODE GOES INTO YOUR ABOUT ME SECTION -------- ///
  16.  
  17.  
  18. <style>/* DO NOT REMOVE THE HTML BODY CREDIT * / </style>
  19.  
  20. <html body onContextMenu="alert('MAD LOVE RESOURCES. Do not remove any credit. Do not steal anything, do not claim as your own. All rights reserved poison ivy ');return false;">
  21.  
  22. <style>
  23. @import url('https://fonts.googleapis.com/css?family=Cabin+Sketch');
  24. </style>
  25. <style>
  26. @import url('https://fonts.googleapis.com/css?family=Vast+Shadow');
  27. </style>
  28.  
  29. <style type="text/css">
  30. body
  31. {
  32. background-color:#ffffff;
  33. background-attachment:fixed;
  34. background-repeat: repeat;
  35. background-image:url('https://s3.amazonaws.com/spoonflower/public/design_thumbnails/0368/9484/rrrrspn_shop_preview.png');
  36. position: absolute;
  37. width: 100%;
  38. background-size: 50%;
  39. background-position: center;
  40. background-size: contain;
  41. font-family: 'Bungee', cursive;
  42. font-family: 'Great Vibes', cursive;
  43. font-family: 'Cabin Sketch', cursive;
  44. font-family: 'Vast Shadow', cursive;
  45. }
  46.  
  47.  
  48.  
  49.  
  50. @madloveresources {------->Div Styles<------}
  51.  
  52. .content
  53. {
  54. display: flex;
  55. flex-direction: row;
  56. width: 61%;
  57. height: 100vh;
  58. top: 100%;
  59. left: 20.22%;
  60. position: absolute;
  61. }
  62.  
  63. section
  64. {
  65. background-color:#523636;
  66. padding: 1%;
  67. border: 0.10vh solid #8A4E4E;
  68. text-align: justify;
  69. margin-left: 0.3%;
  70. }
  71.  
  72. .other
  73. {
  74. display: flex;
  75. flex-direction: row;
  76. overflow: auto;
  77. overflow-x: hidden;
  78. position: absolute!important;
  79. top: 73%;
  80. left: -0.10%;
  81. height: 100%;
  82. }
  83.  
  84. #weapons
  85. {
  86. background-color:#523636;
  87. padding: 1%;
  88. border: 0.10vh solid #8A4E4E;
  89. text-align: justify;
  90. opacity: 0;
  91. visibility: hidden!important;
  92. position: fixed;
  93. top: 28%;
  94. left: 32%;
  95. width: 30%;
  96. height: 53%;
  97. -webkit-transition: all 500ms cubic-bezier(0.420, 0.000, 0.580, 1.000);
  98. -moz-transition: all 500ms cubic-bezier(0.420, 0.000, 0.580, 1.000);
  99. -o-transition: all 500ms cubic-bezier(0.420, 0.000, 0.580, 1.000);
  100. transition: all 500ms cubic-bezier(0.420, 0.000, 0.580, 1.000);
  101. }
  102.  
  103.  
  104. #weapons:target
  105. {
  106. background-color:#523636;
  107. padding: 1%;
  108. border: 0.10vh solid #8A4E4E;
  109. text-align: justify;
  110. opacity: 1;
  111. visibility: visible!important;
  112. position: fixed;
  113. top: 28%;
  114. left: 32%;
  115. width: 30%;
  116. height: 53%;
  117. box-shadow: 0 0 0 999em rgba(0,0,0,0.4);
  118. -webkit-transition: all 500ms cubic-bezier(0.420, 0.000, 0.580, 1.000);
  119. -moz-transition: all 500ms cubic-bezier(0.420, 0.000, 0.580, 1.000);
  120. -o-transition: all 500ms cubic-bezier(0.420, 0.000, 0.580, 1.000);
  121. transition: all 500ms cubic-bezier(0.420, 0.000, 0.580, 1.000);
  122. }
  123.  
  124.  
  125. .MLR {--->headings and styles<----}
  126.  
  127. .rosey
  128. {
  129. display: block;
  130. position: absolute;
  131. width: 59%;
  132. top: -0.04%;
  133. left: 37.67%;
  134. background-color: #523636;
  135. padding: 1%;
  136. border: 0.10vh solid #8A4E4E;
  137. text-align: center;
  138. font-weight: bolder;
  139. text-transform: uppercase;
  140. font-size: 3vh;
  141. text-shadow: 1px 1px 2px #F5F5F5;
  142. font-family: 'Vast Shadow', cursive;
  143. }
  144.  
  145. h1
  146. {
  147. display: block;
  148. font-size: 1.54vh;
  149. padding: 1%;
  150. text-align: center;
  151. color:#ffffff;
  152. font-weight: lighter;
  153. background-color:#000000;
  154. border-top: 0.10vh solid #8A1919;
  155. font-family: 'Vast Shadow', cursive;
  156. }
  157.  
  158.  
  159.  
  160.  
  161. .poisonivy {----->Navigation Link Styles<-----}
  162.  
  163. nav a {text-align: center; display: block; padding: 2%; background-color:#593636; color:#F5CECE!important; text-decoration: none!important; text-transform: uppercase; font-weight: bolder; width: 7%; margin-top: 0.15%; font-family: 'Cabin Sketch', cursive; -webkit-transition: all 500ms cubic-bezier(0.420, 0.000, 0.580, 1.000);
  164. -moz-transition: all 500ms cubic-bezier(0.420, 0.000, 0.580, 1.000);
  165. -o-transition: all 500ms cubic-bezier(0.420, 0.000, 0.580, 1.000);
  166. transition: all 500ms cubic-bezier(0.420, 0.000, 0.580, 1.000);}
  167.  
  168. nav a:hover {background-color:#000000; color:#E32935!important; font-size: 2vh; -webkit-transition: all 500ms cubic-bezier(0.420, 0.000, 0.580, 1.000);
  169. -moz-transition: all 500ms cubic-bezier(0.420, 0.000, 0.580, 1.000);
  170. -o-transition: all 500ms cubic-bezier(0.420, 0.000, 0.580, 1.000);
  171. transition: all 500ms cubic-bezier(0.420, 0.000, 0.580, 1.000);}
  172.  
  173.  
  174. section a {display: block; background-color:#360F0F; color:#ffffff!important; padding: 1%; border-bottom: 0.22vh solid #EB0707; font-weight: lighter; text-align: center; text-decoration: none!important; margin-top: 1%; -webkit-transition: all 500ms cubic-bezier(0.420, 0.000, 0.580, 1.000);
  175. -moz-transition: all 500ms cubic-bezier(0.420, 0.000, 0.580, 1.000);
  176. -o-transition: all 500ms cubic-bezier(0.420, 0.000, 0.580, 1.000);
  177. transition: all 500ms cubic-bezier(0.420, 0.000, 0.580, 1.000);}
  178.  
  179. section a:hover {background-color:#000000; color:#360f0f!important; letter-spacing: 0.77vh; -webkit-transition: all 500ms cubic-bezier(0.420, 0.000, 0.580, 1.000);
  180. -moz-transition: all 500ms cubic-bezier(0.420, 0.000, 0.580, 1.000);
  181. -o-transition: all 500ms cubic-bezier(0.420, 0.000, 0.580, 1.000);
  182. transition: all 500ms cubic-bezier(0.420, 0.000, 0.580, 1.000);}
  183.  
  184.  
  185. @MLR /* text stuff */
  186. div, span.text, span.text p, table, td, tr {text-transform: none; text-decoration: none; font-style: normal; font-weight: normal; font-family: 'Patrick Hand SC', cursive; color: #ffffff; font-size: 1.60vh;}
  187.  
  188. /*Scrollbar Content*/
  189. ::-webkit-scrollbar
  190. {border-radius: 20px; width: 1vh; height: 1vh; background: #9D9E9E; }
  191. ::-webkit-scrollbar-thumb
  192. {background-color: #9D9E9E; width: 1vh; height: 1vh;}
  193.  
  194. .DO NOT COPY /*Personal hiding codes by Ivy*/
  195. .userAlbums { display:none; }
  196. .profileinfo {display:none;}
  197. .friendSpace { display:none; }
  198. .interestsAndDetails { display:none; }
  199. .userProfiledetail { display:none; }
  200. .friendsComments { display:none; }
  201. .latestBlogEntry { display:none; }
  202. .extendedNetwork { display:none; }
  203. .contactTable { display: none; }
  204. .userProfileURL { display:none; }
  205. .clearfix {display:none !important; position:absolute!important;}
  206. .blurbs td.text {display:none;}
  207. .blurbs td td .orangetext15 {display:none;}
  208. .lightbluetext8 {display:none;}
  209. .profileInfo tr tr td {visibility:hidden;}
  210. .profileInfo td.text {visibility:visible;}
  211. .clearfix {margin-top: -130px;}
  212. #footerWarpper div font {display:none;}
  213. #footerWarpper div div {display: none;}
  214. a.text, table div font a, table div div {visibility:hidden;}
  215. table, tr, td {background-color:transparent !important;}
  216. </style>
  217.  
  218. /// ------- THIS CODE GOES INTO YOUR WHO'D LIKE TO MEET SECTION -------- ///
  219.  
  220. <img src="https://i.imgur.com/taG2HuF.png" style="position: absolute; top: 0.60%; left: 20.25%;">
  221.  
  222. <nav style="width: 77%; position: fixed; top: -1.65%; left: 10.77%; display: block; padding: 1%;">
  223.  
  224. <a href="">Home</a>
  225. <a href="">Message</a>
  226. <a href="">Comment</a>
  227. <a href="http://www.roleplayer.me/view_blog.php?id=0000391209">View All Blogs</a>
  228. <a href="">Gallery</a>
  229. <a href="">Stream</a>
  230. <a href="">Bulletins</a>
  231. <a href="">Guidelines</a>
  232. <a href="">Befriend Me</a>
  233. <a href="">Extra Link</a>
  234. <a href="#weapons">Known Weapons</a>
  235.  
  236. </nav>
  237.  
  238. <article class="content">
  239. <section style="width: 35%; height: 70%;">
  240.  
  241. <h1>Biography Title</h1>
  242.  
  243. <p style="display: block; text-align: justify; color:#E3E3E3; line-height: 1.42vh; overflow: auto; overflow-x: hidden; height: 55%; font-size: 1.45vh;">
  244. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis mollis ante sagittis molestie venenatis. Nam sed sodales risus, id commodo massa. Integer eu placerat ligula, eget aliquam odio. Ut vitae semper sem. Maecenas non nisl sem. Vestibulum eget turpis id turpis consectetur rhoncus non semper nunc. Maecenas nec metus nec purus consectetur ornare. Maecenas vel imperdiet leo. Aliquam cursus id nisl id suscipit. Mauris ultrices iaculis ex a laoreet. Lorem ipsum dolor sit amet, consectetur adipiscing elit.
  245.  
  246. Etiam vel nunc sollicitudin, lacinia enim a, laoreet massa. Curabitur nec sodales erat, sed volutpat mauris. Phasellus ac enim eu velit tempor tristique. Nam eros nisi, vulputate sed dui at, condimentum egestas sem. Fusce tempus dui eget risus ornare, vel convallis orci accumsan. Fusce fringilla maximus condimentum. Sed eu diam magna. Aenean commodo pellentesque dui eu sollicitudin. Donec ligula ligula, lobortis quis iaculis et, dapibus nec tortor. Nam blandit ex massa, molestie interdum nisi pharetra et. In cursus suscipit libero.
  247.  
  248. Vestibulum mauris felis, aliquam in tincidunt sed, porttitor non metus. Duis id urna accumsan, aliquam nulla et, finibus neque. In consectetur vel odio quis dictum. Fusce sodales purus dapibus, lacinia arcu sed, sagittis augue. Proin accumsan dapibus enim vitae tincidunt. Nunc pulvinar sit amet lorem in pulvinar. Sed pellentesque, metus quis laoreet euismod, ligula lorem blandit mi, at tincidunt nibh felis sit amet metus. Nullam at pretium lorem. Ut sem leo, cursus eu erat id, ornare volutpat enim. Fusce porttitor rutrum laoreet. Nullam fringilla urna vitae nisl tincidunt interdum eu id nulla. Donec at volutpat ex. Sed tincidunt, est sit amet vestibulum placerat, nisi enim facilisis augue, sit amet egestas dui nisi at ex.
  249.  
  250. Quisque lacinia orci arcu, ut aliquet est lacinia et. Aliquam venenatis rhoncus ipsum a convallis. Integer consectetur erat vitae metus convallis placerat. Vivamus volutpat augue eget velit dignissim volutpat. Nam feugiat nisl lacus, eget convallis augue fringilla ut. Proin dapibus sollicitudin efficitur. Integer pellentesque finibus dui quis imperdiet. Integer mattis justo arcu, ac feugiat tellus rhoncus a. Maecenas porttitor laoreet ex, quis semper diam sodales quis. Vivamus viverra, ligula at bibendum lobortis, felis magna semper nisi, nec varius orci nisl accumsan tellus. In tincidunt nisi ac scelerisque elementum. Duis ultricies finibus tortor in finibus. Ut sit amet auctor nibh. Nunc eu metus ipsum. Ut sagittis egestas justo, ac rhoncus justo posuere at.
  251.  
  252. </p>
  253.  
  254. <img src="https://i.imgur.com/M3YuJBM.gif" style="margin-top: -1%; margin-left: 1%;">
  255.  
  256. </section>
  257.  
  258.  
  259. <rosey class="rosey">Tortured Soul Multi Li</rosey>
  260.  
  261.  
  262. <section style="width: 18%; height: 38.77%; margin-top: 5.45%;">
  263.  
  264. <h1>Powers & Abilities</h1>
  265.  
  266. <p style="display: block; text-align: justify; color:#E3E3E3; line-height: 1.42vh; overflow: auto; overflow-x: hidden; height: 80%; font-size: 1.45vh;">
  267. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis mollis ante sagittis molestie venenatis. Nam sed sodales risus, id commodo massa. Integer eu placerat ligula, eget aliquam odio. Ut vitae semper sem. Maecenas non nisl sem. Vestibulum eget turpis id turpis consectetur rhoncus non semper nunc. Maecenas nec metus nec purus consectetur ornare. Maecenas vel imperdiet leo. Aliquam cursus id nisl id suscipit. Mauris ultrices iaculis ex a laoreet. Lorem ipsum dolor sit amet, consectetur adipiscing elit.
  268.  
  269. Etiam vel nunc sollicitudin, lacinia enim a, laoreet massa. Curabitur nec sodales erat, sed volutpat mauris. Phasellus ac enim eu velit tempor tristique. Nam eros nisi, vulputate sed dui at, condimentum egestas sem. Fusce tempus dui eget risus ornare, vel convallis orci accumsan. Fusce fringilla maximus condimentum. Sed eu diam magna. Aenean commodo pellentesque dui eu sollicitudin. Donec ligula ligula, lobortis quis iaculis et, dapibus nec tortor. Nam blandit ex massa, molestie interdum nisi pharetra et. In cursus suscipit libero.
  270.  
  271. Vestibulum mauris felis, aliquam in tincidunt sed, porttitor non metus. Duis id urna accumsan, aliquam nulla et, finibus neque. In consectetur vel odio quis dictum. Fusce sodales purus dapibus, lacinia arcu sed, sagittis augue. Proin accumsan dapibus enim vitae tincidunt. Nunc pulvinar sit amet lorem in pulvinar. Sed pellentesque, metus quis laoreet euismod, ligula lorem blandit mi, at tincidunt nibh felis sit amet metus. Nullam at pretium lorem. Ut sem leo, cursus eu erat id, ornare volutpat enim. Fusce porttitor rutrum laoreet. Nullam fringilla urna vitae nisl tincidunt interdum eu id nulla. Donec at volutpat ex. Sed tincidunt, est sit amet vestibulum placerat, nisi enim facilisis augue, sit amet egestas dui nisi at ex.
  272.  
  273. Quisque lacinia orci arcu, ut aliquet est lacinia et. Aliquam venenatis rhoncus ipsum a convallis. Integer consectetur erat vitae metus convallis placerat. Vivamus volutpat augue eget velit dignissim volutpat. Nam feugiat nisl lacus, eget convallis augue fringilla ut. Proin dapibus sollicitudin efficitur. Integer pellentesque finibus dui quis imperdiet. Integer mattis justo arcu, ac feugiat tellus rhoncus a. Maecenas porttitor laoreet ex, quis semper diam sodales quis. Vivamus viverra, ligula at bibendum lobortis, felis magna semper nisi, nec varius orci nisl accumsan tellus. In tincidunt nisi ac scelerisque elementum. Duis ultricies finibus tortor in finibus. Ut sit amet auctor nibh. Nunc eu metus ipsum. Ut sagittis egestas justo, ac rhoncus justo posuere at.
  274.  
  275. </p>
  276.  
  277. </section>
  278.  
  279.  
  280.  
  281. <section style="width: 18%; height: 38.77%; margin-top: 5.45%;">
  282.  
  283. <h1>Personality</h1>
  284.  
  285. <p style="display: block; text-align: justify; color:#E3E3E3; line-height: 1.42vh; overflow: auto; overflow-x: hidden; height: 80%; font-size: 1.45vh;">
  286. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis mollis ante sagittis molestie venenatis. Nam sed sodales risus, id commodo massa. Integer eu placerat ligula, eget aliquam odio. Ut vitae semper sem. Maecenas non nisl sem. Vestibulum eget turpis id turpis consectetur rhoncus non semper nunc. Maecenas nec metus nec purus consectetur ornare. Maecenas vel imperdiet leo. Aliquam cursus id nisl id suscipit. Mauris ultrices iaculis ex a laoreet. Lorem ipsum dolor sit amet, consectetur adipiscing elit.
  287.  
  288. Etiam vel nunc sollicitudin, lacinia enim a, laoreet massa. Curabitur nec sodales erat, sed volutpat mauris. Phasellus ac enim eu velit tempor tristique. Nam eros nisi, vulputate sed dui at, condimentum egestas sem. Fusce tempus dui eget risus ornare, vel convallis orci accumsan. Fusce fringilla maximus condimentum. Sed eu diam magna. Aenean commodo pellentesque dui eu sollicitudin. Donec ligula ligula, lobortis quis iaculis et, dapibus nec tortor. Nam blandit ex massa, molestie interdum nisi pharetra et. In cursus suscipit libero.
  289.  
  290. Vestibulum mauris felis, aliquam in tincidunt sed, porttitor non metus. Duis id urna accumsan, aliquam nulla et, finibus neque. In consectetur vel odio quis dictum. Fusce sodales purus dapibus, lacinia arcu sed, sagittis augue. Proin accumsan dapibus enim vitae tincidunt. Nunc pulvinar sit amet lorem in pulvinar. Sed pellentesque, metus quis laoreet euismod, ligula lorem blandit mi, at tincidunt nibh felis sit amet metus. Nullam at pretium lorem. Ut sem leo, cursus eu erat id, ornare volutpat enim. Fusce porttitor rutrum laoreet. Nullam fringilla urna vitae nisl tincidunt interdum eu id nulla. Donec at volutpat ex. Sed tincidunt, est sit amet vestibulum placerat, nisi enim facilisis augue, sit amet egestas dui nisi at ex.
  291.  
  292. Quisque lacinia orci arcu, ut aliquet est lacinia et. Aliquam venenatis rhoncus ipsum a convallis. Integer consectetur erat vitae metus convallis placerat. Vivamus volutpat augue eget velit dignissim volutpat. Nam feugiat nisl lacus, eget convallis augue fringilla ut. Proin dapibus sollicitudin efficitur. Integer pellentesque finibus dui quis imperdiet. Integer mattis justo arcu, ac feugiat tellus rhoncus a. Maecenas porttitor laoreet ex, quis semper diam sodales quis. Vivamus viverra, ligula at bibendum lobortis, felis magna semper nisi, nec varius orci nisl accumsan tellus. In tincidunt nisi ac scelerisque elementum. Duis ultricies finibus tortor in finibus. Ut sit amet auctor nibh. Nunc eu metus ipsum. Ut sagittis egestas justo, ac rhoncus justo posuere at.
  293.  
  294. </p>
  295.  
  296. </section>
  297.  
  298.  
  299. <section style="width: 18%; height: 38.77%; margin-top: 5.45%;">
  300.  
  301. <h1>Basic Information</h1>
  302.  
  303. <p style="display: block; text-align: justify; color:#E3E3E3; line-height: 1.42vh; overflow: auto; overflow-x: hidden; height: 80%; font-size: 1.45vh;">
  304. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis mollis ante sagittis molestie venenatis. Nam sed sodales risus, id commodo massa. Integer eu placerat ligula, eget aliquam odio. Ut vitae semper sem. Maecenas non nisl sem. Vestibulum eget turpis id turpis consectetur rhoncus non semper nunc. Maecenas nec metus nec purus consectetur ornare. Maecenas vel imperdiet leo. Aliquam cursus id nisl id suscipit. Mauris ultrices iaculis ex a laoreet. Lorem ipsum dolor sit amet, consectetur adipiscing elit.
  305.  
  306. Etiam vel nunc sollicitudin, lacinia enim a, laoreet massa. Curabitur nec sodales erat, sed volutpat mauris. Phasellus ac enim eu velit tempor tristique. Nam eros nisi, vulputate sed dui at, condimentum egestas sem. Fusce tempus dui eget risus ornare, vel convallis orci accumsan. Fusce fringilla maximus condimentum. Sed eu diam magna. Aenean commodo pellentesque dui eu sollicitudin. Donec ligula ligula, lobortis quis iaculis et, dapibus nec tortor. Nam blandit ex massa, molestie interdum nisi pharetra et. In cursus suscipit libero.
  307.  
  308. Vestibulum mauris felis, aliquam in tincidunt sed, porttitor non metus. Duis id urna accumsan, aliquam nulla et, finibus neque. In consectetur vel odio quis dictum. Fusce sodales purus dapibus, lacinia arcu sed, sagittis augue. Proin accumsan dapibus enim vitae tincidunt. Nunc pulvinar sit amet lorem in pulvinar. Sed pellentesque, metus quis laoreet euismod, ligula lorem blandit mi, at tincidunt nibh felis sit amet metus. Nullam at pretium lorem. Ut sem leo, cursus eu erat id, ornare volutpat enim. Fusce porttitor rutrum laoreet. Nullam fringilla urna vitae nisl tincidunt interdum eu id nulla. Donec at volutpat ex. Sed tincidunt, est sit amet vestibulum placerat, nisi enim facilisis augue, sit amet egestas dui nisi at ex.
  309.  
  310. Quisque lacinia orci arcu, ut aliquet est lacinia et. Aliquam venenatis rhoncus ipsum a convallis. Integer consectetur erat vitae metus convallis placerat. Vivamus volutpat augue eget velit dignissim volutpat. Nam feugiat nisl lacus, eget convallis augue fringilla ut. Proin dapibus sollicitudin efficitur. Integer pellentesque finibus dui quis imperdiet. Integer mattis justo arcu, ac feugiat tellus rhoncus a. Maecenas porttitor laoreet ex, quis semper diam sodales quis. Vivamus viverra, ligula at bibendum lobortis, felis magna semper nisi, nec varius orci nisl accumsan tellus. In tincidunt nisi ac scelerisque elementum. Duis ultricies finibus tortor in finibus. Ut sit amet auctor nibh. Nunc eu metus ipsum. Ut sagittis egestas justo, ac rhoncus justo posuere at.
  311.  
  312. </p>
  313.  
  314. </section>
  315.  
  316. <img src="https://i.imgur.com/H7fnCuk.png" style="position: absolute; top: 48%; margin-left: 37.88%;">
  317.  
  318. <div class="other">
  319.  
  320. <section style="width: 35%; height: 60%;">
  321.  
  322. <h1>Connection Links</h1>
  323.  
  324. <p style="display: block; text-align: justify; color:#E3E3E3; line-height: 1.42vh; overflow: auto; overflow-x: hidden; height: 88%; margin-top: -2%; font-size: 1.45vh;">
  325.  
  326. <a href="">connection name</a>
  327. <a href="">connection name</a>
  328. <a href="">connection name</a>
  329. <a href="">connection name</a>
  330. <a href="">connection name</a>
  331. <a href="">connection name</a>
  332. <a href="">connection name</a>
  333. <a href="">connection name</a>
  334. <a href="">connection name</a>
  335. <a href="">connection name</a>
  336. <a href="">connection name</a>
  337. <a href="">connection name</a>
  338. <a href="">connection name</a>
  339. <a href="">connection name</a>
  340. <a href="">connection name</a>
  341. <a href="">connection name</a>
  342. <a href="">connection name</a>
  343. <a href="">connection name</a>
  344. <a href="">connection name</a>
  345. <a href="">connection name</a>
  346. <a href="">connection name</a>
  347. <a href="">connection name</a>
  348. <a href="">connection name</a>
  349. <a href="">connection name</a>
  350. <a href="">connection name</a>
  351. <a href="">connection name</a>
  352. <a href="">connection name</a>
  353. <a href="">connection name</a>
  354. <a href="">connection name</a>
  355. <a href="">connection name</a>
  356. <a href="">connection name</a>
  357. <a href="">connection name</a>
  358. <a href="">connection name</a>
  359. <a href="">connection name</a>
  360. <a href="">connection name</a>
  361. <a href="">connection name</a>
  362. <a href="">connection name</a>
  363. <a href="">connection name</a>
  364. <a href="">connection name</a>
  365. <a href="">connection name</a>
  366. <a href="">connection name</a>
  367. <a href="">connection name</a>
  368. <a href="">connection name</a>
  369. <a href="">connection name</a>
  370. <a href="">connection name</a>
  371. <a href="">connection name</a>
  372. <a href="">connection name</a>
  373. <a href="">connection name</a>
  374. <a href="">connection name</a>
  375. <a href="">connection name</a>
  376. <a href="">connection name</a>
  377. <a href="">connection name</a>
  378. <a href="">connection name</a>
  379. <a href="">connection name</a>
  380. <a href="">connection name</a>
  381. <a href="">connection name</a>
  382. <a href="">connection name</a>
  383. <a href="">connection name</a>
  384. <a href="">connection name</a>
  385. <a href="">connection name</a>
  386.  
  387. </p>
  388.  
  389. </section>
  390.  
  391.  
  392. <section style="width: 58.55%; height: 60%; background-image: url('https://static1.squarespace.com/static/5463a658e4b0484e861d7e77/54b5f2dfe4b04d7d81f52cd2/54b5f2fee4b04d7d81f53360/1421210383905/?format=1500w'); background-size: cover;">
  393.  
  394. <h1>Love Interest</h1>
  395.  
  396. <p style="width: 60%; margin-left: 38%; display: block; text-align: justify; color:#E3E3E3; line-height: 1.42vh; overflow: auto; overflow-x: hidden; height: 55%; font-size: 1.45vh;">
  397. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis mollis ante sagittis molestie venenatis. Nam sed sodales risus, id commodo massa. Integer eu placerat ligula, eget aliquam odio. Ut vitae semper sem. Maecenas non nisl sem. Vestibulum eget turpis id turpis consectetur rhoncus non semper nunc. Maecenas nec metus nec purus consectetur ornare. Maecenas vel imperdiet leo. Aliquam cursus id nisl id suscipit. Mauris ultrices iaculis ex a laoreet. Lorem ipsum dolor sit amet, consectetur adipiscing elit.
  398.  
  399. Etiam vel nunc sollicitudin, lacinia enim a, laoreet massa. Curabitur nec sodales erat, sed volutpat mauris. Phasellus ac enim eu velit tempor tristique. Nam eros nisi, vulputate sed dui at, condimentum egestas sem. Fusce tempus dui eget risus ornare, vel convallis orci accumsan. Fusce fringilla maximus condimentum. Sed eu diam magna. Aenean commodo pellentesque dui eu sollicitudin. Donec ligula ligula, lobortis quis iaculis et, dapibus nec tortor. Nam blandit ex massa, molestie interdum nisi pharetra et. In cursus suscipit libero.
  400.  
  401. Vestibulum mauris felis, aliquam in tincidunt sed, porttitor non metus. Duis id urna accumsan, aliquam nulla et, finibus neque. In consectetur vel odio quis dictum. Fusce sodales purus dapibus, lacinia arcu sed, sagittis augue. Proin accumsan dapibus enim vitae tincidunt. Nunc pulvinar sit amet lorem in pulvinar. Sed pellentesque, metus quis laoreet euismod, ligula lorem blandit mi, at tincidunt nibh felis sit amet metus. Nullam at pretium lorem. Ut sem leo, cursus eu erat id, ornare volutpat enim. Fusce porttitor rutrum laoreet. Nullam fringilla urna vitae nisl tincidunt interdum eu id nulla. Donec at volutpat ex. Sed tincidunt, est sit amet vestibulum placerat, nisi enim facilisis augue, sit amet egestas dui nisi at ex.
  402.  
  403. Quisque lacinia orci arcu, ut aliquet est lacinia et. Aliquam venenatis rhoncus ipsum a convallis. Integer consectetur erat vitae metus convallis placerat. Vivamus volutpat augue eget velit dignissim volutpat. Nam feugiat nisl lacus, eget convallis augue fringilla ut. Proin dapibus sollicitudin efficitur. Integer pellentesque finibus dui quis imperdiet. Integer mattis justo arcu, ac feugiat tellus rhoncus a. Maecenas porttitor laoreet ex, quis semper diam sodales quis. Vivamus viverra, ligula at bibendum lobortis, felis magna semper nisi, nec varius orci nisl accumsan tellus. In tincidunt nisi ac scelerisque elementum. Duis ultricies finibus tortor in finibus. Ut sit amet auctor nibh. Nunc eu metus ipsum. Ut sagittis egestas justo, ac rhoncus justo posuere at.
  404.  
  405. </p>
  406.  
  407. <center style="margin-left: 20%;">
  408. <img src="http://www.placehold.it/200x100" style="margin-top: -1%; margin-left: -1%;">
  409.  
  410. <img src="http://www.placehold.it/200x100" style="margin-top: -1%; margin-left: 1%;">
  411. </center>
  412.  
  413. </section>
  414.  
  415. </div>
  416.  
  417. <img src="https://i.imgur.com/eiw5Atd.png" style="position: absolute; top: 136vh;">
  418. </article>
  419.  
  420.  
  421.  
  422.  
  423. <div id="weapons">
  424.  
  425. <a href="#" style="color:#ffffff; text-decoration: none; font-size: 1vh; padding: 1%; float: left; margin-top: -3%;">close tab</a>
  426.  
  427. <h1>The Mark Of Cain</h1>
  428.  
  429. <p style="display: block; text-align: justify; color:#E3E3E3; line-height: 1.42vh; overflow: auto; overflow-x: hidden; height: 23%; font-size: 1.45vh;">
  430. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis mollis ante sagittis molestie venenatis. Nam sed sodales risus, id commodo massa. Integer eu placerat ligula, eget aliquam odio. Ut vitae semper sem. Maecenas non nisl sem. Vestibulum eget turpis id turpis consectetur rhoncus non semper nunc. Maecenas nec metus nec purus consectetur ornare. Maecenas vel imperdiet leo. Aliquam cursus id nisl id suscipit. Mauris ultrices iaculis ex a laoreet. Lorem ipsum dolor sit amet, consectetur adipiscing elit.
  431.  
  432. Etiam vel nunc sollicitudin, lacinia enim a, laoreet massa. Curabitur nec sodales erat, sed volutpat mauris. Phasellus ac enim eu velit tempor tristique. Nam eros nisi, vulputate sed dui at, condimentum egestas sem. Fusce tempus dui eget risus ornare, vel convallis orci accumsan. Fusce fringilla maximus condimentum. Sed eu diam magna. Aenean commodo pellentesque dui eu sollicitudin. Donec ligula ligula, lobortis quis iaculis et, dapibus nec tortor. Nam blandit ex massa, molestie interdum nisi pharetra et. In cursus suscipit libero.
  433.  
  434. Vestibulum mauris felis, aliquam in tincidunt sed, porttitor non metus. Duis id urna accumsan, aliquam nulla et, finibus neque. In consectetur vel odio quis dictum. Fusce sodales purus dapibus, lacinia arcu sed, sagittis augue. Proin accumsan dapibus enim vitae tincidunt. Nunc pulvinar sit amet lorem in pulvinar. Sed pellentesque, metus quis laoreet euismod, ligula lorem blandit mi, at tincidunt nibh felis sit amet metus. Nullam at pretium lorem. Ut sem leo, cursus eu erat id, ornare volutpat enim. Fusce porttitor rutrum laoreet. Nullam fringilla urna vitae nisl tincidunt interdum eu id nulla. Donec at volutpat ex. Sed tincidunt, est sit amet vestibulum placerat, nisi enim facilisis augue, sit amet egestas dui nisi at ex.
  435.  
  436. Quisque lacinia orci arcu, ut aliquet est lacinia et. Aliquam venenatis rhoncus ipsum a convallis. Integer consectetur erat vitae metus convallis placerat. Vivamus volutpat augue eget velit dignissim volutpat. Nam feugiat nisl lacus, eget convallis augue fringilla ut. Proin dapibus sollicitudin efficitur. Integer pellentesque finibus dui quis imperdiet. Integer mattis justo arcu, ac feugiat tellus rhoncus a. Maecenas porttitor laoreet ex, quis semper diam sodales quis. Vivamus viverra, ligula at bibendum lobortis, felis magna semper nisi, nec varius orci nisl accumsan tellus. In tincidunt nisi ac scelerisque elementum. Duis ultricies finibus tortor in finibus. Ut sit amet auctor nibh. Nunc eu metus ipsum. Ut sagittis egestas justo, ac rhoncus justo posuere at.
  437.  
  438. </p>
  439.  
  440. <center>
  441. <img src="https://v.dreamwidth.org/7735984/23802">
  442.  
  443. <img src="https://images.8tracks.com/cover/i/002/283/233/mark_of_cain-4975.png?rect=0,0,600,600&q=98&fm=jpg&fit=max&w=100&h=100">
  444.  
  445. <img src="https://images.8tracks.com/cover/i/002/027/929/deanmarkofcain-9457.jpg?rect=0,50,500,500&q=98&fm=jpg&fit=max&w=100&h=100">
  446.  
  447. <img src="https://l-userpic.livejournal.com/124850353/7553295">
  448. </center>
  449.  
  450. <h1>The first Blade</h1>
  451.  
  452. <p style="display: block; text-align: justify; color:#E3E3E3; line-height: 1.42vh; overflow: auto; overflow-x: hidden; height: 23%; font-size: 1.45vh;">
  453. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis mollis ante sagittis molestie venenatis. Nam sed sodales risus, id commodo massa. Integer eu placerat ligula, eget aliquam odio. Ut vitae semper sem. Maecenas non nisl sem. Vestibulum eget turpis id turpis consectetur rhoncus non semper nunc. Maecenas nec metus nec purus consectetur ornare. Maecenas vel imperdiet leo. Aliquam cursus id nisl id suscipit. Mauris ultrices iaculis ex a laoreet. Lorem ipsum dolor sit amet, consectetur adipiscing elit.
  454.  
  455. Etiam vel nunc sollicitudin, lacinia enim a, laoreet massa. Curabitur nec sodales erat, sed volutpat mauris. Phasellus ac enim eu velit tempor tristique. Nam eros nisi, vulputate sed dui at, condimentum egestas sem. Fusce tempus dui eget risus ornare, vel convallis orci accumsan. Fusce fringilla maximus condimentum. Sed eu diam magna. Aenean commodo pellentesque dui eu sollicitudin. Donec ligula ligula, lobortis quis iaculis et, dapibus nec tortor. Nam blandit ex massa, molestie interdum nisi pharetra et. In cursus suscipit libero.
  456.  
  457. Vestibulum mauris felis, aliquam in tincidunt sed, porttitor non metus. Duis id urna accumsan, aliquam nulla et, finibus neque. In consectetur vel odio quis dictum. Fusce sodales purus dapibus, lacinia arcu sed, sagittis augue. Proin accumsan dapibus enim vitae tincidunt. Nunc pulvinar sit amet lorem in pulvinar. Sed pellentesque, metus quis laoreet euismod, ligula lorem blandit mi, at tincidunt nibh felis sit amet metus. Nullam at pretium lorem. Ut sem leo, cursus eu erat id, ornare volutpat enim. Fusce porttitor rutrum laoreet. Nullam fringilla urna vitae nisl tincidunt interdum eu id nulla. Donec at volutpat ex. Sed tincidunt, est sit amet vestibulum placerat, nisi enim facilisis augue, sit amet egestas dui nisi at ex.
  458.  
  459. Quisque lacinia orci arcu, ut aliquet est lacinia et. Aliquam venenatis rhoncus ipsum a convallis. Integer consectetur erat vitae metus convallis placerat. Vivamus volutpat augue eget velit dignissim volutpat. Nam feugiat nisl lacus, eget convallis augue fringilla ut. Proin dapibus sollicitudin efficitur. Integer pellentesque finibus dui quis imperdiet. Integer mattis justo arcu, ac feugiat tellus rhoncus a. Maecenas porttitor laoreet ex, quis semper diam sodales quis. Vivamus viverra, ligula at bibendum lobortis, felis magna semper nisi, nec varius orci nisl accumsan tellus. In tincidunt nisi ac scelerisque elementum. Duis ultricies finibus tortor in finibus. Ut sit amet auctor nibh. Nunc eu metus ipsum. Ut sagittis egestas justo, ac rhoncus justo posuere at.
  460.  
  461. </p>
  462.  
  463.  
  464.  
  465. </div>
  466.  
  467.  
  468. <object style="position: absolute; top: 777%; left: 20.25%;" type="application/x-shockwave-flash" data="https://flash-mp3-player.net/medias/player_mp3_maxi.swf" width="870" height="20">
  469. <param name="movie" value="https://flash-mp3-player.net/medias/player_mp3_maxi.swf" />
  470. <param name="bgcolor" value="#ffffff" />
  471. <param name="FlashVars" value="mp3=http%3A//k003.kiwi6.com/hotlink/dx7vpcmd3q/A_Perfect_Circle_-_Counting_Bodies_Like_Sheep_to_the_Rhythm_of_the_War_Drums.mp3&width=870&loop=1&autoplay=1" />
  472. </object>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
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!