API tools faq
paste
Advertisement
htpremadesbb

PCW - SAMANTHA LAYOUT

htpremadesbb
Aug 11th, 2018
269
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 36.32 KB | None | 0 0
raw download clone embed print report
  1. Layout & Graphics were created by Bitchcraft for Samantha. Do not steal or use are a template for your own use. Sam, you are free to change this layout if you'd like.
  2.  
  3. The folder below contains all banners created, along with the psd. This will allow you to add more connections, change your love interest etc.
  4.  
  5. FINISHED GRAPHICS + PSDS + DEFAULTS FOLDER -- https://www.dropbox.com/sh/8glg2yaifxxfchu/AABncgnzevGAWwNt-uw23a7ua?dl=0
  6.  
  7.  
  8. ABOUT ME SECTION -------------------------------------------------------------------------------------------
  9.  
  10.  
  11. <link href="https://fonts.googleapis.com/css?family=Abril+Fatface|Anton|Arvo|Bangers|Cedarville+Cursive|Cutive+Mono|Libre+Barcode+128+Text|Meddon|Miniver|Over+the+Rainbow|Permanent+Marker|Petit+Formal+Script|Playfair+Display|Rubik+Mono+One|Satisfy|Spirax|Yeseva+One" rel="stylesheet">
  12.  
  13. <style type="text/css">
  14. .BITCHCRAFT { Created using MyGen 2.5 - BITCHCRAFT }
  15.  
  16. .BITCHCRAFT { Scrollbar Properties }
  17. ::-webkit-scrollbar-thumb:vertical {background-color:#f4f4f4;}
  18. ::-webkit-scrollbar-thumb:horizontal {background-color:#f4f4f4;}
  19. ::-webkit-scrollbar {width:5px; height:0px; background-color:#18120b;}
  20.  
  21.  
  22. .BITCHCRAFT { Background Properties }
  23.  
  24. table, tr, td { background-color:transparent; border:none; border-width:0;}
  25. body {
  26. background: url("");
  27. background-color: #080808;
  28. background-attachment: fixed;
  29. background-position:top left;
  30. background-repeat:repeat;}
  31.  
  32.  
  33. table { position:relative; margin-bottom:0px; margin-left: px; margin-top: 4px;}
  34. table, tr, td { background-color:transparent; border:none; left:}
  35. table table { margin-left: 0px;}
  36. table table table table td { width:0px; border:none; }
  37. table table table td { border:none; margin:0px; padding:0px;}
  38. table table br { display:none; margin:0px; padding:0px;}
  39. table table table br { display:block; margin:0px; padding:0px;}
  40. table table table table { border:0; margin:0; padding:0; }
  41. table table table {
  42. background-color:#272523;
  43. padding:10px;
  44. margin-right: -10px;
  45. margin-bottom: 0px;
  46. margin-left: 0px;}
  47.  
  48.  
  49. td.text table {position:relative; top: -10px;}td.text table table {position:static;}
  50. td.text table {position:relative; top: -10px;}td.text table table {position:static;}
  51.  
  52.  
  53.  
  54.  
  55. .BITCHCRAFT { Div Boxes }
  56.  
  57. .background{
  58. top:0px;
  59. left:0px;
  60. height: 860px;
  61. width:1900px;
  62. margin:0px;
  63. overflow:hidden;
  64. position:fixed;
  65. z-index:-5;}
  66.  
  67.  
  68. .BITCHCRAFT { Text Properties }
  69.  
  70.  
  71. .text, table, tr, td, li, p, div {
  72. color: #f4f4f4;
  73. font-family: times;
  74. font-style: italic;
  75. font-size: 12px;
  76. letter-spacing: 1px;
  77. text-transform: none;
  78. text-align: justify;
  79. line-height: 15px;}
  80.  
  81. b {
  82. color: #c0b283;
  83. font-weight: 400;
  84. font-family: Petit Formal Script;
  85. font-size: 17px;
  86. letter-spacing: -1px;
  87. text-transform: lowercase;
  88. font-style: italic;
  89. padding: 0px 5px 0px 5px;
  90. text-shadow: .5px .5px #373737;}
  91.  
  92. i {
  93. color: #5a5a5a;
  94. font-family: Georgia;
  95. font-size: 11px;
  96. letter-spacing: 2px;
  97. text-transform: none;
  98. font-style: none;
  99. padding: 1px 0px 0px 0px;
  100. margin: 0px 0px 0px 0px;}
  101.  
  102.  
  103. strong {
  104. color: #f4f4f4;
  105. font-weight: 400;
  106. font-family: times;
  107. font-size: 20px;
  108. letter-spacing: 2px;
  109. text-transform: lowercase;
  110. font-style: italic;
  111. padding: 0px 5px 0px 5px;
  112. text-shadow: .5px .5px #283657;}
  113.  
  114. u {
  115. color: #dcd0c0;
  116. font-family: courier new;
  117. font-size: 13px;
  118. letter-spacing: 1px;
  119. text-transform: lowercase;
  120. text-decoration: none;
  121. font-style: italic;
  122. border-bottom: 1px dashed #dcd0c0;
  123. padding: 0px 0px 0px 5px;}
  124.  
  125. small {
  126. color: #dcd0c0;
  127. font-weight: 400;
  128. font-family: times;
  129. font-size: 20px;
  130. letter-spacing: 2px;
  131. text-transform: lowercase;
  132. font-style: italic;
  133. padding: 0px 5px 0px 5px;
  134. text-shadow: .5px .5px #283657;}
  135.  
  136.  
  137.  
  138. big {
  139. color: #c0b283;
  140. font-family: Georgia;
  141. font-size: 11px;
  142. letter-spacing: 2px;
  143. text-transform: none;
  144. font-style: none;
  145. padding: 1px 0px 0px 0px;
  146. margin: 0px 0px 0px 0px;}
  147.  
  148. .firstcharacter {
  149. color: #f4f4f4;
  150. font-family: times;
  151. font-size: 50px;
  152. line-height: 40px;
  153. float: left;
  154. text-transform: none;
  155. letter-spacing: -4px;
  156. padding: 3px 0px 0px 0px;
  157. margin: 0px 12px 0px 3px;}
  158.  
  159.  
  160.  
  161. h1 {
  162. color: #c0b283;
  163. font-family:Petit Formal Script;
  164. background-color: #;
  165. line-height: 15px;
  166. font-size: 25px;
  167. padding: 4px 0px 0px 0px;
  168. margin: 0px 0px 5px 0px;
  169. letter-spacing: -2px;
  170. text-align: center;
  171. text-transform: lowercase;}
  172.  
  173.  
  174. h2 {
  175. color: #c0b283;
  176. font-size: 10px;
  177. font-family: times;
  178. letter-spacing: 2px;
  179. line-height: 10px;
  180. border-top: 1px solid #18120b;
  181. padding: 6px 0px 0px 0px;
  182. margin: 15px 0px 10px 0px;
  183. text-align: center;}
  184.  
  185.  
  186. h3 {
  187. margin: -1px 0px 5px 0px;
  188. color: #e6e5df;
  189. font-weight: 200;
  190. font-family: courier new;
  191. font-size: 10px;
  192. letter-spacing: 5px;
  193. text-align: center;
  194. text-transform: uppercase;
  195. line-height: 15px;
  196. background-color: #272523;
  197. padding: 0px 10px 0px 0px;}
  198.  
  199.  
  200.  
  201. h4 {
  202. margin: -1px 0px 5px 0px;
  203. color: #e6e5df;
  204. font-weight: 200;
  205. font-family: courier new;
  206. font-size: 10px;
  207. letter-spacing: 5px;
  208. text-align: center;
  209. text-transform: uppercase;
  210. line-height: 15px;
  211. background-color: #c0b283;
  212. padding: 0px 10px 0px 0px;}
  213.  
  214.  
  215. h5 {
  216. color: #c0b283;
  217. font-weight: 400;
  218. font-family: Petit Formal Script;
  219. font-size: 20px;
  220. letter-spacing: -1px;
  221. text-transform: lowercase;
  222. font-style: italic;
  223. padding: 0px 5px 0px 5px;
  224. text-shadow: .5px .5px #373737;}
  225.  
  226.  
  227. h6 {
  228. margin: -1px 0px 5px 0px;
  229. color: #3f7eb8;
  230. font-family: courier new;
  231. font-size: 8px;
  232. letter-spacing: 2px;
  233. text-align: justify;
  234. border-right: 30px solid #3f7eb8;
  235. text-transform: uppercase;
  236. line-height: 10px;
  237. background-color: #283657;
  238. padding: 5px;}
  239.  
  240.  
  241.  
  242.  
  243.  
  244.  
  245. .BITCHCRAFT { REGULAR LINK PROPERTIES }
  246.  
  247. a:active, a:visited, a:link {
  248. font-size:9px;
  249. font-family:courier new;
  250. color:#e2e0de;
  251. text-shadow: 0px 0px #6C5685;
  252. text-align:center;
  253. letter-spacing:10px;
  254. line-height:17px;
  255. text-decoration:none;
  256. text-transform:uppercase;
  257. -webkit-transition: all 0.5s linear;
  258. -moz-transition: all 0.5s linear;
  259. transition: all 0.5s linear;}
  260.  
  261. a:hover {
  262. color:#ff4200;
  263. letter-spacing: 1px;}
  264.  
  265.  
  266.  
  267.  
  268. .BITCHCRAFT { Navigation Links }
  269.  
  270. a.first, a.first:link, a.first:active, a.first:visited {
  271. display:inline-block;
  272. float:left;
  273. width:180px;
  274. height: 10px;
  275. color:#c0b283;
  276. font-family: times;
  277. text-align: center;
  278. font-size:11px;
  279. line-height:10px;
  280. letter-spacing:1px;
  281. margin:0px 2px 3px 0px;
  282. text-transform: none;
  283. padding: 5px;
  284. background-color: #f4f4f4;
  285. background-size: 100% 200%;
  286. background-image: linear-gradient(to top, transparent 50%, #272523 50%);
  287. -webkit-transition: background-position 1s;
  288. -moz-transition: background-position;
  289. -webkit-transition: all 0.5s linear;
  290. -moz-transition: all 0.5s linear;
  291. transition: all 0.5s linear;}
  292.  
  293. a.first:hover {
  294. background-position: 0 -100%;}
  295.  
  296.  
  297.  
  298. a.second, a.second:link, a.second:active, a.second:visited {
  299. display:inline-block;
  300. float:left;
  301. width:200px;
  302. height: 10px;
  303. color:#c0b283;
  304. font-family: times;
  305. text-align: left;
  306. font-size:11px;
  307. line-height:10px;
  308. letter-spacing:1px;
  309. margin:0px 2px 3px 0px;
  310. text-transform: none;
  311. padding: 5px;
  312. background-color: #f4f4f4;
  313. background-size: 100% 200%;
  314. background-image: linear-gradient(to top, transparent 50%, #272523 50%);
  315. -webkit-transition: background-position 1s;
  316. -moz-transition: background-position;
  317. -webkit-transition: all 0.5s linear;
  318. -moz-transition: all 0.5s linear;
  319. transition: all 0.5s linear;}
  320.  
  321. a.second:hover {
  322. letter-spacing:5px;
  323. background-position: 0 -100%;}
  324.  
  325.  
  326.  
  327.  
  328. .BITCHCRAFT { Hide Codes }
  329. .clearfix { display: none; }
  330. .lightbluetext8 { display:none; }
  331. .contacttable { display:none; }
  332. .whitetext12 { display:none; }
  333. .interestsanddetails { display:none; }
  334. .userProfiledetail { display:none; }
  335. .friendSpace { display:none; }
  336. .friendsComments { display:none; }
  337. .latestBlogEntry { display:none; }
  338. .orangetext15 { display:none; }
  339. .profileinfo { display:none; }
  340. .userProfileURL { display:none; }
  341. .extendedNetwork { display:none; }
  342. .blurbs { display:none; }
  343. .userAlbums { display:none; }
  344. #footerWarpper{ display:none; }
  345.  
  346.  
  347.  
  348.  
  349.  
  350.  
  351.  
  352.  
  353.  
  354.  
  355.  
  356.  
  357.  
  358.  
  359.  
  360.  
  361.  
  362.  
  363.  
  364.  
  365.  
  366. LIKE TO MEET ------------------------------------------------------------------------------------------------------------
  367.  
  368. </table>
  369. </td>
  370. </tr>
  371. </table>
  372. <br />
  373. <table cellspacing="0" cellpadding="0" width="500">
  374. <td>
  375. <table cellspacing="0" cellpadding="0" width="500">
  376. <td valign="top" align="center" width="500">
  377.  
  378.  
  379. <div style="float: left; margin: 5px 5px 5px 5px; border: 1px solid #c0b283; outline: 5px solid #18120b;"> <img src="https://i.imgur.com/whccILB.png" width="488" height="338"></div>
  380.  
  381.  
  382.  
  383.  
  384.  
  385.  
  386.  
  387.  
  388.  
  389.  
  390.  
  391.  
  392.  
  393.  
  394.  
  395.  
  396. </table>
  397. </td>
  398. </tr>
  399. </table>
  400. <br />
  401. <table cellspacing="0" cellpadding="0" width="500">
  402. <td>
  403. <table cellspacing="0" cellpadding="0" width="500">
  404. <td valign="top" align="center" width="500">
  405.  
  406.  
  407.  
  408. <h1>the life of a wizard and her wand</h1>
  409. <h2>Well, if you two are going to chicken out, fine. I don't want to break rules, you know. I think threatening Muggle-borns is far worse than brewing up a difficult potion. But if you don't want to find out... </h2>
  410.  
  411. <div style="float: left; margin: 0px 0px 12px 5px; border: 1px solid #c0b283; outline: 5px solid #18120b;"> <img src="https://i.imgur.com/LMVwEtk.png" width="123" height="130"></div>
  412.  
  413. <div style="overflow-x: hidden; overflow-y: scroll; width:205px; height: 120; float: left; margin: 0px 0px 12px 11px; padding: 5px; background-color: #18120b; border: 1px solid #373737; text-align: justify; outline: 5px solid #18120b;">
  414. <h3> year one </h3>
  415. <span class="firstcharacter">L</span> orem ipsum dictum lacus non <u>ultrices pharetra.</u> Praesent venenatis diam vel convallis hendrerit. <i>Curabitur tincidunt nisl ac enim fringilla</i>, eget imperdiet est tempor. <b>Proin aliquam purus vulputate</b> ipsum volutpat placerat. Vivamus pharetra dolor ac augue mollis aliquet. Sed vitae nulla ut nibh sodales gravida. Donec ultricies commodo erat eu finibus. In velit turpis, aliquet sed erat vitae, elementum elementum lorem. <strong>Aliquam at enim eget</strong> est faucibus gravida. Proin molestie interdum condimentum. Quisque id nulla eget justo fringilla sodales venenatis nec nisi. Curabitur maximus vulputate orci, sed malesuada velit rutrum sit amet. Suspendisse vestibulum, lacus ac molestie scelerisque, mauris sem fringilla urna, sodales molestie tortor nibh nec odio.<big> Nulla in cursus nunc.</big> Phasellus tempus nibh orci, a <small>lobortis mi interdum eu.</small> Nullam eget ante dolor.
  416.  
  417.  
  418. <br><br><h4> year two</h4>
  419. <span class="firstcharacter">L</span> orem ipsum dictum lacus non <u>ultrices pharetra.</u> Praesent venenatis diam vel convallis hendrerit. <i>Curabitur tincidunt nisl ac enim fringilla</i>, eget imperdiet est tempor. <b>Proin aliquam purus vulputate</b> ipsum volutpat placerat. Vivamus pharetra dolor ac augue mollis aliquet. Sed vitae nulla ut nibh sodales gravida. Donec ultricies commodo erat eu finibus. In velit turpis, aliquet sed erat vitae, elementum elementum lorem. <strong>Aliquam at enim eget</strong> est faucibus gravida. Proin molestie interdum condimentum. Quisque id nulla eget justo fringilla sodales venenatis nec nisi. Curabitur maximus vulputate orci, sed malesuada velit rutrum sit amet. Suspendisse vestibulum, lacus ac molestie scelerisque, mauris sem fringilla urna, sodales molestie tortor nibh nec odio.<big> Nulla in cursus nunc.</big> Phasellus tempus nibh orci, a <small>lobortis mi interdum eu.</small> Nullam eget ante dolor.
  420.  
  421. </div>
  422.  
  423. <div style="float: left; margin: 0px 0px 12px 11px; border: 1px solid #c0b283; outline: 5px solid #18120b;"> <img src="https://i.imgur.com/xmDJP9N.png" width="125" height="130"></div>
  424.  
  425. </div>
  426.  
  427.  
  428.  
  429.  
  430.  
  431. <div style="float: left; margin: 0px 0px 6px 5px; border: 1px solid #c0b283; outline: 5px solid #18120b;"> <img src="https://i.imgur.com/SDZx3E9.png" width="123" height="130"></div>
  432.  
  433. <div style="overflow-x: hidden; overflow-y: scroll; width:205px; height: 120; float: left; margin: 0px 0px 6px 11px; padding: 5px; background-color: #18120b; border: 1px solid #373737; text-align: justify; outline: 5px solid #18120b;">
  434. <h4> year three </h4>
  435. <span class="firstcharacter">N</span> ullam dictum lacus non <u>ultrices pharetra.</u> Praesent venenatis diam vel convallis hendrerit. <i>Curabitur tincidunt nisl ac enim fringilla</i>, eget imperdiet est tempor. <b>Proin aliquam purus vulputate</b> ipsum volutpat placerat. Vivamus pharetra dolor ac augue mollis aliquet. Sed vitae nulla ut nibh sodales gravida. Donec ultricies commodo erat eu finibus. In velit turpis, aliquet sed erat vitae, elementum elementum lorem. <strong>Aliquam at enim eget</strong> est faucibus gravida. Proin molestie interdum condimentum. Quisque id nulla eget justo fringilla sodales venenatis nec nisi. Curabitur maximus vulputate orci, sed malesuada velit rutrum sit amet. Suspendisse vestibulum, lacus ac molestie scelerisque, mauris sem fringilla urna, sodales molestie tortor nibh nec odio.<big> Nulla in cursus nunc.</big> Phasellus tempus nibh orci, a <small>lobortis mi interdum eu.</small> Nullam eget ante dolor.
  436.  
  437.  
  438. <br><br><h3> year four </h3>
  439. <span class="firstcharacter">L</span> orem ipsum dictum lacus non <u>ultrices pharetra.</u> Praesent venenatis diam vel convallis hendrerit. <i>Curabitur tincidunt nisl ac enim fringilla</i>, eget imperdiet est tempor. <b>Proin aliquam purus vulputate</b> ipsum volutpat placerat. Vivamus pharetra dolor ac augue mollis aliquet. Sed vitae nulla ut nibh sodales gravida. Donec ultricies commodo erat eu finibus. In velit turpis, aliquet sed erat vitae, elementum elementum lorem. <strong>Aliquam at enim eget</strong> est faucibus gravida. Proin molestie interdum condimentum. Quisque id nulla eget justo fringilla sodales venenatis nec nisi. Curabitur maximus vulputate orci, sed malesuada velit rutrum sit amet. Suspendisse vestibulum, lacus ac molestie scelerisque, mauris sem fringilla urna, sodales molestie tortor nibh nec odio.<big> Nulla in cursus nunc.</big> Phasellus tempus nibh orci, a <small>lobortis mi interdum eu.</small> Nullam eget ante dolor.
  440. </div>
  441.  
  442. <div style="float: left; margin: 0px 0px 6px 11px; border: 1px solid #c0b283; outline: 5px solid #18120b;"> <img src="https://i.imgur.com/zPwrNJI.png" width="125" height="130"></div>
  443.  
  444. </div>
  445.  
  446.  
  447.  
  448.  
  449.  
  450.  
  451.  
  452.  
  453.  
  454.  
  455.  
  456. </table>
  457. </td>
  458. </tr>
  459. </table>
  460. <br />
  461. <table cellspacing="0" cellpadding="0" width="500">
  462. <td>
  463. <table cellspacing="0" cellpadding="0" width="500">
  464. <td valign="top" align="center" width="500">
  465.  
  466.  
  467. <div style="float: left; margin: 5px 5px 5px 5px; border: 1px solid #c0b283; outline: 5px solid #18120b;"> <img src="https://i.imgur.com/yAZSNad.gif" width="488" height="100"></div>
  468.  
  469.  
  470.  
  471.  
  472.  
  473.  
  474.  
  475.  
  476.  
  477. </table>
  478. </td>
  479. </tr>
  480. </table>
  481. <br />
  482. <table cellspacing="0" cellpadding="0" width="500">
  483. <td>
  484. <table cellspacing="0" cellpadding="0" width="500">
  485. <td valign="top" align="center" width="500">
  486.  
  487. <div style="float: left; margin: 0px 0px 12px 5px; border: 1px solid #c0b283; outline: 5px solid #18120b;"> <img src="https://i.imgur.com/t04chWk.png" width="123" height="130"></div>
  488.  
  489. <div style="overflow-x: hidden; overflow-y: scroll; width:205px; height: 120; float: left; margin: 0px 0px 12px 11px; padding: 5px; background-color: #18120b; border: 1px solid #373737; text-align: justify; outline: 5px solid #18120b;">
  490. <h3> year five </h3>
  491.  
  492. <span class="firstcharacter">N</span> ullam dictum lacus non <u>ultrices pharetra.</u> Praesent venenatis diam vel convallis hendrerit. <i>Curabitur tincidunt nisl ac enim fringilla</i>, eget imperdiet est tempor. <b>Proin aliquam purus vulputate</b> ipsum volutpat placerat. Vivamus pharetra dolor ac augue mollis aliquet. Sed vitae nulla ut nibh sodales gravida. Donec ultricies commodo erat eu finibus. In velit turpis, aliquet sed erat vitae, elementum elementum lorem. <strong>Aliquam at enim eget</strong> est faucibus gravida. Proin molestie interdum condimentum. Quisque id nulla eget justo fringilla sodales venenatis nec nisi. Curabitur maximus vulputate orci, sed malesuada velit rutrum sit amet. Suspendisse vestibulum, lacus ac molestie scelerisque, mauris sem fringilla urna, sodales molestie tortor nibh nec odio.<big> Nulla in cursus nunc.</big> Phasellus tempus nibh orci, a <small>lobortis mi interdum eu.</small> Nullam eget ante dolor.
  493.  
  494.  
  495.  
  496. <br><br><h4> year six</h4>
  497. <span class="firstcharacter">L</span> orem ipsum dictum lacus non <u>ultrices pharetra.</u> Praesent venenatis diam vel convallis hendrerit. <i>Curabitur tincidunt nisl ac enim fringilla</i>, eget imperdiet est tempor. <b>Proin aliquam purus vulputate</b> ipsum volutpat placerat. Vivamus pharetra dolor ac augue mollis aliquet. Sed vitae nulla ut nibh sodales gravida. Donec ultricies commodo erat eu finibus. In velit turpis, aliquet sed erat vitae, elementum elementum lorem. <strong>Aliquam at enim eget</strong> est faucibus gravida. Proin molestie interdum condimentum. Quisque id nulla eget justo fringilla sodales venenatis nec nisi. Curabitur maximus vulputate orci, sed malesuada velit rutrum sit amet. Suspendisse vestibulum, lacus ac molestie scelerisque, mauris sem fringilla urna, sodales molestie tortor nibh nec odio.<big> Nulla in cursus nunc.</big> Phasellus tempus nibh orci, a <small>lobortis mi interdum eu.</small> Nullam eget ante dolor.
  498. </div>
  499.  
  500. <div style="float: left; margin: 0px 0px 12px 11px; border: 1px solid #c0b283; outline: 5px solid #18120b;"> <img src=" https://i.imgur.com/Nyst1Dm.png" width="125" height="130"></div>
  501.  
  502. </div>
  503.  
  504.  
  505.  
  506.  
  507.  
  508. <div style="float: left; margin: 0px 0px 6px 5px; border: 1px solid #c0b283; outline: 5px solid #18120b;"> <img src="https://i.imgur.com/hyn5Dgn.png" width="123" height="130"></div>
  509.  
  510. <div style="overflow-x: hidden; overflow-y: scroll; width:205px; height: 120; float: left; margin: 0px 0px 6px 11px; padding: 5px; background-color: #18120b; border: 1px solid #373737; text-align: justify; outline: 5px solid #18120b;">
  511. <h4> year seven </h4>
  512.  
  513. <span class="firstcharacter">N</span> ullam dictum lacus non <u>ultrices pharetra.</u> Praesent venenatis diam vel convallis hendrerit. <i>Curabitur tincidunt nisl ac enim fringilla</i>, eget imperdiet est tempor. <b>Proin aliquam purus vulputate</b> ipsum volutpat placerat. Vivamus pharetra dolor ac augue mollis aliquet. Sed vitae nulla ut nibh sodales gravida. Donec ultricies commodo erat eu finibus. In velit turpis, aliquet sed erat vitae, elementum elementum lorem. <strong>Aliquam at enim eget</strong> est faucibus gravida. Proin molestie interdum condimentum. Quisque id nulla eget justo fringilla sodales venenatis nec nisi. Curabitur maximus vulputate orci, sed malesuada velit rutrum sit amet. Suspendisse vestibulum, lacus ac molestie scelerisque, mauris sem fringilla urna, sodales molestie tortor nibh nec odio.<big> Nulla in cursus nunc.</big> Phasellus tempus nibh orci, a <small>lobortis mi interdum eu.</small> Nullam eget ante dolor.
  514. </div>
  515.  
  516. <div style="float: left; margin: 0px 0px 6px 11px; border: 1px solid #c0b283; outline: 5px solid #18120b;"> <img src="https://i.imgur.com/kIkLLRr.png" width="125" height="130"></div>
  517.  
  518. </div>
  519.  
  520.  
  521.  
  522.  
  523.  
  524.  
  525.  
  526.  
  527.  
  528.  
  529.  
  530.  
  531.  
  532.  
  533.  
  534. </table>
  535. </td>
  536. </tr>
  537. </table>
  538. <br />
  539. <table cellspacing="0" cellpadding="0" width="500">
  540. <td>
  541. <table cellspacing="0" cellpadding="0" width="500">
  542. <td valign="top" align="center" width="500">
  543.  
  544.  
  545. <h1>the magic of love and lust</h1>
  546. <h2>Just because you have the emotional range of a teaspoon doesn't mean we all have! </h2>
  547.  
  548. <div style="float: left; margin: 5px 5px 5px 5px; border: 1px solid #c0b283; outline: 5px solid #18120b;"> <img src="https://i.imgur.com/hu1rh2D.png" width="488" height="300"></div>
  549.  
  550.  
  551.  
  552.  
  553.  
  554.  
  555.  
  556.  
  557. </table>
  558. </td>
  559. </tr>
  560. </table>
  561. <br />
  562. <table cellspacing="0" cellpadding="0" width="500">
  563. <td>
  564. <table cellspacing="0" cellpadding="0" width="500">
  565. <td valign="top" align="center" width="500">
  566.  
  567. <div style="float: left; margin: 0px 0px 6px 5px; border: 1px solid #c0b283; outline: 5px solid #18120b;"> <img src="https://i.imgur.com/3rmxWQL.gif" width="123" height="160"></div>
  568.  
  569. <div style="overflow-x: hidden; overflow-y: scroll; width:205px; height: 150; float: left; margin: 0px 0px 6px 11px; padding: 5px; background-color: #18120b; border: 1px solid #373737; text-align: justify; outline: 5px solid #18120b;">
  570. <h3> Display Name </h3>
  571.  
  572. <span class="firstcharacter">N</span> ullam dictum lacus non <u>ultrices pharetra.</u> Praesent venenatis diam vel convallis hendrerit. <i>Curabitur tincidunt nisl ac enim fringilla</i>, eget imperdiet est tempor. <b>Proin aliquam purus vulputate</b> ipsum volutpat placerat. Vivamus pharetra dolor ac augue mollis aliquet. Sed vitae nulla ut nibh sodales gravida. Donec ultricies commodo erat eu finibus. In velit turpis, aliquet sed erat vitae, elementum elementum lorem. <strong>Aliquam at enim eget</strong> est faucibus gravida. Proin molestie interdum condimentum. Quisque id nulla eget justo fringilla sodales venenatis nec nisi. Curabitur maximus vulputate orci, sed malesuada velit rutrum sit amet. Suspendisse vestibulum, lacus ac molestie scelerisque, mauris sem fringilla urna, sodales molestie tortor nibh nec odio.<big> Nulla in cursus nunc.</big> Phasellus tempus nibh orci, a <small>lobortis mi interdum eu.</small> Nullam eget ante dolor.
  573. </div>
  574.  
  575. <div style="float: left; margin: 0px 0px 6px 11px; border: 1px solid #c0b283; outline: 5px solid #18120b;"> <img src="https://i.imgur.com/8H1FBoe.gif" width="125" height="160"></div>
  576.  
  577. </div>
  578.  
  579.  
  580.  
  581.  
  582.  
  583.  
  584.  
  585.  
  586.  
  587.  
  588.  
  589.  
  590.  
  591.  
  592.  
  593. INTEREST --------------------------------------------------------------------------------------------------------------------
  594.  
  595.  
  596.  
  597.  
  598. </table>
  599. </td>
  600. </tr>
  601. </table>
  602. <br />
  603. <table cellspacing="0" cellpadding="0" width="350">
  604. <td>
  605. <table cellspacing="0" cellpadding="0" width="350">
  606. <td valign="top" align="center" width="350">
  607. <h1>contact information</h1>
  608. <h2>Just because you have the emotional range of a teaspoon doesn't mean we all have! </h2>
  609. <div style="overflow-x: hidden; overflow-y: hidden; width:190px; height: 135; float: left; margin: 0px 6px 5px 5px; padding: 5px; background-color: #18120b; border: 1px solid #373737; text-align: justify; outline: 5px solid #18120b;">
  610. <a href="" class="first"> Muggle World </a>
  611. <a href="" class="first"> Owl Letter </a>
  612. <a href="" class="first"> Howler </a>
  613. <a href="" class="first"> Daily Prophet </a>
  614. <a href="" class="first"> Extra </a>
  615. <a href="" class="first"> Extra</a>
  616. </div>
  617.  
  618. <div style="overflow-x: hidden; overflow-y: scroll; width:115px; height: 135; float: left; margin: 0px 5px 5px 5px; padding: 5px; background-color: #18120b; border: 1px solid #373737; text-align: justify; outline: 5px solid #18120b;">
  619. <center>
  620. <big> Line: </big> xxxxxx_xxxx
  621. <Br><i> Discord: </i> xxxxx_xxxx#1234
  622. </center><br>
  623. <big> OOC: </big> Praesent venenatis diam vel convallis hendrerit. Nisl ac enim fringilla, eget imperdiet est tempor. Proin aliquam purus vulputate ipsum volutpat placerat. Nullam dictum lacus non ultrices pharetra. Praesent venenatis diam vel raesent venenatis diam vel convallis hendrerit. Proin aliquam purus vulputate ipsum volutpat placerat. Nullam dictum lacus non ultrices pharetra. Praesent venenatis diam vel raesent venenatis diam vel convallis hendrerit.
  624.  
  625. </div>
  626.  
  627.  
  628.  
  629.  
  630.  
  631.  
  632.  
  633.  
  634. </table>
  635. </td>
  636. </tr>
  637. </table>
  638. <br />
  639. <table cellspacing="0" cellpadding="0" width="350">
  640. <td>
  641. <table cellspacing="0" cellpadding="0" width="350">
  642. <td valign="top" align="center" width="350">
  643.  
  644.  
  645. <h1>past history of a granger</h1>
  646. <h2>Books! And cleverness! There are more important things — friendship and bravery and — oh Harry — be careful! </h2>
  647.  
  648. <div style="float: left; margin: 5px 5px 5px 5px; border: 1px solid #c0b283; outline: 5px solid #18120b;"> <img src="https://i.imgur.com/wvUbnKK.png" width="338" height="70"></div>
  649.  
  650.  
  651.  
  652.  
  653. <div style="overflow-x: hidden; overflow-y: scroll; width:328px; height: 120; float: left; margin: 6px 0px 12px 5px; padding: 5px; background-color: #18120b; border: 1px solid #373737; text-align: justify; outline: 5px solid #18120b;">
  654. <span class="firstcharacter">N</span> ullam dictum lacus non <u>ultrices pharetra.</u> Praesent venenatis diam vel convallis hendrerit. <i>Curabitur tincidunt nisl ac enim fringilla</i>, eget imperdiet est tempor. <b>Proin aliquam purus vulputate</b> ipsum volutpat placerat. Vivamus pharetra dolor ac augue mollis aliquet. Sed vitae nulla ut nibh sodales gravida. Donec ultricies commodo erat eu finibus. In velit turpis, aliquet sed erat vitae, elementum elementum lorem. <strong>Aliquam at enim eget</strong> est faucibus gravida. Proin molestie interdum condimentum. Quisque id nulla eget justo fringilla sodales venenatis nec nisi. Curabitur maximus vulputate orci, sed malesuada velit rutrum sit amet. Suspendisse vestibulum, lacus ac molestie scelerisque, mauris sem fringilla urna, sodales molestie tortor nibh nec odio.<big> Nulla in cursus nunc.</big> Phasellus tempus nibh orci, a <small>lobortis mi interdum eu.</small> Nullam eget ante dolor.
  655. <br><br>
  656. Nullam dictum lacus non ultrices pharetra. Praesent venenatis diam vel convallis hendrerit. Curabitur tincidunt nisl ac enim fringilla, eget imperdiet est tempor. Proin aliquam purus vulputate ipsum volutpat placerat. Vivamus pharetra dolor ac augue mollis aliquet. Sed vitae nulla ut nibh sodales gravida. Donec ultricies commodo erat eu finibus. In velit turpis, aliquet sed erat vitae, elementum elementum lorem. Aliquam at enim eget est faucibus gravida. Proin molestie interdum condimentum. Quisque id nulla eget justo fringilla sodales venenatis nec nisi. Curabitur maximus vulputate orci, sed malesuada velit rutrum sit amet. Suspendisse vestibulum, lacus ac molestie scelerisque, mauris sem fringilla urna, sodales molestie tortor nibh nec odio. Nulla in cursus nunc. Phasellus tempus nibh orci, a lobortis mi interdum eu. Nullam eget ante dolor.
  657. </div>
  658.  
  659.  
  660.  
  661.  
  662.  
  663.  
  664.  
  665.  
  666.  
  667.  
  668.  
  669.  
  670. </table>
  671. </td>
  672. </tr>
  673. </table>
  674. <br />
  675. <table cellspacing="0" cellpadding="0" width="350">
  676. <td>
  677. <table cellspacing="0" cellpadding="0" width="350">
  678. <td valign="top" align="center" width="350">
  679. <h1> basic information</h1>
  680. <h2>Well, the Sorting Hat did seriously consider putting me in Ravenclaw during my Sorting, but it decided on Gryffindor in the end.</h2>
  681.  
  682. <div style="float: left; margin: 0px 0px 5px 5px; border: 1px solid #c0b283; outline: 5px solid #18120b;"> <img src="https://i.imgur.com/SoXSTHw.gif" width="100" height="200"></div>
  683.  
  684. <div style="overflow-x: hidden; overflow-y: scroll; width:215px; height: 190; float: left; margin: 0px 0px 5px 11px; padding: 5px; background-color: #18120b; border: 1px solid #373737; text-align: left; outline: 5px solid #18120b;">
  685. <big> Full Name: </big> Full Name Here
  686. <br><i> Nicknames: </i> Nickname; Nickname;
  687. <br><big> Affiliation: </big> List Affiliation Here
  688. <br><i> Current Location: </i> Earth, Location Here
  689. <br><big> Parents: </big> Mom Name {<big> mother</big>} // Dad Name {<big> father</big>}
  690. <br><i> Siblings: </i> Sibling, Sibling & Sibling
  691. <br><big> Age: </big> 99 years old
  692. <br><i> Eye Color: </i> Brown
  693. <br><big> Hair Color: </big> Brown
  694. <small> ooc comments: </small>Nullam dictum lacus non ultrices pharetra. Praesent venenatis diam vel convallis hendrerit. Curabitur tincidunt nisl ac enim fringilla, eget imperdiet est tempor. Proin aliquam purus vulputate ipsum volutpat placerat. Nullam dictum lacus non ultrices pharetra. Praesent venenatis diam vel raesent venenatis diam vel convallis hendrerit. Proin aliquam purus vulputate ipsum volutpat placerat. Nullam dictum lacus non ultrices pharetra. Praesent venenatis diam vel raesent venenatis diam vel convallis hendrerit.
  695. </div>
  696.  
  697.  
  698.  
  699.  
  700.  
  701.  
  702.  
  703.  
  704.  
  705.  
  706. </table>
  707. </td>
  708. </tr>
  709. </table>
  710. <br />
  711. <table cellspacing="0" cellpadding="0" width="350">
  712. <td>
  713. <table cellspacing="0" cellpadding="0" width="350">
  714. <td valign="top" align="center" width="350">
  715. <h1>her magic & studies</h1>
  716. <h2>Are you planning to follow a career in Magical Law, Miss Granger?</h2>
  717.  
  718. <div style="overflow-x: hidden; overflow-y: scroll; width:215px; height: 90; float: left; margin: 0px 5px 5px 5px; padding: 5px; background-color: #18120b; border: 1px solid #373737; text-align: justify; outline: 5px solid #18120b;">
  719. <span class="firstcharacter">N</span> ullam dictum lacus non <u>ultrices pharetra.</u> Praesent venenatis diam vel convallis hendrerit. <i>Curabitur tincidunt nisl ac enim fringilla</i>, eget imperdiet est tempor. <b>Proin aliquam purus vulputate</b> ipsum volutpat placerat. Vivamus pharetra dolor ac augue mollis aliquet. Sed vitae nulla ut nibh sodales gravida. Donec ultricies commodo erat eu finibus. In velit turpis, aliquet sed erat vitae, elementum elementum lorem. <strong>Aliquam at enim eget</strong> est faucibus gravida. Proin molestie interdum condimentum. Quisque id nulla eget justo fringilla sodales venenatis nec nisi. Curabitur maximus vulputate orci, sed malesuada velit rutrum sit amet. Suspendisse vestibulum, lacus ac molestie scelerisque, mauris sem fringilla urna, sodales molestie tortor nibh nec odio.<big> Nulla in cursus nunc.</big> Phasellus tempus nibh orci, a <small>lobortis mi interdum eu.</small> Nullam eget ante dolor.
  720.  
  721. </div>
  722.  
  723.  
  724.  
  725. <div style="float: left; margin: 0px 0px 5px 6px; border: 1px solid #c0b283; outline: 5px solid #18120b;"> <img src="https://i.imgur.com/m5INunj.gif" width="100" height="100"></div>
  726.  
  727.  
  728.  
  729.  
  730.  
  731.  
  732.  
  733.  
  734.  
  735.  
  736. </table>
  737. </td>
  738. </tr>
  739. </table>
  740. <br />
  741. <table cellspacing="0" cellpadding="0" width="350">
  742. <td>
  743. <table cellspacing="0" cellpadding="0" width="350">
  744. <td valign="top" align="center" width="350">
  745. <h1>the wizarding world</h1>
  746. <h2>"I mean, it's sort of exciting isn't it? Breaking the rules."</h2>
  747.  
  748.  
  749. <div style="float: left; margin: 0px 11px 5px 5px; border: 1px solid #c0b283; outline: 5px solid #18120b;"> <img src="https://i.imgur.com/PEG6DRK.gif" width="100" height="100"></div>
  750.  
  751.  
  752. <div style="overflow-x: hidden; overflow-y: scroll; width:215px; height: 90; float: left; margin: 0px 0px 5px 0px; padding: 5px; background-color: #18120b; border: 1px solid #373737; text-align: justify; outline: 5px solid #18120b;">
  753.  
  754. <a href="" class="second"> First M. Last Name</a>
  755. <a href="" class="second"> First M. Last Name</a>
  756. <a href="" class="second"> First M. Last Name</a>
  757. <a href="" class="second"> First M. Last Name</a>
  758. <a href="" class="second"> First M. Last Name</a>
  759. <a href="" class="second"> First M. Last Name</a>
  760. <a href="" class="second"> First M. Last Name</a>
  761. <a href="" class="second"> First M. Last Name</a>
  762. <a href="" class="second"> First M. Last Name</a>
  763. <a href="" class="second"> First M. Last Name</a>
  764.  
  765. </div>
  766.  
  767.  
  768.  
  769.  
  770.  
  771.  
  772.  
  773.  
  774.  
  775.  
  776.  
  777.  
  778.  
  779. </table>
  780. </td>
  781. </tr>
  782. </table>
  783. <br />
  784. <table cellspacing="0" cellpadding="0" width="350">
  785. <td>
  786. <table cellspacing="0" cellpadding="0" width="350">
  787. <td valign="top" align="center" width="350">
  788. <h1>muggles & wizards, oh my!</h1>
  789. <h2>"Fear of a name only increases fear of the thing itself."</h2>
  790.  
  791. <div style="overflow-x: hidden; overflow-y: scroll; width:215px; height: 90; float: left; margin: 0px 5px 5px 5px; padding: 5px; background-color: #18120b; border: 1px solid #373737; text-align: justify; outline: 5px solid #18120b;">
  792. <h4> Connection Name </h4>
  793. <span class="firstcharacter">N</span> ullam dictum lacus non <u>ultrices pharetra.</u> Praesent venenatis diam vel convallis hendrerit. <i>Curabitur tincidunt nisl ac enim fringilla</i>, eget imperdiet est tempor. <b>Proin aliquam purus vulputate</b> ipsum volutpat placerat. Vivamus pharetra dolor ac augue mollis aliquet. Sed vitae nulla ut nibh sodales gravida. Donec ultricies commodo erat eu finibus. In velit turpis, aliquet sed erat vitae, elementum elementum lorem. <strong>Aliquam at enim eget</strong> est faucibus gravida. Proin molestie interdum condimentum. Quisque id nulla eget justo fringilla sodales venenatis nec nisi. Curabitur maximus vulputate orci, sed malesuada velit rutrum sit amet. Suspendisse vestibulum, lacus ac molestie scelerisque, mauris sem fringilla urna, sodales molestie tortor nibh nec odio.<big> Nulla in cursus nunc.</big> Phasellus tempus nibh orci, a <small>lobortis mi interdum eu.</small> Nullam eget ante dolor.
  794.  
  795. </div>
  796.  
  797. <div style="float: left; margin: 0px 0px 5px 6px; border: 1px solid #c0b283; outline: 5px solid #18120b;"> <img src="https://i.imgur.com/DtQ7Q5y.gif" width="100" height="100"></div>
  798.  
  799.  
  800.  
  801. <div style="float: left; margin: 0px 11px 5px 5px; border: 1px solid #c0b283; outline: 5px solid #18120b;"> <img src="https://i.imgur.com/MRPPNN6.gif" width="100" height="100"></div>
  802.  
  803.  
  804. <div style="overflow-x: hidden; overflow-y: scroll; width:215px; height: 90; float: left; margin: 0px 0px 5px 0px; padding: 5px; background-color: #18120b; border: 1px solid #373737; text-align: justify; outline: 5px solid #18120b;">
  805. <h3> Connection Name </h3>
  806. <span class="firstcharacter">N</span> ullam dictum lacus non <u>ultrices pharetra.</u> Praesent venenatis diam vel convallis hendrerit. <i>Curabitur tincidunt nisl ac enim fringilla</i>, eget imperdiet est tempor. <b>Proin aliquam purus vulputate</b> ipsum volutpat placerat. Vivamus pharetra dolor ac augue mollis aliquet. Sed vitae nulla ut nibh sodales gravida. Donec ultricies commodo erat eu finibus. In velit turpis, aliquet sed erat vitae, elementum elementum lorem. <strong>Aliquam at enim eget</strong> est faucibus gravida. Proin molestie interdum condimentum. Quisque id nulla eget justo fringilla sodales venenatis nec nisi. Curabitur maximus vulputate orci, sed malesuada velit rutrum sit amet. Suspendisse vestibulum, lacus ac molestie scelerisque, mauris sem fringilla urna, sodales molestie tortor nibh nec odio.<big> Nulla in cursus nunc.</big> Phasellus tempus nibh orci, a <small>lobortis mi interdum eu.</small> Nullam eget ante dolor.
  807.  
  808. </div>
  809.  
  810.  
  811.  
  812.  
  813.  
  814. <div style="overflow-x: hidden; overflow-y: scroll; width:215px; height: 90; float: left; margin: 0px 5px 5px 5px; padding: 5px; background-color: #18120b; border: 1px solid #373737; text-align: justify; outline: 5px solid #18120b;">
  815. <h4> Connection Name </h4>
  816. <span class="firstcharacter">N</span> ullam dictum lacus non <u>ultrices pharetra.</u> Praesent venenatis diam vel convallis hendrerit. <i>Curabitur tincidunt nisl ac enim fringilla</i>, eget imperdiet est tempor. <b>Proin aliquam purus vulputate</b> ipsum volutpat placerat. Vivamus pharetra dolor ac augue mollis aliquet. Sed vitae nulla ut nibh sodales gravida. Donec ultricies commodo erat eu finibus. In velit turpis, aliquet sed erat vitae, elementum elementum lorem. <strong>Aliquam at enim eget</strong> est faucibus gravida. Proin molestie interdum condimentum. Quisque id nulla eget justo fringilla sodales venenatis nec nisi. Curabitur maximus vulputate orci, sed malesuada velit rutrum sit amet. Suspendisse vestibulum, lacus ac molestie scelerisque, mauris sem fringilla urna, sodales molestie tortor nibh nec odio.<big> Nulla in cursus nunc.</big> Phasellus tempus nibh orci, a <small>lobortis mi interdum eu.</small> Nullam eget ante dolor.
  817.  
  818. </div>
  819.  
  820. <div style="float: left; margin: 0px 0px 5px 6px; border: 1px solid #c0b283; outline: 5px solid #18120b;"> <img src="https://i.imgur.com/RW8NC19.gif" width="100" height="100"></div>
  821.  
  822.  
  823.  
  824. <div style="float: left; margin: 0px 11px 5px 5px; border: 1px solid #c0b283; outline: 5px solid #18120b;"> <img src="https://i.imgur.com/sdz6uRx.gif" width="100" height="100"></div>
  825.  
  826.  
  827. <div style="overflow-x: hidden; overflow-y: scroll; width:215px; height: 90; float: left; margin: 0px 0px 5px 0px; padding: 5px; background-color: #18120b; border: 1px solid #373737; text-align: justify; outline: 5px solid #18120b;">
  828. <h3> Connection Name </h3>
  829. <span class="firstcharacter">N</span> ullam dictum lacus non <u>ultrices pharetra.</u> Praesent venenatis diam vel convallis hendrerit. <i>Curabitur tincidunt nisl ac enim fringilla</i>, eget imperdiet est tempor. <b>Proin aliquam purus vulputate</b> ipsum volutpat placerat. Vivamus pharetra dolor ac augue mollis aliquet. Sed vitae nulla ut nibh sodales gravida. Donec ultricies commodo erat eu finibus. In velit turpis, aliquet sed erat vitae, elementum elementum lorem. <strong>Aliquam at enim eget</strong> est faucibus gravida. Proin molestie interdum condimentum. Quisque id nulla eget justo fringilla sodales venenatis nec nisi. Curabitur maximus vulputate orci, sed malesuada velit rutrum sit amet. Suspendisse vestibulum, lacus ac molestie scelerisque, mauris sem fringilla urna, sodales molestie tortor nibh nec odio.<big> Nulla in cursus nunc.</big> Phasellus tempus nibh orci, a <small>lobortis mi interdum eu.</small> Nullam eget ante dolor.
  830.  
  831. </div>
  832.  
  833.  
  834.  
  835.  
  836.  
  837.  
  838.  
  839.  
  840.  
  841.  
  842.  
  843.  
  844.  
  845.  
  846.  
  847.  
  848.  
  849.  
  850.  
  851. MUSIC ---------------------------------------------------------------------------------------------------------------------
  852.  
  853. <div class="background">
  854. <img src="https://i.imgur.com/7ci9rB7.png"></div>
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!