Advertisement
petalsresource

PANDEMONIUM div

Apr 26th, 2019
124
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 22.79 KB | None | 0 0
  1. ---------------ABOUT ME--------------------
  2.  
  3. <body oncontextmenu="alert('© SOLEIL AT PETALS RESOURCES - DO NOT REMOVE CREDIT'); return false;">
  4.  
  5. <link href="https://fonts.googleapis.com/css?family=Berkshire+Swash|Inconsolata" rel="stylesheet">
  6.  
  7. </td>
  8. </tr>
  9. </table>
  10. </td>
  11. </tr>
  12. </table>
  13.  
  14.  
  15. <style>
  16.  
  17. .petals { BACKGROUND P R O P E R T I E S }
  18. body {
  19. background:url(https://images2.imgbox.com/a0/58/c6c3pQbX_o.png) #000000;
  20. background-position:center;
  21. background-attachment:fixed;
  22. background-repeat:no-repeat;
  23. margin-left:0px;}
  24.  
  25. .petals { TABLE P R O P E R T I E S }
  26. table { position:relative; }
  27. table, tr, td { background-color:transparent; }
  28. table table table table td { width:0px; border:0px; }
  29. table table table td { border:0px; margin:0px; padding:0px;}
  30. table table br { display:none; margin:0px; padding:0px;}
  31. table table table br { display:block; margin:0px; padding:0px;}
  32. table table table table, table table { border:0px; margin:0px; padding:0px; }
  33. table table table {
  34. background-color:#29322f;
  35. padding-top:2px;
  36. margin-top:5px;
  37. margin-left:-10px;}
  38.  
  39. td.text table {position:relative; top:-10px;}
  40. td.text table table {position:static;}
  41.  
  42. .petals { MAIN T E X T PROPERTIES }
  43. .text, table, tr, td, p, div, li {
  44. font-family: 'Inconsolata', monospace;
  45. font-size:10px;
  46. line-height:10px;
  47. color:#d9d9d9;}
  48.  
  49.  
  50. .petals { WEBKIT S C R O L L B A R PROPERTIES }
  51.  
  52. ::-webkit-scrollbar-thumb:vertical {background-color:#787266;}
  53.  
  54. ::-webkit-scrollbar-thumb:horizontal {background-color:#787266;}
  55.  
  56. ::-webkit-scrollbar {width:5px; height:5px; background-color:#b0b0ac;}
  57.  
  58.  
  59. .petals { TEXT S T Y L E PROPERTIES }
  60.  
  61. h1{
  62. font-family: 'Bigshot One', cursive;
  63. font-family: 'Berkshire Swash', cursive;
  64. font-weight:bold;
  65. font-size:20px;
  66. text-align:center;
  67. color:#787266;
  68. height:30px;
  69. text-transform:normal;
  70. background-color:#29322f;
  71. letter-spacing:3px;
  72. margin:0px;
  73. padding:0px 10px 0px 0px;
  74. line-height: 30px;
  75.  
  76. }
  77.  
  78. h2{
  79. font-family: 'Bigshot One', cursive;
  80. font-family: 'Berkshire Swash', cursive;
  81.  
  82. font-weight:bold;
  83. font-size:10px;
  84. text-align:center;
  85. color:#787266;
  86. height:10px;
  87. text-transform:normal;
  88. background-color:#29322f;
  89. letter-spacing:3px;
  90. margin:0px;
  91. padding:0px 10px 0px 0px;
  92. line-height: 10px;
  93.  
  94. }
  95.  
  96. i {
  97. color:#b0b0ac;
  98. font-size:10px;
  99. font-family:Palatino Linotype;
  100. text-transform:none;
  101. letter-spacing:1px;
  102. font-weight:bold;}
  103.  
  104.  
  105. b {
  106. color:#787266;
  107. font-style:normal;
  108. font-family:cambria;
  109. font-weight:bold;
  110. font-size:11px;}
  111.  
  112.  
  113. tt {
  114. font-style:normal;
  115. font-family:times;
  116. font-size:10px;
  117. line-height:11px;
  118. font-weight:lighter;
  119. border-bottom:1px solid #b0b0ac;}
  120.  
  121.  
  122. u {
  123. font-family:ms gothic;
  124. font-size:10px;
  125. line-height:11px;
  126. text-transform:uppercase;
  127. text-decoration:none;
  128. font-weight:lighter;
  129. font-style:normal;
  130. padding:0px 0px 1px 2px;
  131. letter-spacing:2px;}
  132.  
  133.  
  134. big {
  135. color:#787266;
  136. font-size: 14px;
  137. font-family: georgia;
  138. text-transform: lowercase;
  139. line-height:13px;
  140. letter-spacing: -1px;}
  141.  
  142.  
  143. strong {
  144. color:#b0b0ac;
  145. font-size: 14px;
  146. font-weight:lighter;
  147. font-family: georgia;
  148. text-transform: lowercase;
  149. line-height:13px;
  150. letter-spacing: -1px;}
  151.  
  152.  
  153. .DROPCAP {
  154. float: left;
  155. line-height:30px;
  156. padding:0px 1px 0px 1px;
  157. margin:0px 4px 0px 0px;
  158. color:#787266;
  159. font:bold 42px georgia;
  160. position:relative;}
  161.  
  162.  
  163. .petals { HEADER P R O P E R T I E S }
  164.  
  165.  
  166.  
  167. .petals { MUSIC P L A Y E R }
  168.  
  169. .music {
  170. top:10px;
  171. left:10px;
  172. width:100px;
  173. height:30px;
  174. position:fixed!important;
  175. -webkit-transition: all .3s linear;
  176. -moz-transition: all .3s linear;
  177. -o-transition: all .3s linear;}
  178.  
  179. .music:hover {
  180. right:10px; }
  181.  
  182. .cusbutton {
  183. position:absolute;
  184. background-color:#29322f;
  185. z-index:100;
  186. top:0px;
  187. left:2px;
  188. text-align:center;
  189. height:30px;
  190. width:30px;
  191. font-size:20px;
  192. color:#b0b0ac;
  193. line-height:30px;}
  194.  
  195. .music:hover .ghost {
  196. -webkit-transition: all .3s linear;
  197. -moz-transition: all .3s linear;
  198. -o-transition: all .3s linear;
  199. width:240px; }
  200.  
  201. .ghost {
  202. width:32px;
  203. height:30px;
  204. overflow:hidden;
  205. -webkit-transition: all .3s linear;
  206. -moz-transition: all .3s linear;
  207. -o-transition: all .3s linear; }
  208.  
  209. .player {
  210. margin-left:20px;
  211. margin-top:-11px; }
  212.  
  213.  
  214. .petals { E X T R A TITLE }
  215.  
  216. a.first, a.first:link, a.first:active, a.first:visited {
  217. display:block;
  218. font-size:0px;
  219. background:#787266;
  220. width:20px;
  221. height:28px;
  222. margin:6px;
  223. padding:0px;
  224. border-radius:-100px;
  225. -moz-border-radius:-100px;
  226. -webkit-border-radius:-100px;
  227. -webkit-transition: all .8s linear;
  228. -moz-transition: all .8s linear;
  229. transition: all .8s linear;}
  230.  
  231. a.first:hover {
  232. background-color:#b0b0ac;
  233. overflow-x:hidden;}
  234.  
  235. a.first[data-title]:hover:after {
  236. content: attr(data-title);
  237. left:30px;
  238. z-index:99;
  239. padding:0px 20px 0px 20px;
  240. margin:-7px 0px 0px 0px;
  241. display:block;
  242. color: #b0b0ac;
  243. position: absolute;
  244. font-family:calibri;
  245. text-align: right;
  246. font-size:8px;
  247. height:15px;
  248. line-height:15px;
  249. letter-spacing:2px;
  250. background-color:#787266;
  251. text-transform: uppercase;
  252. transition: all 0.5s ease;}
  253.  
  254. a.second, a.second:link, a.second:active, a.second:visited {
  255. display:inline-block;
  256. font-size:8px;
  257. font-family:calibri;
  258. color:#787266;
  259. line-height:9px;
  260. letter-spacing:-1px;
  261. background-color:#b0b0ac;
  262. font-weight:normal;
  263. text-transform:uppercase;
  264. text-decoration:none;
  265. text-align:center;
  266. width:180px;
  267. height:11.5px;
  268. margin:2px 2px 2px 2px;
  269. padding:3px 2px 0px 2px;
  270. border:solid 1px #787266;
  271. -webkit-transition: all .8s linear;
  272. -moz-transition: all .8s linear;
  273. transition: all .8s linear;}
  274.  
  275. a.second:hover {
  276. font-size:8px;
  277. font-family:calibri;
  278. color:#b0b0ac;
  279. line-height:9px;
  280. letter-spacing:2px;
  281. background-color:#787266;
  282. border:solid 1px #787266;}
  283.  
  284.  
  285. a.third, a.third:link, a.third:active, a.third:visited {
  286. height:13px;
  287. margin-bottom:10px;
  288. font-family:calibri;
  289. font-size:9px;
  290. line-height:13px;
  291. letter-spacing:5px;
  292. background-color:#b0b0ac;
  293. color:#787266;
  294. font-weight:bold;
  295. text-transform:uppercase;
  296.  
  297. text-align:center;
  298. display:block;
  299. -webkit-transition: all 0.5s ease-out;
  300. -moz-transition: all 0.5s ease-out;
  301. transition: all 0.5s ease-out;}
  302.  
  303. a.third:hover { letter-spacing:3px; background:transparent!important; }
  304.  
  305.  
  306. .petals { RPER.ME H I D E CODES }
  307. .clearfix { display: none; }
  308. .lightbluetext8 { display:none; }
  309. .contacttable { display:none; }
  310. .whitetext12 { display:none; }
  311. .interestsanddetails { display:none; }
  312. .userProfiledetail { display:none; }
  313. .friendSpace { display:none; }
  314. .friendsComments { display:none; }
  315. .latestBlogEntry { display:none; }
  316. .orangetext15 { display:none; }
  317. .profileinfo { display:none; }
  318. .userProfileURL { display:none; }
  319. .extendedNetwork { display:none; }
  320. .blurbs { display:none; }
  321. .userAlbums { display:none; }
  322. #footerWarpper{ display:none; }
  323.  
  324. </style>
  325.  
  326.  
  327.  
  328. <style>
  329.  
  330. .lovetitle {
  331. top:410px;
  332. left:650px;
  333. margin:0px;
  334. padding:0px;
  335. width:550px;
  336. height:30px;
  337. z-index:100;
  338. text-align:justify;
  339. overflow:auto;
  340. position:fixed !important;
  341. background-color:#29322f;
  342. -webkit-transition: all 2s ease;
  343. -moz-transition: all 2s ease;
  344. transition: all 2s ease:
  345. filter:alpha (opacity=1);
  346. -html-opacity:1;
  347. -moz-opacity:1;
  348. opacity:1;}
  349.  
  350.  
  351. .li {
  352. top:445px;
  353. left:650px;
  354. margin:0px;
  355. padding:0px;
  356. width:550px;
  357. height:150px;
  358. z-index:100;
  359. text-align:justify;
  360. overflow:auto;
  361. position:fixed !important;
  362. background-color:#29322f;
  363. -webkit-transition: all 2s ease;
  364. -moz-transition: all 2s ease;
  365. transition: all 2s ease:
  366. filter:alpha (opacity=0);
  367. -html-opacity:0;
  368. -moz-opacity:0;
  369. opacity:0;}
  370.  
  371. .li:hover {
  372. filter:alpha (opacity=1);
  373. -html-opacity:1;
  374. -moz-opacity:1;
  375. opacity:1;}
  376.  
  377.  
  378. .love {
  379. top:445px;
  380. left:650px;
  381. margin:0px;
  382. padding:0px;
  383. width:550px;
  384. height:150px;
  385. z-index:99;
  386. overflow:hidden;
  387. position:fixed !important;
  388. background-color:#29322f;}
  389.  
  390. .biotitle {
  391. top:45px;
  392. left:650px;
  393. margin:0px;
  394. padding:0px;
  395. width:550px;
  396. height:30px;
  397. z-index:100;
  398. text-align:justify;
  399. overflow:auto;
  400. position:fixed !important;
  401. background-color:#29322f;
  402. -webkit-transition: all 2s ease;
  403. -moz-transition: all 2s ease;
  404. transition: all 2s ease:
  405. filter:alpha (opacity=1);
  406. -html-opacity:1;
  407. -moz-opacity:1;
  408. opacity:1;}
  409.  
  410. .bx{
  411. top:80px;
  412. left:650px;
  413. margin:0px;
  414. padding:0px;
  415. width:550px;
  416. height:150px;
  417. z-index:100;
  418. text-align:justify;
  419. overflow:auto;
  420. position:fixed !important;
  421. background-color:#29322f;
  422. -webkit-transition: all 2s ease;
  423. -moz-transition: all 2s ease;
  424. transition: all 2s ease:
  425. filter:alpha (opacity=0);
  426. -html-opacity:0;
  427. -moz-opacity:0;
  428. opacity:0;}
  429.  
  430. .bx:hover {
  431. filter:alpha (opacity=1);
  432. -html-opacity:1;
  433. -moz-opacity:1;
  434. opacity:1;}
  435.  
  436. .bio {
  437. top:80px;
  438. left:650px;
  439. margin:0px;
  440. padding:0px;
  441. width:550px;
  442. height:150px;
  443. z-index:99;
  444. text-align:justify;
  445. overflow:auto;
  446. position:fixed !important;
  447. background-color:#29322f;
  448. -webkit-transition: all 2s ease;
  449. -moz-transition: all 2s ease;
  450. transition: all 2s ease:
  451. filter:alpha (opacity=1);
  452. -html-opacity:1;
  453. -moz-opacity:1;
  454. opacity:1;}
  455.  
  456. .basicstitle {
  457. top:45px;
  458. left:150px;
  459. margin:0px;
  460. padding:0px;
  461. width:200px;
  462. height:30px;
  463. z-index:100;
  464. text-align:justify;
  465. overflow:auto;
  466. position:fixed !important;
  467. background-color:#29322f;
  468. -webkit-transition: all 2s ease;
  469. -moz-transition: all 2s ease;
  470. transition: all 2s ease:
  471. filter:alpha (opacity=1);
  472. -html-opacity:1;
  473. -moz-opacity:1;
  474. opacity:1;}
  475.  
  476. .ba {
  477. top:80px;
  478. left:150px;
  479. margin:0px;
  480. padding:0px;
  481. width:200px;
  482. height:255px;
  483. z-index:100;
  484. text-align:justify;
  485. overflow:auto;
  486. position:fixed !important;
  487. background-color:#29322f;
  488. -webkit-transition: all 2s ease;
  489. -moz-transition: all 2s ease;
  490. transition: all 2s ease:
  491. filter:alpha (opacity=0);
  492. -html-opacity:0;
  493. -moz-opacity:0;
  494. opacity:0;}
  495.  
  496. .ba:hover {
  497. filter:alpha (opacity=1);
  498. -html-opacity:1;
  499. -moz-opacity:1;
  500. opacity:1;}
  501.  
  502. .basics {
  503. top:80px;
  504. left:150px;
  505. margin:0px;
  506. padding:0px;
  507. width:200px;
  508. height:255px;
  509. z-index:99;
  510. text-align:left;
  511. overflow:auto;
  512. position:fixed !important;
  513. background-color:#29322f;
  514. -webkit-transition: all 2s ease;
  515. -moz-transition: all 2s ease;
  516. transition: all 2s ease:
  517. filter:alpha (opacity=1);
  518. -html-opacity:1;
  519. -moz-opacity:1;
  520. opacity:1;}
  521.  
  522. .connectionstitle {
  523. top:340px;
  524. left:150px;
  525. margin:0px;
  526. padding:0px;
  527. width:200px;
  528. height:30px;
  529. z-index:100;
  530. text-align:justify;
  531. overflow:auto;
  532. position:fixed !important;
  533. background-color:#29322f;
  534. -webkit-transition: all 2s ease;
  535. -moz-transition: all 2s ease;
  536. transition: all 2s ease:
  537. filter:alpha (opacity=1);
  538. -html-opacity:1;
  539. -moz-opacity:1;
  540. opacity:1;}
  541.  
  542. .c {
  543. top:375px;
  544. left:150px;
  545. margin:0px;
  546. padding:0px;
  547. width:200px;
  548. height:220px;
  549. z-index:100;
  550. text-align:justify;
  551. overflow:auto;
  552. position:fixed !important;
  553. background-color:#29322f;
  554. -webkit-transition: all 2s ease;
  555. -moz-transition: all 2s ease;
  556. transition: all 2s ease:
  557. filter:alpha (opacity=0);
  558. -html-opacity:0;
  559. -moz-opacity:0;
  560. opacity:0;}
  561.  
  562. .c:hover {
  563. filter:alpha (opacity=1);
  564. -html-opacity:1;
  565. -moz-opacity:1;
  566. opacity:1;}
  567.  
  568.  
  569. .connections {
  570. top:375px;
  571. left:150px;
  572. margin:0px;
  573. padding:0px;
  574. width:200px;
  575. height:220px;
  576. z-index:99;
  577. text-align:justify;
  578. overflow:auto;
  579. position:fixed !important;
  580. background-color:#29322f;
  581. -webkit-transition: all 2s ease;
  582. -moz-transition: all 2s ease;
  583. transition: all 2s ease:
  584. filter:alpha (opacity=1);
  585. -html-opacity:1;
  586. -moz-opacity:1;
  587. opacity:1;}
  588.  
  589. .bigbanner {
  590. top:45px;
  591. left:355px;
  592. margin:0px;
  593. padding:0px;
  594. width:290px;
  595. height:550px;
  596. z-index:100;
  597. text-align:left;
  598. overflow:auto;
  599. position:fixed !important;
  600. background-color:#29322f;
  601. -webkit-transition: all 2s ease;
  602. -moz-transition: all 2s ease;
  603. transition: all 2s ease:
  604. filter:alpha (opacity=1);
  605. -html-opacity:1;
  606. -moz-opacity:1;
  607. opacity:1;}
  608.  
  609. .middlebanner {
  610. top:235px;
  611. left:650px;
  612. margin:0px;
  613. padding:0px;
  614. width:550px;
  615. height:170px;
  616. z-index:100;
  617. text-align:justify;
  618. overflow:auto;
  619. position:fixed !important;
  620. background-color:#29322f;
  621. -webkit-transition: all 2s ease;
  622. -moz-transition: all 2s ease;
  623. transition: all 2s ease:
  624. filter:alpha (opacity=1);
  625. -html-opacity:1;
  626. -moz-opacity:1;
  627. opacity:1;}
  628.  
  629. .navigation {
  630. top:45px;
  631. left:10px;
  632. margin:0px;
  633. padding:0px;
  634. width:150px;
  635. height:550px;
  636. z-index:100;
  637. text-align:left;
  638. overflow:auto;
  639. position:fixed !important;
  640. -webkit-transition: all 2s ease;
  641. -moz-transition: all 2s ease;
  642. transition: all 2s ease:
  643. filter:alpha (opacity=1);
  644. -html-opacity:1;
  645. -moz-opacity:1;
  646. opacity:1;}
  647.  
  648. </style>
  649.  
  650.  
  651.  
  652.  
  653.  
  654.  
  655.  
  656.  
  657. --------------LIKE TO MEET----------------------
  658.  
  659.  
  660.  
  661.  
  662.  
  663.  
  664.  
  665. <div class="lovetitle">
  666.  
  667. <h1>You and I Forever, Please?</h1>
  668. </div>
  669.  
  670.  
  671. <div class="li">
  672. <a href="/1431146" class="third" ' ' "onmouseover="this.innerHTML='The Facade'" onmouseout="this.innerHTML='♡'";>♡</a>
  673.  
  674. <center>
  675.  
  676. <p><b>Status:</b> --- </p>
  677. <p><b>Sexual Orientation:</b> Bisexual</p>
  678. <p><b>Dating:</b> 00/00/00</p>
  679. <p><b>Engaged</b> 00/00/00</p>
  680. <p><b>Married:</b> 00/00/00</p>
  681.  
  682. </center>
  683.  
  684.  
  685. <span class="dropcap">L</span>orem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
  686. </div>
  687.  
  688.  
  689. <div class="love">
  690.  
  691. <img src="https://images2.imgbox.com/2d/70/5G6SKpl7_o.png">
  692.  
  693. </div>
  694.  
  695. <div class="biotitle">
  696.  
  697. <h1>biography</h1>
  698.  
  699. </div>
  700.  
  701. <div class="bx" style= "text-align:justify; overflow:auto;">
  702.  
  703. <p><b>bold</b> <i>Italic</i> <strong> strong </strong> <big> big </big> <small>small</small> <u>underline</u> <em> example </em> <tt> example </tt>
  704. </p>
  705. <span class="dropcap">L</span>orem ipsum dolor sit amet, consectetur adipiscing elit. Nam vehicula vulputate nibh, eu tempus quam vehicula vel. Nunc ut condimentum dui, sed ullamcorper justo. Praesent porttitor eget tortor a venenatis. Cras eget dictum turpis. Nunc eu tellus lobortis, suscipit tellus sit amet, porttitor ipsum. Aliquam et elit ut risus dignissim hendrerit. Vivamus lacinia vel arcu vel finibus.</p>
  706.  
  707. <p>Nullam maximus facilisis aliquam. Quisque vel auctor turpis. Proin at ante nec nulla imperdiet dapibus eu vitae nulla. Sed non dolor magna. Suspendisse eu felis id felis consequat consectetur sit amet et tortor. In egestas nisi tellus. Quisque egestas cursus turpis eget volutpat.</p>
  708.  
  709. <p>Aenean vel rutrum ante. Pellentesque eu volutpat dui. Praesent id ultrices sem. Aenean ac ex nec augue blandit vulputate. Sed elementum lacus eu risus pharetra tempor. In lacus lacus, mollis sit amet risus in, gravida scelerisque sem. Phasellus sed massa ac lacus faucibus vestibulum. Nam eu augue nibh. Donec dignissim nisi quis diam cursus eleifend. Nullam dapibus non neque eget consequat. Vestibulum maximus ex nec velit dictum, a tincidunt purus ullamcorper. Aliquam dolor leo, sagittis ac faucibus eu, fermentum a orci. Vivamus ut lectus non turpis consequat gravida. Vivamus ornare quam nec sapien pellentesque, et facilisis neque tincidunt. Proin blandit eget nisl non posuere. Etiam ullamcorper tempus urna, ut malesuada risus cursus in.</p>
  710.  
  711. <p>Donec rhoncus orci ut dui elementum efficitur. Nunc sed ex vehicula, mollis tellus ut, porttitor odio. Vivamus rutrum mattis velit non faucibus. Aliquam quis eros orci. Fusce a odio sapien. Donec gravida sagittis dui sit amet condimentum. Sed est mi, ullamcorper sed tempus ut, consequat id nisi. Donec consequat libero vitae aliquet auctor. In tristique dui libero, at sollicitudin tortor iaculis nec. Quisque elementum justo enim, vel scelerisque felis maximus vitae. Sed sapien lacus, bibendum sit amet risus non, pulvinar interdum odio. Nulla dictum in eros eu posuere. Nulla vitae blandit nisi. Vivamus turpis nunc, ornare euismod rutrum at, tincidunt vitae risus.</p>
  712.  
  713. <p>Praesent convallis justo tempor ligula sodales, sit amet interdum dolor tristique. Proin ornare leo non arcu lacinia ornare. Mauris tristique, elit elementum fermentum suscipit, justo urna efficitur nunc, sed aliquet lacus metus non quam. Phasellus at justo non dui sagittis efficitur. Mauris viverra erat pretium orci commodo, ut semper lectus gravida. Etiam interdum odio at neque mollis, sit amet tincidunt nibh molestie. Integer nec sapien ultrices eros consectetur gravida vel at lectus. Maecenas pellentesque enim nec orci rutrum pretium elementum non odio. Donec sit amet libero vitae urna bibendum placerat. Vestibulum bibendum ut erat sed pulvinar. Aenean eget auctor odio. Mauris egestas lorem et tincidunt pretium. Maecenas ullamcorper ut nulla vitae dictum. Phasellus vulputate blandit urna, non finibus libero pharetra a. Cras faucibus velit quis metus scelerisque convallis.</p>
  714.  
  715. </div>
  716.  
  717.  
  718. <div class="bio">
  719.  
  720. <img src="https://images2.imgbox.com/fb/bc/VRMYTauo_o.png">
  721.  
  722.  
  723. </div>
  724.  
  725. <div class="basicstitle">
  726.  
  727. <h1>basics</h1>
  728.  
  729. </div>
  730.  
  731. <div class="ba" style="text-align:justify;">
  732.  
  733. <p><B>Full Name:</B> First Middle Last</p>
  734.  
  735. <p><B>Nick Names:</B> Put your nickname here <i>by who</i> Put your nickname here <i>by who</i> Put your nickname here <i>by who</i></p>
  736.  
  737. <p><B>Occupation:</B>What do you do?</p>
  738.  
  739. <p><B>Resides:</B> Where are you?</p>
  740.  
  741. <p><B>Gender:</B> Female</pr>
  742.  
  743. <p><b>Species:</b> What are you?</p>
  744.  
  745. <p><h2>personality & traits</h2></p>
  746.  
  747. <span class="dropcap">L</span>orem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
  748. </div>
  749.  
  750. <div class="basics">
  751.  
  752. <img src="https://images2.imgbox.com/0b/ab/xsLXJyPC_o.png">
  753.  
  754.  
  755. </div>
  756.  
  757. <div class="connectionstitle">
  758.  
  759. <h1>connections</h1>
  760.  
  761. </div>
  762.  
  763. <div class="c" style= "text-align:center; overflow:auto;">
  764.  
  765. <a href="http://www.roleplayer.me/FRIENDID" class="second">connection</a>
  766.  
  767. <a href="http://www.roleplayer.me/FRIENDID" class="second">connection</a>
  768.  
  769. <a href="http://www.roleplayer.me/FRIENDID" class="second">connection</a>
  770.  
  771. <a href="http://www.roleplayer.me/FRIENDID" class="second">connection</a>
  772.  
  773. <a href="http://www.roleplayer.me/FRIENDID" class="second">connection</a>
  774.  
  775. <a href="http://www.roleplayer.me/FRIENDID" class="second">connection</a>
  776.  
  777. <a href="http://www.roleplayer.me/FRIENDID" class="second">connection</a>
  778.  
  779. <a href="http://www.roleplayer.me/FRIENDID" class="second">connection</a>
  780.  
  781. <a href="http://www.roleplayer.me/FRIENDID" class="second">connection</a>
  782.  
  783. <a href="http://www.roleplayer.me/FRIENDID" class="second">connection</a>
  784.  
  785. <a href="http://www.roleplayer.me/FRIENDID" class="second">connection</a>
  786.  
  787. <a href="http://www.roleplayer.me/FRIENDID" class="second">connection</a>
  788.  
  789. <a href="http://www.roleplayer.me/FRIENDID" class="second">connection</a>
  790.  
  791. <a href="http://www.roleplayer.me/FRIENDID" class="second">connection</a>
  792.  
  793. <a href="http://www.roleplayer.me/FRIENDID" class="second">connection</a>
  794.  
  795. <a href="http://www.roleplayer.me/FRIENDID" class="second">connection</a>
  796.  
  797. </div>
  798.  
  799. <div class="connections">
  800.  
  801. <img src="https://images2.imgbox.com/2d/4c/Jmwum3dr_o.png">
  802.  
  803.  
  804. </div>
  805.  
  806.  
  807. <div class="bigbanner">
  808.  
  809. <img src="https://images2.imgbox.com/82/60/W25Ljs6V_o.png">
  810.  
  811.  
  812. </div>
  813.  
  814. <div class="middlebanner">
  815.  
  816. <img src="https://images2.imgbox.com/96/a5/7ji0RHSM_o.png">
  817.  
  818.  
  819. </div>
  820.  
  821.  
  822. <div class="navigation">
  823. <a href="/home.php" class="first" data-title="HOME">Home</a><br>
  824. <a href="/send_message.php?member_id=1513958" class="first" data-title="MESSAGE">Message</a><br>
  825. <a href=""/add_comment.php?member_id=1513958" class="first" data-title="COMMENT">Comment</a><br>
  826. <a href="/status_stream.php?member_id=1513958" class="first" data-title="STREAM">Stream</a><br>
  827. <a href="/view_journal_member.php?member_id=1513958" class="first" data-title="BULLETINS">Bulletins</a><br>
  828.  
  829. </div>
  830.  
  831. <div class="music">
  832. <div class="cusbutton">♫</div>
  833. <div class="ghost">
  834. <div class="player">
  835. <audio autoplay controls loop>
  836. <source src="https://od.lk/s/NTNfMTE1MjcwMjZf/One.mp3">
  837. </audio>
  838. </div>
  839. </div>
  840. </div>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement