API tools faq
paste
Advertisement
cowboyssweetheart

Blue column layout

cowboyssweetheart
Mar 15th, 2020
161
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 25.46 KB | None | 0 0
raw download clone embed print report
  1. {THIS LAYOUT WAS CREATED BY Maggie @ Cerulean Sins . DO NOT COPY, REDISTRIBUTE OR CLAIM CREDIT IN ANY WAY. LEAVE CREDIT ON LAYOUT AS WELL. THIS LAYOUT WORKS BEST ON GOOGLE CHROME. SPECIAL THANKS TO SKYE @ SWEETNER FOR HER TUTORIALS AND PRIMA @ HIGHTIMES FOR THE CODES WHICH WITHOUT THIS LAYOUT WOULDN'T BE POSSIBLE. ]
  2.  
  3. ABOUT ME;
  4.  
  5. <style>
  6.  
  7.  
  8. .Cerulean Sins { RPER.ME H I D E CODES }
  9. .clearfix { display: none; }
  10. .lightbluetext8 { display:none; }
  11. .contacttable { display:none; }
  12. .whitetext12 { display:none; }
  13. .interestsanddetails { display:none; }
  14. .userProfiledetail { display:none; }
  15. .friendSpace { display:none; }
  16. .friendsComments { display:none; }
  17. .latestBlogEntry { display:none; }
  18. .orangetext15 { display:none; }
  19. .profileinfo { display:none; }
  20. .userProfileURL { display:none; }
  21. .extendedNetwork { display:none; }
  22. .blurbs { display:none; }
  23. .userAlbums { display:none; }
  24. #footerWarpper{ display:none; }
  25.  
  26.  
  27.  
  28. .Cerulean Sins { BACKGROUND P R O P E R T I E S }
  29. body {
  30. background:url() #75BAE1;
  31. background-position:center;
  32. background-attachment:fixed;
  33. background-repeat:repeat;
  34. margin-left:0px;}
  35.  
  36. .Cerulean Sins { TABLE P R O P E R T I E S }
  37. table { position:relative; }
  38. table, tr, td { background-color:transparent; }
  39. table table table table td { width:0px; border:0px; }
  40. table table table td { border:0px; margin:0px; padding:0px;}
  41. table table br { display:none; margin:0px; padding:0px;}
  42. table table table br { display:block; margin:0px; padding:0px;}
  43. table table table table, table table { border:0px; margin:0px; padding:0px; }
  44. table table table {
  45. background-color:#304C5C;
  46. padding-top:2px;
  47. margin-top:5px;
  48. margin-left:-10px;
  49. border:2px;
  50. border-color:#309DDB;}
  51.  
  52. td.text table {position:relative; top:-30px;}
  53. td.text table table {position:static;}
  54.  
  55.  
  56.  
  57.  
  58. <style>
  59. .Cerulean Sins { T E X T P R O P E R T I E S }
  60. table, tr, td, li, p, div {
  61. font-family: sans-serif;
  62. color:#01CEFF;
  63. font-size:9px;
  64. line-height:10px;}
  65. </style>
  66.  
  67. <Style>
  68. Cerulean Sins {LINK PROPERTIES}
  69.  
  70. a:active, a:visited, a:link {
  71. color:#304C5C;
  72. font-size: 15px;
  73. font-family:'Lobster', cursive;
  74. text-decoration:none;
  75. font-weight:lighter;
  76. letter-spacing:-2px;
  77. padding: 2px;
  78. -webkit-transition: all 0.4s ease-out;
  79. -moz-transition: all 0.4s ease-out;
  80. transition: all 0.4s ease-out;
  81. text-shadow:15px 0px transparent, -15px 0px transparent;}
  82.  
  83. a:hover {
  84. color: #2577A8;
  85. font-size: 10px;
  86. text-transform:none;
  87. font-weight: lighter;
  88. letter-spacing:-2px;
  89. padding: 2px;
  90. -webkit-transition: all 0.4s ease-out;
  91. -moz-transition: all 0.4s ease-out;
  92. transition: all 0.4s ease-out;text-shadow: 0px 0px, 0px 0px ;}
  93.  
  94. a.second, a.second:link, a.second:active, a.second:visited {
  95. font-family: arial;
  96. font-size:8px;
  97. line-height: 15px;
  98. width:auto;
  99. height:18px!important;
  100. text-transform: uppercase;
  101. letter-spacing: 2px;
  102. font-weight: lighter;
  103. color: #309DDB;
  104. text-decoration: none;
  105. background: transparent;
  106. text-align: center;
  107. margin-bottom:2px;
  108. display: block;
  109. padding: 2px;
  110. -webkit-transition: all .5s ease-in-out;
  111. -moz-transition: all .5s ease-in-out;
  112. -o-transition: all .5s ease-in-out; }
  113.  
  114. a.second:hover {
  115. color: #309DDB;
  116. letter-spacing: 2.5px;
  117. background-color: transparent;}
  118.  
  119.  
  120.  
  121.  
  122. </style>
  123. <style>
  124. .Cerulean Sins {TEXT STYLE PROPERTIES}
  125.  
  126. I{
  127. font: italic 8px georgia;
  128. text-transform:none;
  129. color:#309DDB;
  130. line-height:6px;}
  131.  
  132. B {
  133. font: bold 8px vrinda;
  134. text-transform:uppercase;
  135. color:#14425C;
  136. line-height:6px;
  137. letter-spacing:1px;}
  138.  
  139. strong {
  140. font: bold 8px vrinda;
  141. text-transform:uppercase;
  142. color:#2577A8;
  143. line-height:6px;
  144. letter-spacing:1px;}
  145.  
  146. em {
  147. font: italic 10px georgia;
  148. text-transform:none;
  149. color:#75BAE1;
  150. line-height:10px;
  151. letter-spacing:2px;
  152. text-transform:lowercase;
  153. font-style:italic;
  154. font-weight:bold;}
  155.  
  156. blockquote{
  157. font:times new roman;
  158. color:#2577A8;
  159. font-weight:Bold;
  160. text-transformation: uppercase;
  161. letter-spacing:1.5px;
  162. text-align:center;
  163. background-color:transparent
  164. border-color: transparent;
  165. border-right: 2px solid;
  166. border-color: ##309DDB;
  167. margin:10px;
  168. padding:10px;
  169. line-height:9px;}
  170.  
  171. h1 {
  172. font-family:''Roboto Slab', serif;;
  173. font-size: 22px;
  174. color:#14425C;
  175. line-height: 20px;
  176. letter-spacing: 6px;
  177. text-align: right;
  178. font-style: italic;
  179. background-color:#309DDB;
  180. font-weight: bold;
  181. display: block;
  182. margin-bottom: 0px;}
  183.  
  184.  
  185.  
  186. h2 {
  187. font-family:'Dancing Script', cursive;
  188. font-size: 22px;
  189. color:#309DDB
  190. line-height:20px;
  191. letter-spacing: 6px;
  192. text-align: center;
  193. font-style: italic;
  194. font-weight:normal;
  195. display: block;
  196. margin-bottom: 0px;}
  197.  
  198. </style>
  199.  
  200. <style type="text/css">
  201. ::-webkit-scrollbar-thumb:vertical{ background:#304C5C; border:2px solid #75BAE1; }
  202. ::-webkit-scrollbar-thumb:horizontal{ background:#304C5C; border:2px solid #75BAE1; }
  203. ::-webkit-scrollbar{ width:7px;height:1px; border:3px solid#75BAE1; background-color:#309DDB; }
  204. ::-webkit-scrollbar-button:start:decrement, ::-webkit-scrollbar-button:end:increment{
  205. display:block; height:1px; width:7px; background:#01CEFF; }
  206. ::selection { background:#304C5C; }
  207. ::-moz-selection { background:#304C5C; }
  208. ::-webkit-selection { background:#304C5C; }
  209. </style>
  210.  
  211. <style>
  212.  
  213.  
  214.  
  215.  
  216.  
  217.  
  218. .Cerulean Sins { DIV P R O P E R T I E S }
  219.  
  220.  
  221. .nav {
  222. a.first, a.first:link, a.first:active, a.first:visited {
  223.  
  224. width:100px;
  225. height:225px;
  226. line-height:75px;
  227. -webkit-transition: all .3s linear;
  228. -moz-transition: all .3s linear;
  229. transition: all .3s linear;}
  230.  
  231. a.first:hover { }
  232.  
  233. width:100px;
  234. height:225px;
  235. top:35px;
  236. left:-575px;
  237. position:absolute;
  238. overflow:none;
  239. background:transparent;
  240. font-family:'times new roman;
  241. font-size:10px;
  242. color: #E6E6FA;
  243. line-height: 40px;
  244. letter-spacing: -2px;
  245. font-style: italic;
  246. font-weight: lighter;
  247. border:#transparent;}
  248.  
  249.  
  250.  
  251.  
  252.  
  253.  
  254.  
  255. </style>
  256.  
  257.  
  258.  
  259.  
  260.  
  261.  
  262.  
  263.  
  264.  
  265.  
  266.  
  267.  
  268.  
  269.  
  270.  
  271.  
  272.  
  273.  
  274.  
  275.  
  276. .Southbound Designs {GOOGLE FONTS}
  277. <link href="https://fonts.googleapis.com/css?family=Roboto+Slab&display=swap" rel="stylesheet">
  278.  
  279.  
  280. <link href="https://fonts.googleapis.com/css?family=Dancing+Script&display=swap" rel="stylesheet">
  281. </style>
  282.  
  283. LIKE TO MEET;
  284. </table>
  285. </td>
  286. </tr>
  287. </table>
  288. <br />
  289. <table cellspacing="0" cellpadding="0" width="500">
  290. <td>
  291. <table cellspacing="0" cellpadding="0" width="500">
  292. <td valign="top" align="center" width="500">
  293. <img src="https://via.placeholder.com/500x250">
  294.  
  295.  
  296.  
  297.  
  298. <div class="nav">
  299. <img src="https://via.placeholder.com/200x250"><br>
  300. <a href="/"class"first">Home</a>
  301. <a href="/" class="first">Mess</a>
  302. <a href="/" class="first">Cmt</a>
  303. <a href="/" class="first">Glly</a>
  304. <a href="/" class="first">Blog</a>
  305. <a href="/1551539" class="first">Credit</a>
  306.  
  307. </div>
  308. </table>
  309. </td>
  310. </tr>
  311. </table>
  312. <br />
  313. <table cellspacing="0" cellpadding="0" width="500">
  314. <td>
  315. <table cellspacing="0" cellpadding="0" width="500">
  316. <td valign="top" align="center" width="500">
  317. <h1>First Middle Last</h1>
  318.  
  319. </table>
  320. </td>
  321. </tr>
  322. </table>
  323. <br />
  324. <table cellspacing="0" cellpadding="0" width="500">
  325. <td>
  326. <table cellspacing="0" cellpadding="0" width="500">
  327. <td valign="top" align="center" width="500">
  328. <h2> Quote will go here</h2>
  329.  
  330. </td></tr></table></td></tr></table><br /><table bordercolor="ffffff" cellspacing="0" cellpadding="0" width="500" bgcolor="ffffff" border="0"><tr><td class="text" valign="left" align="left" width="500" bgcolor="ffffff" height="0" style="word-wrap:break-word"></td></tr><tr><td><table bordercolor="000000" cellspacing="0" cellpadding="0" width="500" align="left" bgcolor="ffffff" border="0"><td valign="top" align="left" width="500" bgcolor="ffffff" style="word-wrap:break-word">
  331.  
  332. <div style="overflow:auto; background:#304C5C; float:left; width:249px; height:125px;">
  333. <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Consectetur adipiscing elit ut aliquam purus sit amet. Vel risus commodo viverra maecenas accumsan lacus vel facilisis volutpat. Accumsan in nisl nisi scelerisque eu. Purus semper eget duis at tellus at urna condimentum. In nisl nisi scelerisque eu ultrices vitae. Elementum nibh tellus molestie nunc. Odio tempor orci dapibus ultrices in iaculis nunc sed. Facilisi nullam vehicula ipsum a. Egestas purus viverra accumsan in nisl nisi scelerisque eu ultrices. Pharetra convallis posuere morbi leo urna molestie. Dolor sit amet consectetur adipiscing elit pellentesque. Mi sit amet mauris commodo. Elementum eu facilisis sed odio morbi quis commodo odio. Non diam phasellus vestibulum lorem sed. Tellus id interdum velit laoreet id donec. </p>
  334.  
  335. <p>Sed augue lacus viverra vitae congue eu consequat ac felis. Amet justo donec enim diam vulputate ut pharetra sit amet. Enim eu turpis egestas pretium aenean pharetra magna ac placerat. Aliquam etiam erat velit scelerisque in dictum non. Commodo odio aenean sed adipiscing diam. Cursus in hac habitasse platea dictumst. Convallis posuere morbi leo urna molestie. Bibendum enim facilisis gravida neque convallis a cras semper. Egestas maecenas pharetra convallis posuere morbi leo. Massa sed elementum tempus egestas sed sed risus pretium quam. Enim facilisis gravida neque convallis a cras. Mi quis hendrerit dolor magna eget est lorem ipsum dolor. Sed arcu non odio euismod lacinia at quis. Tellus pellentesque eu tincidunt tortor aliquam nulla facilisi. Nunc non blandit massa enim nec dui nunc. Interdum varius sit amet mattis vulputate enim. Faucibus ornare suspendisse sed nisi.</p>
  336. </div>
  337.  
  338. <div style="overflow:auto; background:#304C5C; float:right; width:249px; height:125px;">
  339. <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Consectetur adipiscing elit ut aliquam purus sit amet. Vel risus commodo viverra maecenas accumsan lacus vel facilisis volutpat. Accumsan in nisl nisi scelerisque eu. Purus semper eget duis at tellus at urna condimentum. In nisl nisi scelerisque eu ultrices vitae. Elementum nibh tellus molestie nunc. Odio tempor orci dapibus ultrices in iaculis nunc sed. Facilisi nullam vehicula ipsum a. Egestas purus viverra accumsan in nisl nisi scelerisque eu ultrices. Pharetra convallis posuere morbi leo urna molestie. Dolor sit amet consectetur adipiscing elit pellentesque. Mi sit amet mauris commodo. Elementum eu facilisis sed odio morbi quis commodo odio. Non diam phasellus vestibulum lorem sed. Tellus id interdum velit laoreet id donec. </p>
  340.  
  341. <p>Sed augue lacus viverra vitae congue eu consequat ac felis. Amet justo donec enim diam vulputate ut pharetra sit amet. Enim eu turpis egestas pretium aenean pharetra magna ac placerat. Aliquam etiam erat velit scelerisque in dictum non. Commodo odio aenean sed adipiscing diam. Cursus in hac habitasse platea dictumst. Convallis posuere morbi leo urna molestie. Bibendum enim facilisis gravida neque convallis a cras semper. Egestas maecenas pharetra convallis posuere morbi leo. Massa sed elementum tempus egestas sed sed risus pretium quam. Enim facilisis gravida neque convallis a cras. Mi quis hendrerit dolor magna eget est lorem ipsum dolor. Sed arcu non odio euismod lacinia at quis. Tellus pellentesque eu tincidunt tortor aliquam nulla facilisi. Nunc non blandit massa enim nec dui nunc. Interdum varius sit amet mattis vulputate enim. Faucibus ornare suspendisse sed nisi.</p>
  342. </div>
  343.  
  344. </td></tr></table></td></tr></table><br /><table bordercolor="ffffff" cellspacing="0" cellpadding="0" width="500" bgcolor="ffffff" border="0"><tr><td class="text" valign="left" align="left" width="500" bgcolor="ffffff" height="0" style="word-wrap:break-word"></td></tr><tr><td><table bordercolor="000000" cellspacing="0" cellpadding="0" width="500" align="left" bgcolor="ffffff" border="0"><td valign="top" align="left" width="500" bgcolor="ffffff" style="word-wrap:break-word">
  345. <img src="https://placehold.it/248x150" align"left">
  346. <img src="https://placehold.it/248x150" align"right">
  347. </td></tr></table></td></tr></table><br /><table bordercolor="ffffff" cellspacing="0" cellpadding="0" width="500" bgcolor="ffffff" border="0"><tr><td class="text" valign="left" align="left" width="500" bgcolor="ffffff" height="0" style="word-wrap:break-word"></td></tr><tr><td><table bordercolor="000000" cellspacing="0" cellpadding="0" width="500" align="left" bgcolor="ffffff" border="0"><td valign="top" align="left" width="500" bgcolor="ffffff" style="word-wrap:break-word">
  348. <h1>Quote will go here</h1>
  349. </td></tr></table></td></tr></table><br /><table bordercolor="ffffff" cellspacing="0" cellpadding="0" width="500" bgcolor="ffffff" border="0"><tr><td class="text" valign="left" align="left" width="500" bgcolor="ffffff" height="0" style="word-wrap:break-word"></td></tr><tr><td><table bordercolor="000000" cellspacing="0" cellpadding="0" width="500" align="left" bgcolor="ffffff" border="0"><td valign="top" align="left" width="500" bgcolor="ffffff" style="word-wrap:break-word">
  350. <img src="https://placehold.it/500x100">
  351.  
  352. </td></tr></table></td></tr></table><br /><table bordercolor="ffffff" cellspacing="0" cellpadding="0" width="500" bgcolor="ffffff" border="0"><tr><td class="text" valign="left" align="left" width="500" bgcolor="ffffff" height="0" style="word-wrap:break-word"></td></tr><tr><td><table bordercolor="000000" cellspacing="0" cellpadding="0" width="500" align="left" bgcolor="ffffff" border="0"><td valign="top" align="left" width="500" bgcolor="ffffff" style="word-wrap:break-word">
  353.  
  354. <div style="float:left; margin:2px;"><img src="https://placehold.it/200x250"></div><div style="overflow:auto; text-align:center; width:240px; float:right; height:200px; margin:2px;">
  355.  
  356. <h1> Love life;</h1>
  357. <h2> Quote </h2>
  358. <Strong> Status: </strong><BR>
  359. <Strong> Who: </strong><a href="url here">name here</a> <BR>
  360. <Strong> Met: </strong><BR>
  361. <Strong> First date: </strong><BR>
  362. <Strong> First Kiss: </strong><BR>
  363. <Strong> Offical: </strong><BR>
  364. <Strong> Engaged: </strong><BR>
  365. <Strong> Married: </strong><BR>
  366. <Strong> Children: </strong><BR>
  367. <Strong> Song: </strong><BR>
  368. <Strong> Comments: </strong><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Consectetur adipiscing elit ut aliquam purus sit amet. Vel risus commodo viverra maecenas accumsan lacus vel facilisis volutpat. Accumsan in nisl nisi scelerisque eu. Purus semper eget duis at tellus at urna condimentum. In nisl nisi scelerisque eu ultrices vitae. Elementum nibh tellus molestie nunc. Odio tempor orci dapibus ultrices in iaculis nunc sed. Facilisi nullam vehicula ipsum a. Egestas purus viverra accumsan in nisl nisi scelerisque eu ultrices. Pharetra convallis posuere morbi leo urna molestie. Dolor sit amet consectetur adipiscing elit pellentesque. Mi sit amet mauris commodo. Elementum eu facilisis sed odio morbi quis commodo odio. Non diam phasellus vestibulum lorem sed. Tellus id interdum velit laoreet id donec. </p>
  369.  
  370. <p>Sed augue lacus viverra vitae congue eu consequat ac felis. Amet justo donec enim diam vulputate ut pharetra sit amet. Enim eu turpis egestas pretium aenean pharetra magna ac placerat. Aliquam etiam erat velit scelerisque in dictum non. Commodo odio aenean sed adipiscing diam. Cursus in hac habitasse platea dictumst. Convallis posuere morbi leo urna molestie. Bibendum enim facilisis gravida neque convallis a cras semper. Egestas maecenas pharetra convallis posuere morbi leo. Massa sed elementum tempus egestas sed sed risus pretium quam. Enim facilisis gravida neque convallis a cras. Mi quis hendrerit dolor magna eget est lorem ipsum dolor. Sed arcu non odio euismod lacinia at quis. Tellus pellentesque eu tincidunt tortor aliquam nulla facilisi. Nunc non blandit massa enim nec dui nunc. Interdum varius sit amet mattis vulputate enim. Faucibus ornare suspendisse sed nisi.</p<BR>
  371. </div>
  372.  
  373.  
  374.  
  375.  
  376. </td></tr></table></td></tr></table><br /><table bordercolor="ffffff" cellspacing="0" cellpadding="0" width="500" bgcolor="ffffff" border="0"><tr><td class="text" valign="left" align="left" width="500" bgcolor="ffffff" height="0" style="word-wrap:break-word"></td></tr><tr><td><table bordercolor="000000" cellspacing="0" cellpadding="0" width="500" align="left" bgcolor="ffffff" border="0"><td valign="top" align="left" width="500" bgcolor="ffffff" style="word-wrap:break-word">
  377. <h1>Connections here</h1>
  378. </td></tr></table></td></tr></table><br /><table bordercolor="ffffff" cellspacing="0" cellpadding="0" width="500" bgcolor="ffffff" border="0"><tr><td class="text" valign="left" align="left" width="500" bgcolor="ffffff" height="0" style="word-wrap:break-word"></td></tr><tr><td><table bordercolor="000000" cellspacing="0" cellpadding="0" width="500" align="left" bgcolor="ffffff" border="0"><td valign="top" align="left" width="500" bgcolor="ffffff" style="word-wrap:break-word">
  379. <img src="https://placehold.it/500x100">
  380.  
  381. </td></tr></table></td></tr></table><br /><table bordercolor="ffffff" cellspacing="0" cellpadding="0" width="500" bgcolor="ffffff" border="0"><tr><td class="text" valign="left" align="left" width="500" bgcolor="ffffff" height="0" style="word-wrap:break-word"></td></tr><tr><td><table bordercolor="000000" cellspacing="0" cellpadding="0" width="500" align="left" bgcolor="ffffff" border="0"><td valign="top" align="left" width="500" bgcolor="ffffff" style="word-wrap:break-word">
  382.  
  383.  
  384.  
  385.  
  386. <div style="float:left;overflow:auto; background:#304C5C; width:245px; height:50px;">
  387. <a href="/" class="second">name here</a>
  388. <a href="/" class="second">name here</a>
  389. <a href="/" class="second">name here</a>
  390. <a href="/" class="second">name here</a>
  391. <a href="/" class="second">name here</a>
  392. <a href="/" class="second">name here</a>
  393. <a href="/" class="second">name here</a>
  394. <a href="/" class="second">name here</a>
  395. <a href="/" class="second">name here</a>
  396. <a href="/" class="second">name here</a>
  397. <a href="/" class="second">name here</a>
  398.  
  399. </div>
  400.  
  401.  
  402.  
  403.  
  404.  
  405.  
  406. <div style="float:right;overflow:auto; background:#304C5C; width:245px; height:50px;">
  407.  
  408.  
  409. <a href="/" class="second">name here</a>
  410. <a href="/" class="second">name here</a>
  411. <a href="/" class="second">name here</a>
  412. <a href="/" class="second">name here</a>
  413. <a href="/" class="second">name here</a>
  414. <a href="/" class="second">name here</a>
  415. <a href="/" class="second">name here</a>
  416. <a href="/" class="second">name here</a>
  417. <a href="/" class="second">name here</a>
  418. <a href="/" class="second">name here</a>
  419. <a href="/" class="second">name here</a>
  420.  
  421. <div>
  422.  
  423. INTREST;
  424.  
  425. </table>
  426. </td>
  427. </tr>
  428. </table>
  429. <br />
  430. <table cellspacing="0" cellpadding="0" width="300">
  431. <td>
  432. <table cellspacing="0" cellpadding="0" width="300">
  433. <td valign="top" align="center" width="300">
  434.  
  435. <img src="https://placehold.it/300x150">
  436.  
  437.  
  438.  
  439. </td></tr></table></td></tr></table><br /><table bordercolor="ffffff" cellspacing="0" cellpadding="0" width="300" bgcolor="ffffff" border="0"><tr><td class="text" valign="left" align="left" width="300" bgcolor="ffffff" height="0" style="word-wrap:break-word"></td></tr><tr><td><table bordercolor="000000" cellspacing="0" cellpadding="0" width="300" align="left" bgcolor="ffffff" border="0"><td valign="top" align="left" width="300" bgcolor="ffffff" style="word-wrap:break-word">
  440. <h1> Basic Info</h1>
  441. <div style="float:left; margin:2px;"><img src="https://placehold.it/120x250"></div><div style="overflow:auto; text-align:center; width:170px; float:right; height:250px; margin:2px;">
  442.  
  443. <B>Bold</b><i> Italics</i><strong>Strong</strong><em>em</em><blockquote>Blockquote</blockquote><br>
  444.  
  445. <strong>Full Name</strong> info here
  446. <strong>Pronunciation</strong> info here
  447. <strong>Nickname/Alias</strong>info here
  448. <strong>Meaning</strong>info here
  449. <strong>Origin</strong> info here
  450. <strong>Title</strong> info here
  451. <strong>Pet Name</strong> info here
  452. <strong>Signature</strong> info here
  453. <strong>Gender</strong> info here
  454. <strong>Gender Role</strong> info here
  455. <strong>Orientation</strong> info here
  456. <strong>Real Age</strong> info here
  457. <strong>Age Appearance</strong> info here
  458. <strong>Birthday</strong> info here
  459. <strong>Status</strong> info here
  460.  
  461. <div style="margin:20px;">
  462. <strong>Personality</strong> Consetetur sadipscing elitr, sed diam <i>nonumy</i> eirmod tempor invidunt ut labore et <u>dolore</u> magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd <i>gubergren</i>, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem <u>ipsum</u> dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod <i>tempor</i> invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. Lorem ipsum dolor sit amet, consetetur <u>sadipscing</u> elitr, sed diam nonumy eirmod tempor invidunt ut <i>labore</i> et dolore magna aliquyam erat, sed diam voluptua. Lorem ipsum dolor sit amet, consetetur <u>sadipscing</u> elitr, sed diam nonumy eirmod tempor invidunt ut <i>labore</i> et dolore magna aliquyam erat, sed diam voluptua.
  463. </div>
  464.  
  465. <strong>Birthplace</strong>info here
  466. <strong>Zodiac Sign</strong>info here
  467.  
  468.  
  469.  
  470. <strong>Species</strong> info here
  471. <strong>Ethnicity</strong>info here
  472. <strong>Blood Type</strong> info here
  473. <strong>Preferred Hand</strong> info here
  474. <strong>Facial Type</strong> info here
  475. <strong>Eye Color</strong> info here
  476. <strong>Hair Color</strong> info here
  477. <strong>Build</strong> info here
  478. <strong>Height</strong> info here
  479. <strong>Weight</strong> info here
  480. <strong>Birthmarks/scars</strong> info here
  481. <strong>Distinguishing Features</strong>info here
  482. <strong>Allergies</strong> info here
  483. <strong>Occupation</strong> info here
  484. <strong>Education</strong> info here
  485.  
  486. </div>
  487.  
  488.  
  489.  
  490. </td></tr></table></td></tr></table><br /><table bordercolor="ffffff" cellspacing="0" cellpadding="0" width="300" bgcolor="ffffff" border="0"><tr><td class="text" valign="left" align="left" width="300" bgcolor="ffffff" height="0" style="word-wrap:break-word"></td></tr><tr><td><table bordercolor="000000" cellspacing="0" cellpadding="0" width="300" align="left" bgcolor="ffffff" border="0"><td valign="top" align="left" width="300" bgcolor="ffffff" style="word-wrap:break-word">
  491. <strong> Discord:</strong> will go here<br>
  492. <strong>Line:</strong> will go here <br>
  493. <strong>tumblr:</strong>will go here
  494.  
  495. </td></tr></table></td></tr></table><br /><table bordercolor="ffffff" cellspacing="0" cellpadding="0" width="300" bgcolor="ffffff" border="0"><tr><td class="text" valign="left" align="left" width="300" bgcolor="ffffff" height="0" style="word-wrap:break-word"></td></tr><tr><td><table bordercolor="000000" cellspacing="0" cellpadding="0" width="300" align="left" bgcolor="ffffff" border="0"><td valign="top" align="left" width="300" bgcolor="ffffff" style="word-wrap:break-word">
  496. <img src="https://placehold.it/300x150">
  497. <img src="https://placehold.it/300x150">
  498. <img src="https://placehold.it/300x150">
  499. </td></tr></table></td></tr></table><br /><table bordercolor="ffffff" cellspacing="0"
  500.  
  501. </td></tr></table></td></tr></table><br /><table bordercolor="ffffff" cellspacing="0" cellpadding="0" width="300" bgcolor="ffffff" border="0"><tr><td class="text" valign="left" align="left" width="300" bgcolor="ffffff" height="0" style="word-wrap:break-word"></td></tr><tr><td><table bordercolor="000000" cellspacing="0" cellpadding="0" width="300" align="left" bgcolor="ffffff" border="0"><td valign="top" align="left" width="300" bgcolor="ffffff" style="word-wrap:break-word">
  502. <div style="float:left; margin:2px;"></div><div style="overflow:auto; text-align:center; width:300px; height:150px; margin:2px;">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</div>
  503.  
  504.  
  505. </td></tr></table></td></tr></table><br /><table bordercolor="ffffff" cellspacing="0" cellpadding="0" width="300" bgcolor="ffffff" border="0"><tr><td class="text" valign="left" align="left" width="300" bgcolor="ffffff" height="0" style="word-wrap:break-word"></td></tr><tr><td><table bordercolor="000000" cellspacing="0" cellpadding="0" width="300" align="left" bgcolor="ffffff" border="0"><td valign="top" align="left" width="300" bgcolor="ffffff" style="word-wrap:break-word">
  506. <img src="https://placehold.it/300x150">
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!