API tools faq
paste
Advertisement
poisonthangs_x

SIMPLE WISH: Advanced Div.

poisonthangs_x
Mar 21st, 2018
230
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 64.56 KB | None | 0 0
raw download clone embed print report
  1. HEY THERE.
  2. SO YOU WANNA USE THIS LAYOUT? PLEASE MAKE SURE YOU SIGN THE RULES
  3. OVER AT MLR AND COMMENT WHAT YOU'RE USING AT MY BLOG!
  4.  
  5. THANK YOU SO MUCH. THIS IS A LITTLE BIT ADVANCED CODING
  6. SO PLEASE DON'T DO ANYTHING THAT YOU MIGHT NOT
  7. KNOW. ASK QUESTIONS IF YOU MUST.
  8.  
  9. ENJOY SIMPLE WISH!
  10.  
  11. MATCHING PSD DOWNLOAD CAN BE FOUND HERE: http://fav.me/dc6j2yv
  12. MATCHING BLOG LAYOUT: coming soon
  13.  
  14.  
  15.  
  16.  
  17. //// *************** PASTE THIS INTO YOUR ABOUT ME SECTION ********************////////////
  18.  
  19.  
  20. <style>/* DO NOT REMOVE THE HTML BODY CREDIT * / </style>
  21.  
  22. <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;">
  23.  
  24. <style>
  25. @import url('https://fonts.googleapis.com/css?family=Great+Vibes');
  26. </style>
  27. <style>
  28. @import url('https://fonts.googleapis.com/css?family=Teko:700');
  29. </style>
  30. <style>
  31. @import url('https://fonts.googleapis.com/css?family=Delius');
  32. </style>
  33.  
  34.  
  35. <style type="text/css">
  36. body
  37. {
  38. background-color:#53A38F;
  39. background-attachment:fixed;
  40. background-repeat: no-repeat;
  41. background-image:url('http://longwallpapers.com/Desktop-Wallpaper/rose-garden-wallpapers-full-hd-For-Desktop-Wallpaper.jpg');
  42. overflow-x:hidden;
  43. background-position: center;
  44. background-size: cover;
  45. font-family: 'Great Vibes', cursive;
  46. font-family: 'Teko', sans-serif;
  47. font-family: 'Delius', cursive;
  48. }
  49.  
  50.  
  51. { TABLE P R O P E R T I E S }
  52. table { position:relative; margin-bottom:0px; }
  53. table, tr, td { background-color:transparent; border:none; }
  54. table table { margin:0px; }
  55. table table table table td { width:0px; border:none; }
  56. table table table td { border:none; margin:0px; padding:0px;}
  57. table table br { display:none; margin:0px; padding:0px;}
  58. table table table br { display:block; margin:0px; padding:0px;}
  59. table table table table { border:0; margin:0; padding:0; }
  60. table table table {background-color: transparent; margin-top: -100%;}
  61.  
  62. @madloveresources {------->Div Styles<------}
  63.  
  64. #base {
  65. background-color:#850C42;
  66. background-attachment:fixed;
  67. background-repeat: no-repeat;
  68. background-image:url('');
  69. background-size: contain;
  70. background-size: contain;
  71. background-position: center;
  72. width: 50%;
  73. z-index: 2;
  74. height: 70%;
  75. top: 18%;
  76. left: 26%;
  77. position:fixed;
  78. color:#ffffff !important;
  79. border: 1vh solid #ffffff;
  80. -webkit-transition: all 1s ease-in-out;
  81. -moz-transition: all 1s ease-in-out;
  82. -ms-transition: all 1s ease-in-out;
  83. -o-transition: all 1s ease-in-out;
  84. transition: all 1s ease-in-out;
  85. }
  86.  
  87. #base:hover {
  88. background-color:#850C42;
  89. width: 50%;
  90. z-index: 2;
  91. height: 70%;
  92. top: 18%;
  93. left: 26%;
  94. position:fixed;
  95. -webkit-transition: all 1s ease-in-out;
  96. -moz-transition: all 1s ease-in-out;
  97. -ms-transition: all 1s ease-in-out;
  98. -o-transition: all 1s ease-in-out;
  99. transition: all 1s ease-in-out;
  100. }
  101.  
  102. #base .content {
  103. opacity:0;
  104. width: 100%;
  105. height: 100%;
  106. transition: all 1s ease-in-out;
  107. }
  108.  
  109. #base:hover .content,#base:hover .text,#base:hover .image
  110. {
  111. opacity:1;
  112. visibility:visible !important;
  113. background-color:#850C42;
  114. color:#ffffff;
  115. -webkit-transition: all 1s ease-in-out;
  116. -moz-transition: all 1s ease-in-out;
  117. -ms-transition: all 1s ease-in-out;
  118. -o-transition: all 1s ease-in-out;
  119. transition: all 1s ease-in-out;
  120. }
  121.  
  122.  
  123. #staff
  124. {
  125. background-color:#B3F5BD;
  126. padding: 1%;
  127. text-align: justify;
  128. opacity: 0;
  129. z-index: 2;
  130. visibility: hidden!important;
  131. position: fixed;
  132. width: 49%;
  133. height: 69%;
  134. top: 18%;
  135. left: 26%;
  136. -webkit-transition: all 500ms cubic-bezier(0.420, 0.000, 0.580, 1.000);
  137. -moz-transition: all 500ms cubic-bezier(0.420, 0.000, 0.580, 1.000);
  138. -o-transition: all 500ms cubic-bezier(0.420, 0.000, 0.580, 1.000);
  139. transition: all 500ms cubic-bezier(0.420, 0.000, 0.580, 1.000);
  140. }
  141.  
  142.  
  143. #staff:target
  144. {
  145. background-color:#A18D62;
  146. text-align: justify;
  147. opacity: 1;
  148. z-index: 6;
  149. visibility: visible!important;
  150. position: fixed;
  151. width: 49%;
  152. height: 69%;
  153. top: 18%;
  154. left: 26%;
  155. box-shadow: 0 0 0 999em rgba(0,0,0,0.4);
  156. -webkit-transition: all 500ms cubic-bezier(0.420, 0.000, 0.580, 1.000);
  157. -moz-transition: all 500ms cubic-bezier(0.420, 0.000, 0.580, 1.000);
  158. -o-transition: all 500ms cubic-bezier(0.420, 0.000, 0.580, 1.000);
  159. transition: all 500ms cubic-bezier(0.420, 0.000, 0.580, 1.000);
  160. }
  161.  
  162.  
  163.  
  164. #affies
  165. {
  166. background-color:#B3F5BD;
  167. padding: 1%;
  168. text-align: justify;
  169. opacity: 0;
  170. z-index: 2;
  171. visibility: hidden!important;
  172. position: fixed;
  173. width: 49%;
  174. height: 69%;
  175. top: 18%;
  176. left: 26%;
  177. -webkit-transition: all 500ms cubic-bezier(0.420, 0.000, 0.580, 1.000);
  178. -moz-transition: all 500ms cubic-bezier(0.420, 0.000, 0.580, 1.000);
  179. -o-transition: all 500ms cubic-bezier(0.420, 0.000, 0.580, 1.000);
  180. transition: all 500ms cubic-bezier(0.420, 0.000, 0.580, 1.000);
  181. }
  182.  
  183.  
  184. #affies:target
  185. {
  186. background-color:#A18D62;
  187. text-align: justify;
  188. opacity: 1;
  189. z-index: 6;
  190. visibility: visible!important;
  191. position: fixed;
  192. width: 49%;
  193. height: 69%;
  194. top: 18%;
  195. left: 26%;
  196. box-shadow: 0 0 0 999em rgba(0,0,0,0.4);
  197. -webkit-transition: all 500ms cubic-bezier(0.420, 0.000, 0.580, 1.000);
  198. -moz-transition: all 500ms cubic-bezier(0.420, 0.000, 0.580, 1.000);
  199. -o-transition: all 500ms cubic-bezier(0.420, 0.000, 0.580, 1.000);
  200. transition: all 500ms cubic-bezier(0.420, 0.000, 0.580, 1.000);
  201. }
  202.  
  203.  
  204. #about
  205. {
  206. background-color:#B3F5BD;
  207. padding: 1%;
  208. text-align: justify;
  209. opacity: 0;
  210. z-index: 2;
  211. visibility: hidden!important;
  212. position: fixed;
  213. width: 49%;
  214. height: 69%;
  215. top: 18%;
  216. left: 26%;
  217. -webkit-transition: all 500ms cubic-bezier(0.420, 0.000, 0.580, 1.000);
  218. -moz-transition: all 500ms cubic-bezier(0.420, 0.000, 0.580, 1.000);
  219. -o-transition: all 500ms cubic-bezier(0.420, 0.000, 0.580, 1.000);
  220. transition: all 500ms cubic-bezier(0.420, 0.000, 0.580, 1.000);
  221. }
  222.  
  223.  
  224. #about:target
  225. {
  226. background-color:#A18D62;
  227. text-align: justify;
  228. opacity: 1;
  229. z-index: 6;
  230. visibility: visible!important;
  231. position: fixed;
  232. width: 49%;
  233. height: 69%;
  234. top: 18%;
  235. left: 26%;
  236. box-shadow: 0 0 0 999em rgba(0,0,0,0.4);
  237. -webkit-transition: all 500ms cubic-bezier(0.420, 0.000, 0.580, 1.000);
  238. -moz-transition: all 500ms cubic-bezier(0.420, 0.000, 0.580, 1.000);
  239. -o-transition: all 500ms cubic-bezier(0.420, 0.000, 0.580, 1.000);
  240. transition: all 500ms cubic-bezier(0.420, 0.000, 0.580, 1.000);
  241. }
  242.  
  243.  
  244.  
  245. #updates
  246. {
  247. background-color:#B3F5BD;
  248. padding: 1%;
  249. text-align: justify;
  250. opacity: 0;
  251. z-index: 2;
  252. visibility: hidden!important;
  253. position: fixed;
  254. width: 49%;
  255. height: 69%;
  256. top: 18%;
  257. left: 26%;
  258. -webkit-transition: all 500ms cubic-bezier(0.420, 0.000, 0.580, 1.000);
  259. -moz-transition: all 500ms cubic-bezier(0.420, 0.000, 0.580, 1.000);
  260. -o-transition: all 500ms cubic-bezier(0.420, 0.000, 0.580, 1.000);
  261. transition: all 500ms cubic-bezier(0.420, 0.000, 0.580, 1.000);
  262. }
  263.  
  264.  
  265. #updates:target
  266. {
  267. background-color:#A18D62;
  268. text-align: justify;
  269. opacity: 1;
  270. z-index: 6;
  271. visibility: visible!important;
  272. position: fixed;
  273. width: 49%;
  274. height: 69%;
  275. top: 18%;
  276. left: 26%;
  277. box-shadow: 0 0 0 999em rgba(0,0,0,0.4);
  278. -webkit-transition: all 500ms cubic-bezier(0.420, 0.000, 0.580, 1.000);
  279. -moz-transition: all 500ms cubic-bezier(0.420, 0.000, 0.580, 1.000);
  280. -o-transition: all 500ms cubic-bezier(0.420, 0.000, 0.580, 1.000);
  281. transition: all 500ms cubic-bezier(0.420, 0.000, 0.580, 1.000);
  282. }
  283.  
  284.  
  285. #list
  286. {
  287. background-color:#B3F5BD;
  288. padding: 1%;
  289. text-align: justify;
  290. opacity: 0;
  291. z-index: 2;
  292. visibility: hidden!important;
  293. position: fixed;
  294. width: 49%;
  295. height: 69%;
  296. top: 18%;
  297. left: 26%;
  298. -webkit-transition: all 500ms cubic-bezier(0.420, 0.000, 0.580, 1.000);
  299. -moz-transition: all 500ms cubic-bezier(0.420, 0.000, 0.580, 1.000);
  300. -o-transition: all 500ms cubic-bezier(0.420, 0.000, 0.580, 1.000);
  301. transition: all 500ms cubic-bezier(0.420, 0.000, 0.580, 1.000);
  302. }
  303.  
  304.  
  305. #list:target
  306. {
  307. background-color:#A18D62;
  308. text-align: justify;
  309. opacity: 1;
  310. z-index: 6;
  311. visibility: visible!important;
  312. position: fixed;
  313. width: 49%;
  314. height: 69%;
  315. top: 18%;
  316. left: 26%;
  317. box-shadow: 0 0 0 999em rgba(0,0,0,0.4);
  318. -webkit-transition: all 500ms cubic-bezier(0.420, 0.000, 0.580, 1.000);
  319. -moz-transition: all 500ms cubic-bezier(0.420, 0.000, 0.580, 1.000);
  320. -o-transition: all 500ms cubic-bezier(0.420, 0.000, 0.580, 1.000);
  321. transition: all 500ms cubic-bezier(0.420, 0.000, 0.580, 1.000);
  322. }
  323.  
  324.  
  325. #desk
  326. {
  327. background-color:#B3F5BD;
  328. padding: 1%;
  329. text-align: justify;
  330. opacity: 0;
  331. z-index: 2;
  332. visibility: hidden!important;
  333. position: fixed;
  334. width: 49%;
  335. height: 69%;
  336. top: 18%;
  337. left: 26%;
  338. -webkit-transition: all 500ms cubic-bezier(0.420, 0.000, 0.580, 1.000);
  339. -moz-transition: all 500ms cubic-bezier(0.420, 0.000, 0.580, 1.000);
  340. -o-transition: all 500ms cubic-bezier(0.420, 0.000, 0.580, 1.000);
  341. transition: all 500ms cubic-bezier(0.420, 0.000, 0.580, 1.000);
  342. }
  343.  
  344.  
  345. #desk:target
  346. {
  347. background-color:#A18D62;
  348. text-align: justify;
  349. opacity: 1;
  350. z-index: 6;
  351. visibility: visible!important;
  352. position: fixed;
  353. width: 49%;
  354. height: 69%;
  355. top: 18%;
  356. left: 26%;
  357. box-shadow: 0 0 0 999em rgba(0,0,0,0.4);
  358. -webkit-transition: all 500ms cubic-bezier(0.420, 0.000, 0.580, 1.000);
  359. -moz-transition: all 500ms cubic-bezier(0.420, 0.000, 0.580, 1.000);
  360. -o-transition: all 500ms cubic-bezier(0.420, 0.000, 0.580, 1.000);
  361. transition: all 500ms cubic-bezier(0.420, 0.000, 0.580, 1.000);
  362. }
  363.  
  364. #terms
  365. {
  366. background-color:#B3F5BD;
  367. padding: 1%;
  368. text-align: justify;
  369. opacity: 0;
  370. z-index: 2;
  371. visibility: hidden!important;
  372. position: fixed;
  373. width: 49%;
  374. height: 69%;
  375. top: 18%;
  376. left: 26%;
  377. -webkit-transition: all 500ms cubic-bezier(0.420, 0.000, 0.580, 1.000);
  378. -moz-transition: all 500ms cubic-bezier(0.420, 0.000, 0.580, 1.000);
  379. -o-transition: all 500ms cubic-bezier(0.420, 0.000, 0.580, 1.000);
  380. transition: all 500ms cubic-bezier(0.420, 0.000, 0.580, 1.000);
  381. }
  382.  
  383.  
  384. #terms:target
  385. {
  386. background-color:#A18D62;
  387. text-align: justify;
  388. opacity: 1;
  389. z-index: 6;
  390. visibility: visible!important;
  391. position: fixed;
  392. width: 49%;
  393. height: 69%;
  394. top: 18%;
  395. left: 26%;
  396. box-shadow: 0 0 0 999em rgba(0,0,0,0.4);
  397. -webkit-transition: all 500ms cubic-bezier(0.420, 0.000, 0.580, 1.000);
  398. -moz-transition: all 500ms cubic-bezier(0.420, 0.000, 0.580, 1.000);
  399. -o-transition: all 500ms cubic-bezier(0.420, 0.000, 0.580, 1.000);
  400. transition: all 500ms cubic-bezier(0.420, 0.000, 0.580, 1.000);
  401. }
  402.  
  403.  
  404.  
  405.  
  406.  
  407. .MLR {--->headings and styles<----}
  408.  
  409. h1 {display: block; padding: 1%; font-size: 1.22vh; text-align: center; letter-spacing: 1.22vh; color:#A8002A; background-color:#F2E550; font-weight: lighter; text-transform: uppercase;}
  410.  
  411. h2 {display: block; font-size: 6vh; font-weight: lighter; text-align: center; color:#2403FF; text-shadow: 0.22vh 0.22vh 0.10vh #000000; font-family: 'Great Vibes', cursive; border-bottom: 0px;}
  412.  
  413. h2::after
  414. {
  415. content: "｡☆✼★━━━━━";
  416. color:#FFEE00;
  417. font-size: 4vh;
  418. }
  419.  
  420. h2:before
  421. {
  422. content: "━━━━━★✼☆｡";
  423. color:#FFEE00;
  424. font-size: 4vh;
  425. }
  426.  
  427. h3 {display: block; font-size: 1.22vh; font-weight: lighter; text-align: center; letter-spacing: 1vh; background-color:#8C6C84; color:#F5DA8C; padding: 1%; border-bottom: 0.22vh solid #8CF5E7; margin-top: -0.13%;}
  428.  
  429. h4 {display: block; font-size: 3.44vh; font-weight: lighter; text-align: left; text-transform: uppercase; color:#38E8FF; font-family: 'Teko', sans-serif;}
  430.  
  431. h4:after
  432. {
  433. content: "●・○・●・○";
  434. color:#ffffff;
  435. }
  436.  
  437. h5 {display: block; font-size: 3.55vh; color:#C7F7A8; text-align: center; font-weight: lighter; text-transform: uppercase; font-family: 'Delius', cursive;}
  438.  
  439. h5:before
  440. {
  441. content: "»»——";
  442. color:#4A016B;
  443. }
  444.  
  445. h5:after
  446. {
  447. content: "——««";
  448. color:#4A016B;
  449. }
  450.  
  451.  
  452. i {color:#6DD1A7; font-weight: lighter;}
  453. b {background-color:#46B382; padding: 1%; color:#6D86D1; font-size: 1.44vh; text-align: left; font-weight: bold; text-transform: uppercase;}
  454. u {}
  455. s {}
  456. strong {}
  457. tt {font-weight: lighter; color:#02331F; text-shadow: 1px 1px 1px #6FDCF2;}
  458. em {}
  459. big {}
  460. small {}
  461.  
  462. span {display: block; width: 30%; padding: 1%; text-align: justify; color:#CC00A3; background-color:#F0F0F0; overflow: auto; float: left; margin-left: 0.88%; margin-top: 0.22%; height: 11%;}
  463.  
  464. .poisonivy {----->Navigation Link Styles<-----}
  465.  
  466. nav a {width: 14%; display: block; background-color:#69D9FF; border-bottom: 0.11vh solid #FCFFBF; font-weight: lighter; font-size: 1.33vh; text-align: center; letter-spacing: 1vh; padding: 0.44vh; text-decoration: none!important; text-transform: uppercase; color:#7A0000!important; border-top-left-radius: 20px; border-bottom-left-radius: 20px; margin-top: 0.44%;
  467. -webkit-transition: all 500ms cubic-bezier(0.680, 0, 0.265, 1); /* older webkit */
  468. -webkit-transition: all 500ms cubic-bezier(0.680, -0.550, 0.265, 1.550);
  469. -moz-transition: all 500ms cubic-bezier(0.680, -0.550, 0.265, 1.550);
  470. -o-transition: all 500ms cubic-bezier(0.680, -0.550, 0.265, 1.550);
  471. transition: all 500ms cubic-bezier(0.680, -0.550, 0.265, 1.550);}
  472.  
  473. nav a:hover {letter-spacing: -0.22vh!important; color:#ffffff!important; background-color:#694143;
  474. -webkit-transition: all 500ms cubic-bezier(0.680, 0, 0.265, 1); /* older webkit */
  475. -webkit-transition: all 500ms cubic-bezier(0.680, -0.550, 0.265, 1.550);
  476. -moz-transition: all 500ms cubic-bezier(0.680, -0.550, 0.265, 1.550);
  477. -o-transition: all 500ms cubic-bezier(0.680, -0.550, 0.265, 1.550);
  478. transition: all 500ms cubic-bezier(0.680, -0.550, 0.265, 1.550);}
  479.  
  480. code a {width: 14%; display: block; background-color:#69D9FF; border-bottom: 0.11vh solid #FCFFBF; font-weight: lighter; font-size: 1.33vh; text-align: center; letter-spacing: 1vh; padding: 0.44vh; text-decoration: none!important; text-transform: uppercase; color:#7A0000!important; border-top-right-radius: 20px; border-bottom-right-radius: 20px; margin-top: 0.44%;
  481. -webkit-transition: all 500ms cubic-bezier(0.680, 0, 0.265, 1); /* older webkit */
  482. -webkit-transition: all 500ms cubic-bezier(0.680, -0.550, 0.265, 1.550);
  483. -moz-transition: all 500ms cubic-bezier(0.680, -0.550, 0.265, 1.550);
  484. -o-transition: all 500ms cubic-bezier(0.680, -0.550, 0.265, 1.550);
  485. transition: all 500ms cubic-bezier(0.680, -0.550, 0.265, 1.550);}
  486.  
  487. code a:hover {letter-spacing: -0.22vh!important; color:#ffffff!important; background-color:#694143;
  488. Code snippets, short and long-hand:
  489. -webkit-transition: all 500ms cubic-bezier(0.680, 0, 0.265, 1); /* older webkit */
  490. -webkit-transition: all 500ms cubic-bezier(0.680, -0.550, 0.265, 1.550);
  491. -moz-transition: all 500ms cubic-bezier(0.680, -0.550, 0.265, 1.550);
  492. -o-transition: all 500ms cubic-bezier(0.680, -0.550, 0.265, 1.550);
  493. transition: all 500ms cubic-bezier(0.680, -0.550, 0.265, 1.550);}
  494.  
  495.  
  496. article p a {
  497. font-family: Palatino;
  498. font-weight: normal;
  499. font-style: normal;
  500. font-variant: normal;
  501. text-transform: lowercase;
  502. text-decoration: none!important;
  503. background-color: #520640;
  504. color: #e3f8ff!important;
  505. display: block;
  506. padding: 1%;
  507. margin-top: 0.70%;
  508. text-align: center;
  509. -webkit-transition: all 500ms cubic-bezier(0.680, 0, 0.265, 1); /* older webkit */
  510. -webkit-transition: all 500ms cubic-bezier(0.680, -0.550, 0.265, 1.550);
  511. -moz-transition: all 500ms cubic-bezier(0.680, -0.550, 0.265, 1.550);
  512. -o-transition: all 500ms cubic-bezier(0.680, -0.550, 0.265, 1.550);
  513. transition: all 500ms cubic-bezier(0.680, -0.550, 0.265, 1.550);
  514. }
  515.  
  516. article p a:hover {
  517. background-color: transparent;
  518. text-transform: uppercase;
  519. letter-spacing: -0.22vh;
  520. border-bottom: 0.22vh solid #ffffff;
  521. -webkit-transition: all 500ms cubic-bezier(0.680, 0, 0.265, 1); /* older webkit */
  522. -webkit-transition: all 500ms cubic-bezier(0.680, -0.550, 0.265, 1.550);
  523. -moz-transition: all 500ms cubic-bezier(0.680, -0.550, 0.265, 1.550);
  524. -o-transition: all 500ms cubic-bezier(0.680, -0.550, 0.265, 1.550);
  525. transition: all 500ms cubic-bezier(0.680, -0.550, 0.265, 1.550);
  526. }
  527.  
  528. article p a:after {
  529. content: "──◇─◇";
  530. }
  531.  
  532. article p a:before {
  533. content: "──◇─◇";
  534. }
  535.  
  536.  
  537. #terms a {letter-spacing: 1vh; color:#ffffff!important; text-transform: uppercase; font-size: 2vh; text-decoration: none!important; font-family: 'Teko', sans-serif;}
  538.  
  539. #terms a:hover {background-color:#C9C49D; text-transform: lowercase;}
  540.  
  541.  
  542. @MLR /* text stuff */
  543. 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;}
  544.  
  545. /*Scrollbar Content*/
  546. ::-webkit-scrollbar
  547. {border-radius: 20px; width: 1px; height: 1px; background: #9D9E9E; }
  548. ::-webkit-scrollbar-thumb
  549. {background-color: #9D9E9E; width: 3px; height: 1px;}
  550.  
  551. .DO NOT COPY /*Personal hiding codes by Ivy*/
  552. .userAlbums { display:none; }
  553. .profileinfo {display:none;}
  554. .friendSpace { display:none; }
  555. .interestsAndDetails { display:none; }
  556. .userProfiledetail { display:none; }
  557. .friendsComments { display:none; }
  558. .latestBlogEntry { display:none; }
  559. .extendedNetwork { display:none; }
  560. .contactTable { display: none; }
  561. .userProfileURL { display:none; }
  562. .clearfix {display:none !important; position:absolute!important;}
  563. .blurbs td.text {display:none;}
  564. .blurbs td td .orangetext15 {display:none;}
  565. .lightbluetext8 {display:none;}
  566. .profileInfo tr tr td {visibility:hidden;}
  567. .profileInfo td.text {visibility:visible;}
  568. .clearfix {margin-top: -130px;}
  569. #footerWarpper div font {display:none;}
  570. #footerWarpper div div {display: none;}
  571. a.text, table div font a, table div div {visibility:hidden;}
  572. table, tr, td {background-color:transparent !important;}
  573. </style>
  574.  
  575.  
  576.  
  577.  
  578.  
  579.  
  580.  
  581.  
  582.  
  583. //// *************** PASTE THIS INTO YOUR LIKE TO MEET ********************////////////
  584.  
  585.  
  586. <h1 style="position: fixed; top: 11%; left: 26%; width: 49.22%;">
  587. Put a Tagline Here about your site ( short )
  588. </h1>
  589.  
  590. <h2 style="position: fixed; top: -1%; left: 24.77%;">Site Name Here</h2>
  591.  
  592. <div id="base" style="background-image: url('https://i.imgur.com/iXZQLVk.png'); background-size: contain;">
  593.  
  594. <div class="content">
  595.  
  596. <h3>We Offer, premades, layouts, resources and more</h3>
  597.  
  598. <img src="http://www.placehold.it/718x230" style="margin-top: -1.30%; margin-left: 0.22%; width: 99.65%;">
  599.  
  600. <section style="display: flex; margin-left: 1%; margin-top: -5%;">
  601.  
  602. <article>
  603.  
  604. <h4>Our Mission</h4>
  605.  
  606. <p style="display: block; width: 97%; height: 40%; overflow: auto; overflow-x: hidden; font-size: 1.22vh; color:#FFDC73; padding: 1%; text-align: justify; margin-top: -10%;">
  607.  
  608. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur quis tellus in risus tincidunt pharetra. Vestibulum non magna velit. Vivamus mollis luctus risus, vel eleifend turpis cursus non. In vitae malesuada enim. Vivamus egestas feugiat lacinia. Cras eget dapibus mi, eu convallis lectus. Aliquam ex sem, pulvinar eget semper nec, volutpat quis eros. Vivamus imperdiet, risus congue vestibulum ullamcorper, lacus purus lacinia lorem, et hendrerit nisl tellus ac dolor. Integer hendrerit massa eu lectus euismod tincidunt.
  609.  
  610. Duis ut justo nec nisl facilisis malesuada. Nulla facilisi. Integer sodales viverra gravida. Donec porta tellus vitae purus faucibus, sed viverra libero consequat. Ut eu mauris vitae ligula tempor suscipit viverra dapibus leo. Proin sed felis vehicula felis dictum dapibus. Quisque accumsan metus et dui tempus gravida. Morbi at ante quis tellus efficitur gravida tempor sed dui. Integer convallis orci vitae aliquet rhoncus. Proin sed dignissim metus. Sed pulvinar, justo vel dapibus ultrices, tellus enim congue nunc, ac ornare elit nibh eget diam. Quisque sagittis libero velit, vel auctor nunc interdum ut. Suspendisse sed tincidunt nulla. Duis condimentum fringilla odio, ut aliquet nulla ullamcorper et. Morbi luctus erat varius dui vestibulum, quis laoreet tellus commodo.
  611.  
  612. In eget nunc nulla. Quisque dictum facilisis accumsan. Vestibulum tincidunt nulla consectetur, condimentum nunc in, auctor odio. Etiam feugiat est tellus. Nam vitae dignissim justo, eleifend maximus lectus. Praesent eget velit neque. Donec semper scelerisque luctus. Curabitur gravida sem at diam egestas ornare.
  613.  
  614. Quisque odio nibh, tristique in sollicitudin vitae, bibendum ut nunc. Duis id convallis massa. Phasellus sed bibendum tellus. Sed pretium libero vel ultrices vulputate. Cras vitae odio efficitur, semper mi non, feugiat quam. Phasellus tincidunt justo ac sem sollicitudin lacinia eu sit amet lectus. Aliquam placerat et quam ut dignissim. Mauris quis purus massa. Proin efficitur sodales turpis id mollis. Nulla porta lacus eget orci dignissim, et bibendum nisi sodales. Aliquam vulputate dolor ac elit scelerisque, ultricies auctor urna gravida. Proin et tempus sem. Phasellus sollicitudin consequat felis non dignissim. Vivamus efficitur sapien dui, ac hendrerit ligula sollicitudin a.
  615. </p>
  616.  
  617. </article>
  618.  
  619. <article>
  620.  
  621. <h4>What We Offer</h4>
  622.  
  623. <p style="display: block; width: 94%; height: 40%; overflow: auto; overflow-x: hidden; font-size: 1.22vh; color:#FFDC73; padding: 1%; text-align: justify; margin-top: -10%;">
  624. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur quis tellus in risus tincidunt pharetra. Vestibulum non magna velit. Vivamus mollis luctus risus, vel eleifend turpis cursus non. In vitae malesuada enim. Vivamus egestas feugiat lacinia. Cras eget dapibus mi, eu convallis lectus. Aliquam ex sem, pulvinar eget semper nec, volutpat quis eros. Vivamus imperdiet, risus congue vestibulum ullamcorper, lacus purus lacinia lorem, et hendrerit nisl tellus ac dolor. Integer hendrerit massa eu lectus euismod tincidunt.
  625.  
  626. Duis ut justo nec nisl facilisis malesuada. Nulla facilisi. Integer sodales viverra gravida. Donec porta tellus vitae purus faucibus, sed viverra libero consequat. Ut eu mauris vitae ligula tempor suscipit viverra dapibus leo. Proin sed felis vehicula felis dictum dapibus. Quisque accumsan metus et dui tempus gravida. Morbi at ante quis tellus efficitur gravida tempor sed dui. Integer convallis orci vitae aliquet rhoncus. Proin sed dignissim metus. Sed pulvinar, justo vel dapibus ultrices, tellus enim congue nunc, ac ornare elit nibh eget diam. Quisque sagittis libero velit, vel auctor nunc interdum ut. Suspendisse sed tincidunt nulla. Duis condimentum fringilla odio, ut aliquet nulla ullamcorper et. Morbi luctus erat varius dui vestibulum, quis laoreet tellus commodo.
  627.  
  628. In eget nunc nulla. Quisque dictum facilisis accumsan. Vestibulum tincidunt nulla consectetur, condimentum nunc in, auctor odio. Etiam feugiat est tellus. Nam vitae dignissim justo, eleifend maximus lectus. Praesent eget velit neque. Donec semper scelerisque luctus. Curabitur gravida sem at diam egestas ornare.
  629.  
  630. Quisque odio nibh, tristique in sollicitudin vitae, bibendum ut nunc. Duis id convallis massa. Phasellus sed bibendum tellus. Sed pretium libero vel ultrices vulputate. Cras vitae odio efficitur, semper mi non, feugiat quam. Phasellus tincidunt justo ac sem sollicitudin lacinia eu sit amet lectus. Aliquam placerat et quam ut dignissim. Mauris quis purus massa. Proin efficitur sodales turpis id mollis. Nulla porta lacus eget orci dignissim, et bibendum nisi sodales. Aliquam vulputate dolor ac elit scelerisque, ultricies auctor urna gravida. Proin et tempus sem. Phasellus sollicitudin consequat felis non dignissim. Vivamus efficitur sapien dui, ac hendrerit ligula sollicitudin a.
  631. </p>
  632.  
  633. </article>
  634. </section>
  635. </div>
  636. </div>
  637.  
  638.  
  639. <nav style="position: fixed; top: 17%; left: 11.44%; display: block; width: 100%;">
  640.  
  641. <a href="">Home</a>
  642.  
  643. <a href="">Message</a>
  644.  
  645. <a href="">Comment</a>
  646.  
  647. <a href="">Guidelines</a>
  648.  
  649. <a href="">Content</a>
  650.  
  651. <a href="">Share Us</a>
  652.  
  653. <a href="">Photogallery</a>
  654.  
  655. <a href="">Stream</a>
  656.  
  657. <a href="">Bulletins</a>
  658.  
  659. <a href="">Credit</a>
  660.  
  661. </nav>
  662.  
  663. <code style="visibility: visible!important; position: fixed; bottom: 17%; left: 77%; display: block; width: 100%;">
  664.  
  665. <a href="#staff">Meet The Staff</a>
  666.  
  667. <a href="#affies">Affiliates</a>
  668.  
  669. <a href="#about">About Us</a>
  670.  
  671. <a href="#updates">Updates</a>
  672.  
  673. <a href="#list">To-Do List</a>
  674.  
  675. <a href="#desk">Desk Jockey</a>
  676.  
  677. <a href="#terms">Our Terms</a>
  678.  
  679. </code>
  680.  
  681.  
  682. //// *************** PASTE THIS INTO YOUR INTEREST SECTION ********************////////////
  683.  
  684.  
  685.  
  686.  
  687.  
  688. </table>
  689. </td>
  690. </tr>
  691. </table>
  692. <br />
  693. <table cellspacing="0" cellpadding="0">
  694. <td>
  695. <table cellspacing="0" cellpadding="0">
  696. <td valign="top" align="center">
  697.  
  698. <div id="staff">
  699.  
  700. <a href="#" style="display: block; background-color:#F5B5F3; border: 0px; font-size: 1vh; font-weight: lighter; color:#4A0A48; width: 3%; border-radius: 0px; text-align: center; float: left; margin-left: 1%;">✖</a>
  701.  
  702. <h5>Meet The Staff</h5>
  703.  
  704. <article style="margin-top: -12%; overflow: auto; overflow-x: hidden; height: 90%; z-index: -2;">
  705.  
  706. <h4>Owner Name</h4>
  707.  
  708. <section style="display: flex; margin-top: -5%;">
  709.  
  710. <img src="http://www.placehold.it/130x130" style="border: 1vh solid #F7E9EB;">
  711.  
  712. <p style="background-color:#A8384A; display: block; width: 70%; height: 14%; overflow: auto; overflow-x: hidden; text-align: justify; font-weight: lighter; padding: 1%; border-top: 1vh solid #F7E9EB; border-bottom: 1vh solid #F7E9EB; ">
  713.  
  714. <tt>Full Name:</tt> <i>put name here</i>
  715. <br><br> <!------these breaks are important must keep them----->
  716. <tt>Position:</tt> <i>founder, co-owner, webmaster, etc..</i>
  717. <br><br><!------these breaks are important must keep them----->
  718. <tt>Years in RP:</tt> <i>10 years<i>
  719. <br><br><!------these breaks are important must keep them----->
  720. <tt>Years Editing:</tt> <i>8 years</i>
  721. <br><br><!------these breaks are important must keep them----->
  722. <tt>What I offer:</tt> <i>premades, layouts, psds, etc..</i>
  723. <br><br><!------these breaks are important must keep them----->
  724. <tt>Strengths:</tt> <i>extra-editing, psds etc..</i>
  725. <br><br><!------these breaks are important must keep them----->
  726. <tt>Weaknesses:</tt> <i>manips, gifs, etc..</i>
  727. <br><br><!------these breaks are important must keep them----->
  728. <tt>Comments:</tt> <i> say something you love about the site </i>
  729.  
  730. </p>
  731.  
  732. <img src="http://www.placehold.it/130x130" style="border: 1vh solid #F7E9EB;">
  733.  
  734.  
  735. </section>
  736.  
  737.  
  738.  
  739. <h4>Owner Name</h4>
  740.  
  741. <section style="display: flex; margin-top: -5%;">
  742.  
  743. <img src="http://www.placehold.it/130x130" style="border: 1vh solid #F7E9EB;">
  744.  
  745. <p style="background-color:#A8384A; display: block; width: 70%; height: 14%; overflow: auto; overflow-x: hidden; text-align: justify; font-weight: lighter; padding: 1%; border-top: 1vh solid #F7E9EB; border-bottom: 1vh solid #F7E9EB; ">
  746.  
  747. <tt>Full Name:</tt> <i>put name here</i>
  748. <br><br> <!------these breaks are important must keep them----->
  749. <tt>Position:</tt> <i>founder, co-owner, webmaster, etc..</i>
  750. <br><br><!------these breaks are important must keep them----->
  751. <tt>Years in RP:</tt> <i>10 years<i>
  752. <br><br><!------these breaks are important must keep them----->
  753. <tt>Years Editing:</tt> <i>8 years</i>
  754. <br><br><!------these breaks are important must keep them----->
  755. <tt>What I offer:</tt> <i>premades, layouts, psds, etc..</i>
  756. <br><br><!------these breaks are important must keep them----->
  757. <tt>Strengths:</tt> <i>extra-editing, psds etc..</i>
  758. <br><br><!------these breaks are important must keep them----->
  759. <tt>Weaknesses:</tt> <i>manips, gifs, etc..</i>
  760. <br><br><!------these breaks are important must keep them----->
  761. <tt>Comments:</tt> <i> say something you love about the site </i>
  762.  
  763.  
  764. </p>
  765.  
  766. <img src="http://www.placehold.it/130x130" style="border: 1vh solid #F7E9EB;">
  767.  
  768.  
  769. </section>
  770.  
  771. <h4>Owner Name</h4>
  772.  
  773. <section style="display: flex; margin-top: -5%;">
  774.  
  775. <img src="http://www.placehold.it/130x130" style="border: 1vh solid #F7E9EB;">
  776.  
  777. <p style="background-color:#A8384A; display: block; width: 70%; height: 14%; overflow: auto; overflow-x: hidden; text-align: justify; font-weight: lighter; padding: 1%; border-top: 1vh solid #F7E9EB; border-bottom: 1vh solid #F7E9EB; ">
  778.  
  779. <tt>Full Name:</tt> <i>put name here</i>
  780. <br><br> <!------these breaks are important must keep them----->
  781. <tt>Position:</tt> <i>founder, co-owner, webmaster, etc..</i>
  782. <br><br><!------these breaks are important must keep them----->
  783. <tt>Years in RP:</tt> <i>10 years<i>
  784. <br><br><!------these breaks are important must keep them----->
  785. <tt>Years Editing:</tt> <i>8 years</i>
  786. <br><br><!------these breaks are important must keep them----->
  787. <tt>What I offer:</tt> <i>premades, layouts, psds, etc..</i>
  788. <br><br><!------these breaks are important must keep them----->
  789. <tt>Strengths:</tt> <i>extra-editing, psds etc..</i>
  790. <br><br><!------these breaks are important must keep them----->
  791. <tt>Weaknesses:</tt> <i>manips, gifs, etc..</i>
  792. <br><br><!------these breaks are important must keep them----->
  793. <tt>Comments:</tt> <i> say something you love about the site </i>
  794.  
  795.  
  796. </p>
  797.  
  798. <img src="http://www.placehold.it/130x130" style="border: 1vh solid #F7E9EB;">
  799.  
  800.  
  801. </section>
  802.  
  803.  
  804. <h4>Owner Name</h4>
  805.  
  806. <section style="display: flex; margin-top: -5%;">
  807.  
  808. <img src="http://www.placehold.it/130x130" style="border: 1vh solid #F7E9EB;">
  809.  
  810. <p style="background-color:#A8384A; display: block; width: 70%; height: 14%; overflow: auto; overflow-x: hidden; text-align: justify; font-weight: lighter; padding: 1%; border-top: 1vh solid #F7E9EB; border-bottom: 1vh solid #F7E9EB; ">
  811.  
  812. <tt>Full Name:</tt> <i>put name here</i>
  813. <br><br> <!------these breaks are important must keep them----->
  814. <tt>Position:</tt> <i>founder, co-owner, webmaster, etc..</i>
  815. <br><br><!------these breaks are important must keep them----->
  816. <tt>Years in RP:</tt> <i>10 years<i>
  817. <br><br><!------these breaks are important must keep them----->
  818. <tt>Years Editing:</tt> <i>8 years</i>
  819. <br><br><!------these breaks are important must keep them----->
  820. <tt>What I offer:</tt> <i>premades, layouts, psds, etc..</i>
  821. <br><br><!------these breaks are important must keep them----->
  822. <tt>Strengths:</tt> <i>extra-editing, psds etc..</i>
  823. <br><br><!------these breaks are important must keep them----->
  824. <tt>Weaknesses:</tt> <i>manips, gifs, etc..</i>
  825. <br><br><!------these breaks are important must keep them----->
  826. <tt>Comments:</tt> <i> say something you love about the site </i>
  827.  
  828.  
  829. </p>
  830.  
  831. <img src="http://www.placehold.it/130x130" style="border: 1vh solid #F7E9EB;">
  832.  
  833.  
  834. </section>
  835.  
  836.  
  837.  
  838. </article>
  839.  
  840.  
  841. </div>
  842.  
  843.  
  844. <div id="affies">
  845.  
  846. <a href="#" style="display: block; background-color:#F5B5F3; border: 0px; font-size: 1vh; font-weight: lighter; color:#4A0A48; width: 3%; border-radius: 0px; text-align: center; float: left; margin-left: 1%;">✖</a>
  847.  
  848. <h5 style="margin-top: -2%;">Sibling Sites</h5>
  849.  
  850. <section style="background-color:#A8384A; display: block; padding: 1%; display: flex; margin-top: -5%; margin-left: 1%;">
  851. <marquee behavior="scroll" direction="left" onmouseover="this.stop();" onmouseout="this.start();">
  852.  
  853. <a href=""><img src="http://www.placehold.it/120x120" style="border-right: 0.23vh solid #A8384A; width: 10%; object-fit: cover;" title="[ name ]"></a>
  854.  
  855. <a href=""><img src="http://www.placehold.it/120x120" style="border-right: 0.23vh solid #A8384A; width: 10%; object-fit: cover;" title="[ name ]"></a>
  856.  
  857. <a href=""><img src="http://www.placehold.it/120x120" style="border-right: 0.23vh solid #A8384A; width: 10%; object-fit: cover;" title="[ name ]"></a>
  858.  
  859. <a href=""><img src="http://www.placehold.it/120x120" style="border-right: 0.23vh solid #A8384A; width: 10%; object-fit: cover;" title="[ name ]"></a>
  860.  
  861. <a href=""><img src="http://www.placehold.it/120x120" style="border-right: 0.23vh solid #A8384A; width: 10%; object-fit: cover;" title="[ name ]"></a>
  862.  
  863. <a href=""><img src="http://www.placehold.it/120x120" style="border-right: 0.23vh solid #A8384A; width: 10%; object-fit: cover;" title="[ name ]"></a>
  864.  
  865. <a href=""><img src="http://www.placehold.it/120x120" style="border-right: 0.23vh solid #A8384A; width: 10%; object-fit: cover;" title="[ name ]"></a>
  866.  
  867. <a href=""><img src="http://www.placehold.it/120x120" style="border-right: 0.23vh solid #A8384A; width: 10%; object-fit: cover;" title="[ name ]"></a>
  868.  
  869. </marquee>
  870. </section>
  871.  
  872.  
  873. <section style="display: flex; margin-left: 1%;">
  874.  
  875. <article>
  876.  
  877. <h1>Premades | Resources</h1>
  878.  
  879. <p style="margin-top: -2%; display: block; width: 50vh; height: 30%; overflow: auto; overflow-x: hidden; font-size: 1.22vh; color:#FFDC73; padding: 1%; text-align: justify;">
  880.  
  881. <a href="">Affiliate</a>
  882. <a href="">Affiliate</a>
  883. <a href="">Affiliate</a>
  884. <a href="">Affiliate</a>
  885. <a href="">Affiliate</a>
  886. <a href="">Affiliate</a>
  887. <a href="">Affiliate</a>
  888. <a href="">Affiliate</a>
  889. <a href="">Affiliate</a>
  890. <a href="">Affiliate</a>
  891. <a href="">Affiliate</a>
  892. <a href="">Affiliate</a>
  893. <a href="">Affiliate</a>
  894. <a href="">Affiliate</a>
  895. <a href="">Affiliate</a>
  896. <a href="">Affiliate</a>
  897. <a href="">Affiliate</a>
  898. <a href="">Affiliate</a>
  899. <a href="">Affiliate</a>
  900. <a href="">Affiliate</a>
  901. <a href="">Affiliate</a>
  902. <a href="">Affiliate</a>
  903. <a href="">Affiliate</a>
  904. <a href="">Affiliate</a>
  905. <a href="">Affiliate</a>
  906. <a href="">Affiliate</a>
  907. <a href="">Affiliate</a>
  908. <a href="">Affiliate</a>
  909.  
  910. </p>
  911.  
  912. </article>
  913.  
  914. <article>
  915.  
  916. <h1>Roleplay Groups</h1>
  917.  
  918. <p style="display: block; width: 45vh; height: 30%; overflow: auto; overflow-x: hidden; font-size: 1.22vh; color:#FFDC73; padding: 1%; text-align: justify; margin-top: -2%;">
  919. <a href="">Affiliate</a>
  920. <a href="">Affiliate</a>
  921. <a href="">Affiliate</a>
  922. <a href="">Affiliate</a>
  923. <a href="">Affiliate</a>
  924. <a href="">Affiliate</a>
  925. <a href="">Affiliate</a>
  926. <a href="">Affiliate</a>
  927. <a href="">Affiliate</a>
  928. <a href="">Affiliate</a>
  929. <a href="">Affiliate</a>
  930. <a href="">Affiliate</a>
  931. <a href="">Affiliate</a>
  932. <a href="">Affiliate</a>
  933. <a href="">Affiliate</a>
  934. <a href="">Affiliate</a>
  935. <a href="">Affiliate</a>
  936. <a href="">Affiliate</a>
  937. <a href="">Affiliate</a>
  938. <a href="">Affiliate</a>
  939. <a href="">Affiliate</a>
  940. <a href="">Affiliate</a>
  941. <a href="">Affiliate</a>
  942. <a href="">Affiliate</a>
  943. <a href="">Affiliate</a>
  944. <a href="">Affiliate</a>
  945. <a href="">Affiliate</a>
  946. <a href="">Affiliate</a>
  947.  
  948. </p>
  949.  
  950. </article>
  951.  
  952. </section>
  953.  
  954.  
  955.  
  956. <section style="display: flex; margin-left: 1%;">
  957.  
  958. <article>
  959.  
  960. <h1>Directories</h1>
  961.  
  962. <p style="margin-top: -2%; display: block; width: 50vh; height: 30%; overflow: auto; overflow-x: hidden; font-size: 1.22vh; color:#FFDC73; padding: 1%; text-align: justify;">
  963.  
  964. <a href="">Affiliate</a>
  965. <a href="">Affiliate</a>
  966. <a href="">Affiliate</a>
  967. <a href="">Affiliate</a>
  968. <a href="">Affiliate</a>
  969. <a href="">Affiliate</a>
  970. <a href="">Affiliate</a>
  971. <a href="">Affiliate</a>
  972. <a href="">Affiliate</a>
  973. <a href="">Affiliate</a>
  974. <a href="">Affiliate</a>
  975. <a href="">Affiliate</a>
  976. <a href="">Affiliate</a>
  977. <a href="">Affiliate</a>
  978. <a href="">Affiliate</a>
  979. <a href="">Affiliate</a>
  980. <a href="">Affiliate</a>
  981. <a href="">Affiliate</a>
  982. <a href="">Affiliate</a>
  983. <a href="">Affiliate</a>
  984. <a href="">Affiliate</a>
  985. <a href="">Affiliate</a>
  986. <a href="">Affiliate</a>
  987. <a href="">Affiliate</a>
  988. <a href="">Affiliate</a>
  989. <a href="">Affiliate</a>
  990. <a href="">Affiliate</a>
  991. <a href="">Affiliate</a>
  992.  
  993.  
  994. </p>
  995.  
  996. </article>
  997.  
  998. <article>
  999.  
  1000. <h1>Help | Share</h1>
  1001.  
  1002. <p style="display: block; width: 45vh; height: 30%; overflow: auto; overflow-x: hidden; font-size: 1.22vh; color:#FFDC73; padding: 1%; text-align: justify; margin-top: -2%;">
  1003.  
  1004. <a href="">Affiliate</a>
  1005. <a href="">Affiliate</a>
  1006. <a href="">Affiliate</a>
  1007. <a href="">Affiliate</a>
  1008. <a href="">Affiliate</a>
  1009. <a href="">Affiliate</a>
  1010. <a href="">Affiliate</a>
  1011. <a href="">Affiliate</a>
  1012. <a href="">Affiliate</a>
  1013. <a href="">Affiliate</a>
  1014. <a href="">Affiliate</a>
  1015. <a href="">Affiliate</a>
  1016. <a href="">Affiliate</a>
  1017. <a href="">Affiliate</a>
  1018. <a href="">Affiliate</a>
  1019. <a href="">Affiliate</a>
  1020. <a href="">Affiliate</a>
  1021. <a href="">Affiliate</a>
  1022. <a href="">Affiliate</a>
  1023. <a href="">Affiliate</a>
  1024. <a href="">Affiliate</a>
  1025. <a href="">Affiliate</a>
  1026. <a href="">Affiliate</a>
  1027. <a href="">Affiliate</a>
  1028. <a href="">Affiliate</a>
  1029. <a href="">Affiliate</a>
  1030. <a href="">Affiliate</a>
  1031. <a href="">Affiliate</a>
  1032.  
  1033.  
  1034. </p>
  1035.  
  1036. </article>
  1037.  
  1038. </section>
  1039.  
  1040.  
  1041. </div>
  1042.  
  1043.  
  1044.  
  1045.  
  1046.  
  1047.  
  1048.  
  1049. //// *************** PASTE THIS INTO YOUR MUSIC SECTION ********************////////////
  1050.  
  1051.  
  1052.  
  1053.  
  1054. </table>
  1055. </td>
  1056. </tr>
  1057. </table>
  1058. <br />
  1059. <table cellspacing="0" cellpadding="0">
  1060. <td>
  1061. <table cellspacing="0" cellpadding="0">
  1062. <td valign="top" align="center">
  1063.  
  1064. <div id="about">
  1065.  
  1066. <a href="#" style="display: block; background-color:#F5B5F3; border: 0px; font-size: 1vh; font-weight: lighter; color:#4A0A48; width: 3%; border-radius: 0px; text-align: center; float: left; margin-left: 1%;">✖</a>
  1067.  
  1068. <h5>All About Us</h5>
  1069.  
  1070. <p style="background-color:#A8384A; display: block; width: 70%; height: 70%; overflow: auto; overflow-x: hidden; text-align: justify; font-weight: lighter; padding: 1%; margin-left: 15%; margin-top: -4%; border-top: 1vh solid #F7E9EB; border-bottom: 1vh solid #F7E9EB; ">
  1071.  
  1072. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur quis tellus in risus tincidunt pharetra. Vestibulum non magna velit. Vivamus mollis luctus risus, vel eleifend turpis cursus non. In vitae malesuada enim. Vivamus egestas feugiat lacinia. Cras eget dapibus mi, eu convallis lectus. Aliquam ex sem, pulvinar eget semper nec, volutpat quis eros. Vivamus imperdiet, risus congue vestibulum ullamcorper, lacus purus lacinia lorem, et hendrerit nisl tellus ac dolor. Integer hendrerit massa eu lectus euismod tincidunt.
  1073.  
  1074. Duis ut justo nec nisl facilisis malesuada. Nulla facilisi. Integer sodales viverra gravida. Donec porta tellus vitae purus faucibus, sed viverra libero consequat. Ut eu mauris vitae ligula tempor suscipit viverra dapibus leo. Proin sed felis vehicula felis dictum dapibus. Quisque accumsan metus et dui tempus gravida. Morbi at ante quis tellus efficitur gravida tempor sed dui. Integer convallis orci vitae aliquet rhoncus. Proin sed dignissim metus. Sed pulvinar, justo vel dapibus ultrices, tellus enim congue nunc, ac ornare elit nibh eget diam. Quisque sagittis libero velit, vel auctor nunc interdum ut. Suspendisse sed tincidunt nulla. Duis condimentum fringilla odio, ut aliquet nulla ullamcorper et. Morbi luctus erat varius dui vestibulum, quis laoreet tellus commodo.
  1075.  
  1076. In eget nunc nulla. Quisque dictum facilisis accumsan. Vestibulum tincidunt nulla consectetur, condimentum nunc in, auctor odio. Etiam feugiat est tellus. Nam vitae dignissim justo, eleifend maximus lectus. Praesent eget velit neque. Donec semper scelerisque luctus. Curabitur gravida sem at diam egestas ornare.
  1077.  
  1078. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur quis tellus in risus tincidunt pharetra. Vestibulum non magna velit. Vivamus mollis luctus risus, vel eleifend turpis cursus non. In vitae malesuada enim. Vivamus egestas feugiat lacinia. Cras eget dapibus mi, eu convallis lectus. Aliquam ex sem, pulvinar eget semper nec, volutpat quis eros. Vivamus imperdiet, risus congue vestibulum ullamcorper, lacus purus lacinia lorem, et hendrerit nisl tellus ac dolor. Integer hendrerit massa eu lectus euismod tincidunt.
  1079.  
  1080. Duis ut justo nec nisl facilisis malesuada. Nulla facilisi. Integer sodales viverra gravida. Donec porta tellus vitae purus faucibus, sed viverra libero consequat. Ut eu mauris vitae ligula tempor suscipit viverra dapibus leo. Proin sed felis vehicula felis dictum dapibus. Quisque accumsan metus et dui tempus gravida. Morbi at ante quis tellus efficitur gravida tempor sed dui. Integer convallis orci vitae aliquet rhoncus. Proin sed dignissim metus. Sed pulvinar, justo vel dapibus ultrices, tellus enim congue nunc, ac ornare elit nibh eget diam. Quisque sagittis libero velit, vel auctor nunc interdum ut. Suspendisse sed tincidunt nulla. Duis condimentum fringilla odio, ut aliquet nulla ullamcorper et. Morbi luctus erat varius dui vestibulum, quis laoreet tellus commodo.
  1081.  
  1082. In eget nunc nulla. Quisque dictum facilisis accumsan. Vestibulum tincidunt nulla consectetur, condimentum nunc in, auctor odio. Etiam feugiat est tellus. Nam vitae dignissim justo, eleifend maximus lectus. Praesent eget velit neque. Donec semper scelerisque luctus. Curabitur gravida sem at diam egestas ornare.
  1083.  
  1084. </p>
  1085. </div>
  1086.  
  1087.  
  1088.  
  1089. <div id="updates">
  1090.  
  1091. <a href="#" style="display: block; background-color:#F5B5F3; border: 0px; font-size: 1vh; font-weight: lighter; color:#4A0A48; width: 3%; border-radius: 0px; text-align: center; float: left; margin-left: 1%;">✖</a>
  1092.  
  1093. <h5>Current Updates</h5>
  1094. <h3 style="margin-top: -4%;">recent works by our editors</h3>
  1095.  
  1096. <p style="width: 100%; height: 88%; overflow: auto; overflow-x: hidden; text-align: justify; padding: 1%; color:#FFA3E3; display: block; margin-top: -2%;">
  1097.  
  1098. <marquee behavior="scroll" direction="left" onmouseover="this.stop();" onmouseout="this.start();">
  1099.  
  1100. <img src="http://www.placehold.it/180x300/B481D4/ffffff" style="width: 20%; border: 1vh solid #FFED21;">
  1101.  
  1102. <img src="http://www.placehold.it/180x300/B481D4/ffffff" style="width: 20%; border: 1vh solid #FFED21;">
  1103.  
  1104. <img src="http://www.placehold.it/180x300/B481D4/ffffff" style="width: 20%; border: 1vh solid #FFED21;">
  1105.  
  1106. <img src="http://www.placehold.it/180x300/B481D4/ffffff" style="width: 20%; border: 1vh solid #FFED21;">
  1107.  
  1108. <img src="http://www.placehold.it/180x300/B481D4/ffffff" style="width: 20%; border: 1vh solid #FFED21;">
  1109.  
  1110. <img src="http://www.placehold.it/180x300/B481D4/ffffff" style="width: 20%; border: 1vh solid #FFED21;">
  1111.  
  1112.  
  1113. </marquee>
  1114.  
  1115. <!----- these are scroll boxes for the updates you don't have to worry about adding more because there are plenty just add more in between the span tags
  1116. -------->
  1117.  
  1118. <span>
  1119. <b>00/00/00 - </b> <i>content update goes here</i> <tt>By: name here</tt>
  1120. <br>
  1121. <b>00/00/00 - </b> <i>content update goes here</i> <tt>By: name here</tt>
  1122. <br>
  1123. <b>00/00/00 - </b> <i>content update goes here</i> <tt>By: name here</tt>
  1124. <br>
  1125. <b>00/00/00 - </b> <i>content update goes here</i> <tt>By: name here</tt>
  1126. <br>
  1127. <b>00/00/00 - </b> <i>content update goes here</i> <tt>By: name here</tt>
  1128. </span>
  1129.  
  1130. <span>
  1131. <b>00/00/00 - </b> <i>content update goes here</i> <tt>By: name here</tt>
  1132. <br>
  1133. <b>00/00/00 - </b> <i>content update goes here</i> <tt>By: name here</tt>
  1134. <br>
  1135. <b>00/00/00 - </b> <i>content update goes here</i> <tt>By: name here</tt>
  1136. <br>
  1137. <b>00/00/00 - </b> <i>content update goes here</i> <tt>By: name here</tt>
  1138. <br>
  1139. <b>00/00/00 - </b> <i>content update goes here</i> <tt>By: name here</tt>
  1140. </span>
  1141.  
  1142. <span>
  1143. <b>00/00/00 - </b> <i>content update goes here</i> <tt>By: name here</tt>
  1144. <br>
  1145. <b>00/00/00 - </b> <i>content update goes here</i> <tt>By: name here</tt>
  1146. <br>
  1147. <b>00/00/00 - </b> <i>content update goes here</i> <tt>By: name here</tt>
  1148. <br>
  1149. <b>00/00/00 - </b> <i>content update goes here</i> <tt>By: name here</tt>
  1150. <br>
  1151. <b>00/00/00 - </b> <i>content update goes here</i> <tt>By: name here</tt>
  1152. </span>
  1153.  
  1154. <span>
  1155. <b>00/00/00 - </b> <i>content update goes here</i> <tt>By: name here</tt>
  1156. <br>
  1157. <b>00/00/00 - </b> <i>content update goes here</i> <tt>By: name here</tt>
  1158. <br>
  1159. <b>00/00/00 - </b> <i>content update goes here</i> <tt>By: name here</tt>
  1160. <br>
  1161. <b>00/00/00 - </b> <i>content update goes here</i> <tt>By: name here</tt>
  1162. <br>
  1163. <b>00/00/00 - </b> <i>content update goes here</i> <tt>By: name here</tt>
  1164. </span>
  1165.  
  1166. <span>
  1167. <b>00/00/00 - </b> <i>content update goes here</i> <tt>By: name here</tt>
  1168. <br>
  1169. <b>00/00/00 - </b> <i>content update goes here</i> <tt>By: name here</tt>
  1170. <br>
  1171. <b>00/00/00 - </b> <i>content update goes here</i> <tt>By: name here</tt>
  1172. <br>
  1173. <b>00/00/00 - </b> <i>content update goes here</i> <tt>By: name here</tt>
  1174. <br>
  1175. <b>00/00/00 - </b> <i>content update goes here</i> <tt>By: name here</tt>
  1176. </span>
  1177.  
  1178. <span>
  1179. <b>00/00/00 - </b> <i>content update goes here</i> <tt>By: name here</tt>
  1180. <br>
  1181. <b>00/00/00 - </b> <i>content update goes here</i> <tt>By: name here</tt>
  1182. <br>
  1183. <b>00/00/00 - </b> <i>content update goes here</i> <tt>By: name here</tt>
  1184. <br>
  1185. <b>00/00/00 - </b> <i>content update goes here</i> <tt>By: name here</tt>
  1186. <br>
  1187. <b>00/00/00 - </b> <i>content update goes here</i> <tt>By: name here</tt>
  1188. </span>
  1189.  
  1190.  
  1191. </p>
  1192.  
  1193.  
  1194. </div>
  1195.  
  1196.  
  1197. <div id="list">
  1198.  
  1199. <a href="#" style="display: block; background-color:#F5B5F3; border: 0px; font-size: 1vh; font-weight: lighter; color:#4A0A48; width: 3%; border-radius: 0px; text-align: center; float: left; margin-left: 1%;">✖</a>
  1200.  
  1201. <h5>Our To-Do List</h5>
  1202.  
  1203. <section style="display: flex; margin-left: -0.66%; margin-top: -5%;">
  1204.  
  1205. <article>
  1206.  
  1207. <h1>Free Request</h1>
  1208.  
  1209. <p style="margin-top: -2%; display: block; width: 50vh; height: 30%; overflow: auto; overflow-x: hidden; font-size: 1.22vh; color:#FFDC73; padding: 1%; text-align: justify;">
  1210.  
  1211. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque facilisis, odio ac malesuada accumsan, mauris quam suscipit mauris, ac imperdiet velit lectus pretium lectus. Donec non neque enim. Mauris non faucibus sem. Cras rhoncus dictum ex, a pulvinar erat. Donec ut erat justo. Nam condimentum cursus magna, eget fermentum nunc ornare in. Ut iaculis lectus et luctus egestas. Aliquam erat volutpat. In condimentum gravida erat ut malesuada. Fusce sit amet est quis mi volutpat vulputate. Nullam et ligula at metus sollicitudin molestie a a augue. Pellentesque porta, leo id pretium posuere, leo libero efficitur est, vitae tincidunt augue augue nec leo. Sed commodo dignissim arcu, sagittis sollicitudin turpis gravida iaculis. Etiam ut accumsan lectus. Nulla blandit nunc porta eros cursus congue.
  1212.  
  1213. Ut eros ligula, sodales vel tristique vel, euismod sed lorem. Praesent sollicitudin est in nibh pharetra venenatis. Nulla pellentesque at magna eu tincidunt. Donec porta cursus tortor, gravida dapibus libero tempor a. Donec efficitur lorem vel nulla rutrum semper. Nunc varius varius congue. Vestibulum non magna tempus, efficitur turpis eget, pulvinar lectus. Aenean elementum laoreet risus ac egestas. Curabitur laoreet aliquam diam, ac sagittis urna eleifend quis.
  1214.  
  1215. Donec et ex at dolor pretium tempus ut vitae leo. Nunc id ligula eu mauris dapibus rutrum eu ac arcu. Aliquam erat volutpat. In euismod egestas quam at condimentum. Vivamus ut metus vitae nunc fringilla eleifend. Nunc accumsan, massa vitae dapibus viverra, ligula nisl elementum nulla, eu eleifend felis neque in nulla. Nulla facilisi. Proin vel ligula aliquam, consequat dui sit amet, blandit turpis. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Aliquam laoreet eu tellus nec elementum.
  1216.  
  1217. Cras dictum dolor id rutrum luctus. Etiam mollis, velit ac rhoncus tempus, lorem lacus convallis massa, porta tristique felis dui sit amet augue. Sed bibendum facilisis porttitor. Vivamus egestas et lorem non semper. Curabitur elementum quam nec dui facilisis mollis. Mauris vitae nibh velit. Aliquam sit amet nunc hendrerit orci eleifend ornare. Fusce leo justo, porttitor eu vehicula ultricies, venenatis vitae nulla. Proin ut eros cursus, bibendum nibh vitae, pulvinar diam. Sed at enim gravida, lobortis quam at, tincidunt sapien. Nullam molestie ante sit amet tincidunt facilisis. Maecenas id porttitor eros, at sagittis ex. Nam lorem leo, vestibulum nec justo nec, blandit luctus libero.
  1218.  
  1219. </p>
  1220.  
  1221. </article>
  1222.  
  1223. <article>
  1224.  
  1225. <h1>Free Content</h1>
  1226.  
  1227. <p style="display: block; width: 45vh; height: 30%; overflow: auto; overflow-x: hidden; font-size: 1.22vh; color:#FFDC73; padding: 1%; text-align: justify; margin-top: -2%;">
  1228.  
  1229. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque facilisis, odio ac malesuada accumsan, mauris quam suscipit mauris, ac imperdiet velit lectus pretium lectus. Donec non neque enim. Mauris non faucibus sem. Cras rhoncus dictum ex, a pulvinar erat. Donec ut erat justo. Nam condimentum cursus magna, eget fermentum nunc ornare in. Ut iaculis lectus et luctus egestas. Aliquam erat volutpat. In condimentum gravida erat ut malesuada. Fusce sit amet est quis mi volutpat vulputate. Nullam et ligula at metus sollicitudin molestie a a augue. Pellentesque porta, leo id pretium posuere, leo libero efficitur est, vitae tincidunt augue augue nec leo. Sed commodo dignissim arcu, sagittis sollicitudin turpis gravida iaculis. Etiam ut accumsan lectus. Nulla blandit nunc porta eros cursus congue.
  1230.  
  1231. Ut eros ligula, sodales vel tristique vel, euismod sed lorem. Praesent sollicitudin est in nibh pharetra venenatis. Nulla pellentesque at magna eu tincidunt. Donec porta cursus tortor, gravida dapibus libero tempor a. Donec efficitur lorem vel nulla rutrum semper. Nunc varius varius congue. Vestibulum non magna tempus, efficitur turpis eget, pulvinar lectus. Aenean elementum laoreet risus ac egestas. Curabitur laoreet aliquam diam, ac sagittis urna eleifend quis.
  1232.  
  1233. Donec et ex at dolor pretium tempus ut vitae leo. Nunc id ligula eu mauris dapibus rutrum eu ac arcu. Aliquam erat volutpat. In euismod egestas quam at condimentum. Vivamus ut metus vitae nunc fringilla eleifend. Nunc accumsan, massa vitae dapibus viverra, ligula nisl elementum nulla, eu eleifend felis neque in nulla. Nulla facilisi. Proin vel ligula aliquam, consequat dui sit amet, blandit turpis. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Aliquam laoreet eu tellus nec elementum.
  1234.  
  1235. Cras dictum dolor id rutrum luctus. Etiam mollis, velit ac rhoncus tempus, lorem lacus convallis massa, porta tristique felis dui sit amet augue. Sed bibendum facilisis porttitor. Vivamus egestas et lorem non semper. Curabitur elementum quam nec dui facilisis mollis. Mauris vitae nibh velit. Aliquam sit amet nunc hendrerit orci eleifend ornare. Fusce leo justo, porttitor eu vehicula ultricies, venenatis vitae nulla. Proin ut eros cursus, bibendum nibh vitae, pulvinar diam. Sed at enim gravida, lobortis quam at, tincidunt sapien. Nullam molestie ante sit amet tincidunt facilisis. Maecenas id porttitor eros, at sagittis ex. Nam lorem leo, vestibulum nec justo nec, blandit luctus libero.
  1236.  
  1237. </p>
  1238.  
  1239. </article>
  1240.  
  1241. </section>
  1242.  
  1243.  
  1244.  
  1245. <section style="display: flex; margin-left: 1%;">
  1246.  
  1247. <article>
  1248.  
  1249. <h1>Custom Work</h1>
  1250.  
  1251. <p style="margin-top: -2%; display: block; width: 50vh; height: 30%; overflow: auto; overflow-x: hidden; font-size: 1.22vh; color:#FFDC73; padding: 1%; text-align: justify;">
  1252.  
  1253.  
  1254. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque facilisis, odio ac malesuada accumsan, mauris quam suscipit mauris, ac imperdiet velit lectus pretium lectus. Donec non neque enim. Mauris non faucibus sem. Cras rhoncus dictum ex, a pulvinar erat. Donec ut erat justo. Nam condimentum cursus magna, eget fermentum nunc ornare in. Ut iaculis lectus et luctus egestas. Aliquam erat volutpat. In condimentum gravida erat ut malesuada. Fusce sit amet est quis mi volutpat vulputate. Nullam et ligula at metus sollicitudin molestie a a augue. Pellentesque porta, leo id pretium posuere, leo libero efficitur est, vitae tincidunt augue augue nec leo. Sed commodo dignissim arcu, sagittis sollicitudin turpis gravida iaculis. Etiam ut accumsan lectus. Nulla blandit nunc porta eros cursus congue.
  1255.  
  1256. Ut eros ligula, sodales vel tristique vel, euismod sed lorem. Praesent sollicitudin est in nibh pharetra venenatis. Nulla pellentesque at magna eu tincidunt. Donec porta cursus tortor, gravida dapibus libero tempor a. Donec efficitur lorem vel nulla rutrum semper. Nunc varius varius congue. Vestibulum non magna tempus, efficitur turpis eget, pulvinar lectus. Aenean elementum laoreet risus ac egestas. Curabitur laoreet aliquam diam, ac sagittis urna eleifend quis.
  1257.  
  1258. Donec et ex at dolor pretium tempus ut vitae leo. Nunc id ligula eu mauris dapibus rutrum eu ac arcu. Aliquam erat volutpat. In euismod egestas quam at condimentum. Vivamus ut metus vitae nunc fringilla eleifend. Nunc accumsan, massa vitae dapibus viverra, ligula nisl elementum nulla, eu eleifend felis neque in nulla. Nulla facilisi. Proin vel ligula aliquam, consequat dui sit amet, blandit turpis. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Aliquam laoreet eu tellus nec elementum.
  1259.  
  1260. Cras dictum dolor id rutrum luctus. Etiam mollis, velit ac rhoncus tempus, lorem lacus convallis massa, porta tristique felis dui sit amet augue. Sed bibendum facilisis porttitor. Vivamus egestas et lorem non semper. Curabitur elementum quam nec dui facilisis mollis. Mauris vitae nibh velit. Aliquam sit amet nunc hendrerit orci eleifend ornare. Fusce leo justo, porttitor eu vehicula ultricies, venenatis vitae nulla. Proin ut eros cursus, bibendum nibh vitae, pulvinar diam. Sed at enim gravida, lobortis quam at, tincidunt sapien. Nullam molestie ante sit amet tincidunt facilisis. Maecenas id porttitor eros, at sagittis ex. Nam lorem leo, vestibulum nec justo nec, blandit luctus libero.
  1261.  
  1262.  
  1263. </p>
  1264.  
  1265. </article>
  1266.  
  1267. <article>
  1268.  
  1269. <h1>A To-Do List</h1>
  1270.  
  1271. <p style="display: block; width: 45vh; height: 30%; overflow: auto; overflow-x: hidden; font-size: 1.22vh; color:#FFDC73; padding: 1%; text-align: justify; margin-top: -2%;">
  1272.  
  1273. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque facilisis, odio ac malesuada accumsan, mauris quam suscipit mauris, ac imperdiet velit lectus pretium lectus. Donec non neque enim. Mauris non faucibus sem. Cras rhoncus dictum ex, a pulvinar erat. Donec ut erat justo. Nam condimentum cursus magna, eget fermentum nunc ornare in. Ut iaculis lectus et luctus egestas. Aliquam erat volutpat. In condimentum gravida erat ut malesuada. Fusce sit amet est quis mi volutpat vulputate. Nullam et ligula at metus sollicitudin molestie a a augue. Pellentesque porta, leo id pretium posuere, leo libero efficitur est, vitae tincidunt augue augue nec leo. Sed commodo dignissim arcu, sagittis sollicitudin turpis gravida iaculis. Etiam ut accumsan lectus. Nulla blandit nunc porta eros cursus congue.
  1274.  
  1275. Ut eros ligula, sodales vel tristique vel, euismod sed lorem. Praesent sollicitudin est in nibh pharetra venenatis. Nulla pellentesque at magna eu tincidunt. Donec porta cursus tortor, gravida dapibus libero tempor a. Donec efficitur lorem vel nulla rutrum semper. Nunc varius varius congue. Vestibulum non magna tempus, efficitur turpis eget, pulvinar lectus. Aenean elementum laoreet risus ac egestas. Curabitur laoreet aliquam diam, ac sagittis urna eleifend quis.
  1276.  
  1277. Donec et ex at dolor pretium tempus ut vitae leo. Nunc id ligula eu mauris dapibus rutrum eu ac arcu. Aliquam erat volutpat. In euismod egestas quam at condimentum. Vivamus ut metus vitae nunc fringilla eleifend. Nunc accumsan, massa vitae dapibus viverra, ligula nisl elementum nulla, eu eleifend felis neque in nulla. Nulla facilisi. Proin vel ligula aliquam, consequat dui sit amet, blandit turpis. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Aliquam laoreet eu tellus nec elementum.
  1278.  
  1279. Cras dictum dolor id rutrum luctus. Etiam mollis, velit ac rhoncus tempus, lorem lacus convallis massa, porta tristique felis dui sit amet augue. Sed bibendum facilisis porttitor. Vivamus egestas et lorem non semper. Curabitur elementum quam nec dui facilisis mollis. Mauris vitae nibh velit. Aliquam sit amet nunc hendrerit orci eleifend ornare. Fusce leo justo, porttitor eu vehicula ultricies, venenatis vitae nulla. Proin ut eros cursus, bibendum nibh vitae, pulvinar diam. Sed at enim gravida, lobortis quam at, tincidunt sapien. Nullam molestie ante sit amet tincidunt facilisis. Maecenas id porttitor eros, at sagittis ex. Nam lorem leo, vestibulum nec justo nec, blandit luctus libero.
  1280.  
  1281.  
  1282. </p>
  1283.  
  1284. </article>
  1285.  
  1286. </div>
  1287.  
  1288. <div id="desk">
  1289.  
  1290. <a href="#" style="display: block; background-color:#F5B5F3; border: 0px; font-size: 1vh; font-weight: lighter; color:#4A0A48; width: 3%; border-radius: 0px; text-align: center; float: left; margin-left: 1%;">✖</a>
  1291.  
  1292. <h4>Display Name</h4>
  1293.  
  1294. <section style="display: flex; margin-top: -5%;">
  1295.  
  1296. <img src="http://www.placehold.it/130x130" style="border: 1vh solid #F7E9EB;">
  1297.  
  1298. <p style="background-color:#A8384A; display: block; width: 70%; height: 14%; overflow: auto; overflow-x: hidden; text-align: justify; font-weight: lighter; padding: 1%; border-top: 1vh solid #F7E9EB; border-bottom: 1vh solid #F7E9EB;">
  1299.  
  1300. <tt>Full Name:</tt> <i>put name here</i>
  1301. <br><br> <!------these breaks are important must keep them----->
  1302. <tt>Position:</tt> <i>founder, co-owner, webmaster, etc..</i>
  1303. <br><br><!------these breaks are important must keep them----->
  1304. <tt>Years in RP:</tt> <i>10 years<i>
  1305. <br><br><!------these breaks are important must keep them----->
  1306. <tt>Years Editing:</tt> <i>8 years</i>
  1307. <br><br><!------these breaks are important must keep them----->
  1308. <tt>What I offer:</tt> <i>premades, layouts, psds, etc..</i>
  1309. <br><br><!------these breaks are important must keep them----->
  1310. <tt>Strengths:</tt> <i>extra-editing, psds etc..</i>
  1311. <br><br><!------these breaks are important must keep them----->
  1312. <tt>Weaknesses:</tt> <i>manips, gifs, etc..</i>
  1313. <br><br><!------these breaks are important must keep them----->
  1314. <tt>Comments:</tt> <i> say something you love about the site </i>
  1315.  
  1316. </p>
  1317.  
  1318. <img src="http://www.placehold.it/130x130" style="border: 1vh solid #F7E9EB;">
  1319.  
  1320.  
  1321. </section>
  1322.  
  1323. <section style="display: flex; margin-left: -1%;">
  1324.  
  1325. <article>
  1326.  
  1327. <h1>What I do Here</h1>
  1328.  
  1329. <p style="margin-top: -2%; display: block; width: 50vh; height: 50%; overflow: auto; overflow-x: hidden; font-size: 1.22vh; color:#FFDC73; padding: 1%; text-align: justify;">
  1330.  
  1331. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur quis tellus in risus tincidunt pharetra. Vestibulum non magna velit. Vivamus mollis luctus risus, vel eleifend turpis cursus non. In vitae malesuada enim. Vivamus egestas feugiat lacinia. Cras eget dapibus mi, eu convallis lectus. Aliquam ex sem, pulvinar eget semper nec, volutpat quis eros. Vivamus imperdiet, risus congue vestibulum ullamcorper, lacus purus lacinia lorem, et hendrerit nisl tellus ac dolor. Integer hendrerit massa eu lectus euismod tincidunt.
  1332.  
  1333. Duis ut justo nec nisl facilisis malesuada. Nulla facilisi. Integer sodales viverra gravida. Donec porta tellus vitae purus faucibus, sed viverra libero consequat. Ut eu mauris vitae ligula tempor suscipit viverra dapibus leo. Proin sed felis vehicula felis dictum dapibus. Quisque accumsan metus et dui tempus gravida. Morbi at ante quis tellus efficitur gravida tempor sed dui. Integer convallis orci vitae aliquet rhoncus. Proin sed dignissim metus. Sed pulvinar, justo vel dapibus ultrices, tellus enim congue nunc, ac ornare elit nibh eget diam. Quisque sagittis libero velit, vel auctor nunc interdum ut. Suspendisse sed tincidunt nulla. Duis condimentum fringilla odio, ut aliquet nulla ullamcorper et. Morbi luctus erat varius dui vestibulum, quis laoreet tellus commodo.
  1334.  
  1335. In eget nunc nulla. Quisque dictum facilisis accumsan. Vestibulum tincidunt nulla consectetur, condimentum nunc in, auctor odio. Etiam feugiat est tellus. Nam vitae dignissim justo, eleifend maximus lectus. Praesent eget velit neque. Donec semper scelerisque luctus. Curabitur gravida sem at diam egestas ornare.
  1336.  
  1337. Quisque odio nibh, tristique in sollicitudin vitae, bibendum ut nunc. Duis id convallis massa. Phasellus sed bibendum tellus. Sed pretium libero vel ultrices vulputate. Cras vitae odio efficitur, semper mi non, feugiat quam. Phasellus tincidunt justo ac sem sollicitudin lacinia eu sit amet lectus. Aliquam placerat et quam ut dignissim. Mauris quis purus massa. Proin efficitur sodales turpis id mollis. Nulla porta lacus eget orci dignissim, et bibendum nisi sodales. Aliquam vulputate dolor ac elit scelerisque, ultricies auctor urna gravida. Proin et tempus sem. Phasellus sollicitudin consequat felis non dignissim. Vivamus efficitur sapien dui, ac hendrerit ligula sollicitudin a.
  1338. </p>
  1339.  
  1340. </article>
  1341.  
  1342. <article>
  1343.  
  1344. <h1>My Updates</h1>
  1345.  
  1346. <p style="display: block; width: 45vh; height: 50%; overflow: auto; overflow-x: hidden; font-size: 1.22vh; color:#FFDC73; padding: 1%; text-align: justify; margin-top: -2%;">
  1347. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur quis tellus in risus tincidunt pharetra. Vestibulum non magna velit. Vivamus mollis luctus risus, vel eleifend turpis cursus non. In vitae malesuada enim. Vivamus egestas feugiat lacinia. Cras eget dapibus mi, eu convallis lectus. Aliquam ex sem, pulvinar eget semper nec, volutpat quis eros. Vivamus imperdiet, risus congue vestibulum ullamcorper, lacus purus lacinia lorem, et hendrerit nisl tellus ac dolor. Integer hendrerit massa eu lectus euismod tincidunt.
  1348.  
  1349. Duis ut justo nec nisl facilisis malesuada. Nulla facilisi. Integer sodales viverra gravida. Donec porta tellus vitae purus faucibus, sed viverra libero consequat. Ut eu mauris vitae ligula tempor suscipit viverra dapibus leo. Proin sed felis vehicula felis dictum dapibus. Quisque accumsan metus et dui tempus gravida. Morbi at ante quis tellus efficitur gravida tempor sed dui. Integer convallis orci vitae aliquet rhoncus. Proin sed dignissim metus. Sed pulvinar, justo vel dapibus ultrices, tellus enim congue nunc, ac ornare elit nibh eget diam. Quisque sagittis libero velit, vel auctor nunc interdum ut. Suspendisse sed tincidunt nulla. Duis condimentum fringilla odio, ut aliquet nulla ullamcorper et. Morbi luctus erat varius dui vestibulum, quis laoreet tellus commodo.
  1350.  
  1351. In eget nunc nulla. Quisque dictum facilisis accumsan. Vestibulum tincidunt nulla consectetur, condimentum nunc in, auctor odio. Etiam feugiat est tellus. Nam vitae dignissim justo, eleifend maximus lectus. Praesent eget velit neque. Donec semper scelerisque luctus. Curabitur gravida sem at diam egestas ornare.
  1352.  
  1353. Quisque odio nibh, tristique in sollicitudin vitae, bibendum ut nunc. Duis id convallis massa. Phasellus sed bibendum tellus. Sed pretium libero vel ultrices vulputate. Cras vitae odio efficitur, semper mi non, feugiat quam. Phasellus tincidunt justo ac sem sollicitudin lacinia eu sit amet lectus. Aliquam placerat et quam ut dignissim. Mauris quis purus massa. Proin efficitur sodales turpis id mollis. Nulla porta lacus eget orci dignissim, et bibendum nisi sodales. Aliquam vulputate dolor ac elit scelerisque, ultricies auctor urna gravida. Proin et tempus sem. Phasellus sollicitudin consequat felis non dignissim. Vivamus efficitur sapien dui, ac hendrerit ligula sollicitudin a.
  1354. </p>
  1355.  
  1356. </article>
  1357.  
  1358. </section>
  1359.  
  1360.  
  1361. </div>
  1362.  
  1363.  
  1364. <div id="terms">
  1365.  
  1366. <a href="#" style="display: block; background-color:#F5B5F3; border: 0px; font-size: 1vh; font-weight: lighter; color:#4A0A48; width: 3%; border-radius: 0px; text-align: center; float: left; margin-left: 1%;">✖</a>
  1367.  
  1368. <h5>Guidelins</h5>
  1369.  
  1370. <p style="display: block; width: 70%; height: 70%; overflow: auto; overflow-x: hidden; text-align: justify; font-weight: lighter; padding: 1%; margin-left: 15%; margin-top: -6%; border-top: 1vh solid #F7E9EB; border-bottom: 1vh solid #F7E9EB; ">
  1371.  
  1372. <b>RULE NUMBER</b> - <tt>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur sodales scelerisque risus, ac accumsan urna aliquam ut.</tt>
  1373.  
  1374. <br><br><br>
  1375.  
  1376. <b>RULE NUMBER</b> - <tt>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur sodales scelerisque risus, ac accumsan urna aliquam ut.</tt>
  1377.  
  1378. <br><br><br>
  1379.  
  1380. <b>RULE NUMBER</b> - <tt>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur sodales scelerisque risus, ac accumsan urna aliquam ut.</tt>
  1381.  
  1382. <br><br><br>
  1383.  
  1384. <b>RULE NUMBER</b> - <tt>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur sodales scelerisque risus, ac accumsan urna aliquam ut.</tt>
  1385.  
  1386. <br><br><br>
  1387.  
  1388. <b>RULE NUMBER</b> - <tt>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur sodales scelerisque risus, ac accumsan urna aliquam ut.</tt>
  1389.  
  1390. <br><br><br>
  1391.  
  1392. <b>RULE NUMBER</b> - <tt>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur sodales scelerisque risus, ac accumsan urna aliquam ut.</tt>
  1393.  
  1394. <br><br><br>
  1395.  
  1396. <b>RULE NUMBER</b> - <tt>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur sodales scelerisque risus, ac accumsan urna aliquam ut.</tt>
  1397.  
  1398. <br><br><br>
  1399.  
  1400. <b>RULE NUMBER</b> - <tt>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur sodales scelerisque risus, ac accumsan urna aliquam ut.</tt>
  1401.  
  1402. <br><br><br>
  1403.  
  1404. <b>RULE NUMBER</b> - <tt>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur sodales scelerisque risus, ac accumsan urna aliquam ut.</tt>
  1405.  
  1406. <br><br><br>
  1407.  
  1408. <b>RULE NUMBER</b> - <tt>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur sodales scelerisque risus, ac accumsan urna aliquam ut.</tt>
  1409.  
  1410. <br><br><br>
  1411.  
  1412. <b>RULE NUMBER</b> - <tt>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur sodales scelerisque risus, ac accumsan urna aliquam ut.</tt>
  1413.  
  1414. <br><br><br>
  1415.  
  1416. <b>RULE NUMBER</b> - <tt>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur sodales scelerisque risus, ac accumsan urna aliquam ut.</tt>
  1417.  
  1418. <br><br><br>
  1419.  
  1420. <b>RULE NUMBER</b> - <tt>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur sodales scelerisque risus, ac accumsan urna aliquam ut.</tt>
  1421.  
  1422. <br><br><br>
  1423.  
  1424. <b>RULE NUMBER</b> - <tt>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur sodales scelerisque risus, ac accumsan urna aliquam ut.</tt>
  1425.  
  1426. <br><br><br>
  1427.  
  1428. <b>RULE NUMBER</b> - <tt>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur sodales scelerisque risus, ac accumsan urna aliquam ut.</tt>
  1429.  
  1430. </p>
  1431.  
  1432. <a href="">Read Full Terms Here</a>
  1433.  
  1434. </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!