mebuckner

Custom Order - Dani - Layout

Jul 22nd, 2020
187
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 72.79 KB | None | 0 0
  1. LAYOUT
  2.  
  3. <!--About Me-->
  4. <style type="text/css">
  5.  
  6. @import url('https://fonts.googleapis.com/css2?family=Raleway:wght@600&display=swap');
  7.  
  8. .editsByM  { Background }
  9. table, tr, td {
  10. background-color:transparent;
  11. font-family: Georgia;
  12. font-size:10px;
  13. }
  14.  
  15. body, td, li, p, div, textarea {
  16. font-family:Georgia;
  17. font-size:11px;
  18. color:#fff;
  19. }
  20. a:link, a:active, a:visited {
  21.     color: #b38663;
  22.     text-transform: uppercase;
  23.     font-family: georgia;
  24.     font-size: 15px;
  25. }
  26.  
  27. a:hover{
  28. color:#000;
  29. text-decoration:none;
  30. }
  31.  
  32. .editsByM   { Body }
  33. body {
  34. background-image:url("https://i.imgur.com/ivK37DX.png");
  35. background-size:cover;
  36. background-attachment:fixed;
  37. background-repeat:repeat;
  38. background-position: bottom left;
  39. margin-top:10px;
  40. margin-left:476px;
  41. }
  42.  
  43. h1{
  44. width: 400px;
  45.     color: #fff;
  46.     text-transform: uppercase;
  47.     margin: 0;
  48.     font-size: 53px;
  49.     text-align: center;
  50. font-family: 'Raleway', sans-serif;
  51. }
  52.  
  53. h2{
  54. width: 100%;
  55.     margin: 0;
  56.     background-color: #b38663;
  57.     font-family: 'Raleway', sans-serif;
  58.     text-transform: uppercase;
  59.     text-align: center;
  60.     margin-bottom: 10px;
  61.     font-size: 25px;
  62. color:#020202;
  63. }
  64.  
  65. h3{
  66.     margin: 0;
  67.     width: 100%;
  68.     text-align: center;
  69.     text-transform: uppercase;
  70.     font-size: 25px;
  71. }
  72.  
  73.  
  74.  
  75. a.navigationLink:link, a.navigationLink:visited {
  76.     background-color: #020202;
  77.     color: white;
  78.     padding: 6px 25px;
  79.     text-align: center;
  80.     text-decoration: none;
  81.     display: inline-block;
  82.     width: 150px;
  83. border-bottom: 3px solid #b38663;
  84. text-transform:uppercase;
  85. font-family:Georgia;
  86. font-size:12px;
  87. }
  88.  
  89. a.navigationLink:hover, a.navigationLink:active {
  90.   color: #020202;
  91. }
  92.  
  93. #owesList{
  94. display:none;
  95. }
  96.  
  97. #owesList:target{
  98. display:block;
  99. }
  100.  
  101.  
  102.  
  103. #toDoList{
  104. display:none;
  105. }
  106.  
  107. #toDoList:target{
  108. display:block;
  109. }
  110.  
  111. #wantedStorylines{
  112. display:none;
  113. }
  114.  
  115. #wantedStorylines:target{
  116. display: block;
  117.     position: fixed;
  118.     width: 499px;
  119.     padding: 10px;
  120.     height: 250px;
  121.     background: #010101;
  122.     top: 0;
  123.     bottom: 0;
  124.     left: 10;
  125.     bottom: 0;
  126.     margin: auto;
  127.     z-index: 999;
  128. }
  129.  
  130. #allDrabbles{
  131. display:none;
  132. }
  133.  
  134. #allDrabbles:target{
  135. display: block;
  136.     position: fixed;
  137.     width: 499px;
  138.     padding: 10px;
  139.     height: 299px;
  140.     background: #010101;
  141.     top: 0;
  142.     bottom: 0;
  143.     left: 10;
  144.     bottom: 0;
  145.     margin: auto;
  146.     z-index: 999;
  147. }
  148.  
  149. #pointTracker{
  150. display:none;
  151. }
  152.  
  153. #pointTracker:target{
  154. display: block;
  155.     position: fixed;
  156.     width: 499px;
  157.     padding: 10px;
  158.     height: 299px;
  159.     background: #010101;
  160.     top: 0;
  161.     bottom: 0;
  162.     left: 10;
  163.     bottom: 0;
  164.     margin: auto;
  165.     z-index: 999;
  166. }
  167.  
  168. #jungleTasks{
  169. display:none;
  170. }
  171.  
  172. #jungleTasks:target{
  173. display: block;
  174.     position: fixed;
  175.     width: 499px;
  176.     padding: 10px;
  177.     height: 299px;
  178.     background: #010101;
  179.     top: 0;
  180.     bottom: 0;
  181.     left: 10;
  182.     bottom: 0;
  183.     margin: auto;
  184.     z-index: 999;
  185. }
  186.  
  187. #wantedRoles{
  188. display:none;
  189. }
  190.  
  191. #wantedRoles:target{
  192. display: block;
  193.     position: fixed;
  194.     width: 499px;
  195.     padding: 10px;
  196.     height: 299px;
  197.     background: #010101;
  198.     top: 0;
  199.     bottom: 0;
  200.     left: 10;
  201.     bottom: 0;
  202.     margin: auto;
  203.     z-index: 999;
  204. }
  205.  
  206. #featuredDrabble{
  207. display:none;
  208. }
  209.  
  210. #featuredDrabble:target{
  211. display: block;
  212.     position: fixed;
  213.     width: 499px;
  214.     padding: 10px;
  215.     height: 500px;
  216.     background: #010101;
  217.     top: 0;
  218.     bottom: 0;
  219.     left: 10;
  220.     bottom: 0;
  221.     margin: auto;
  222.     z-index: 999;
  223. }
  224.  
  225.  
  226.  
  227. #currentStorylines{
  228. display:none;
  229. }
  230.  
  231. #currentStorylines:target{
  232. display: block;
  233.     position: fixed;
  234.     width: 499px;
  235.     padding: 10px;
  236.     height: 250px;
  237.     background: #010101;
  238.     top: 0;
  239.     bottom: 0;
  240.     left: 10;
  241.     bottom: 0;
  242.     margin: auto;
  243.     z-index: 999;
  244. }
  245.  
  246. #connectionOne{
  247. display:none;
  248. }
  249.  
  250.  
  251. #connectionOne:target{
  252. display:block;
  253. position:fixed;
  254. width:500px;
  255. height:300px;
  256. background:#010101;
  257. top:0;
  258. bottom:0;
  259. left:10;
  260. bottom:0;
  261. margin:auto;
  262. z-index:999;
  263. }
  264.  
  265.  
  266. #connectionTwo{
  267. display:none;
  268. }
  269.  
  270. #connectionTwo:target{
  271. display:block;
  272. position:fixed;
  273. width:500px;
  274. height:300px;
  275. background:#010101;
  276. top:0;
  277. bottom:0;
  278. left:10;
  279. bottom:0;
  280. margin:auto;
  281. z-index:999;
  282. }
  283.  
  284.  
  285. #connectionThree{
  286. display:none;
  287. }
  288.  
  289. #connectionThree:target{
  290. display:block;
  291. position:fixed;
  292. width:500px;
  293. height:300px;
  294. background:#010101;
  295. top:0;
  296. bottom:0;
  297. left:10;
  298. bottom:0;
  299. margin:auto;
  300. z-index:999;
  301. }
  302.  
  303.  
  304.  
  305. #connectionFour{
  306. display:none;
  307. }
  308.  
  309. #connectionFour:target{
  310. display:block;
  311. position:fixed;
  312. width:500px;
  313. height:300px;
  314. background:#010101;
  315. top:0;
  316. bottom:0;
  317. left:10;
  318. bottom:0;
  319. margin:auto;
  320. z-index:999;
  321. }
  322.  
  323. #connectionFive{
  324. display:none;
  325. }
  326.  
  327. #connectionFive:target{
  328. display:block;
  329. position:fixed;
  330. width:500px;
  331. height:300px;
  332. background:#010101;
  333. top:0;
  334. bottom:0;
  335. left:10;
  336. bottom:0;
  337. margin:auto;
  338. z-index:999;
  339. }
  340.  
  341. .editsByM   { Scrollbar }
  342. ::-webkit-scrollbar {
  343.     display: none;
  344. }
  345.  
  346.  
  347.  
  348.  
  349. table.profileInfo {display:none;}
  350.  
  351. .mygen { Tables }
  352. td.text table table {
  353. position:static;
  354. }
  355.  
  356. table table table table{
  357. border:10px solid #b38663;
  358. background-color:#020202;
  359. }
  360.  
  361.  
  362.  
  363.  div[id="googlebar"],div div select{opacity:0;filter:alpha(opacity=0);display:none !important;position:absolute !important;bottom:2000px !important;} .clearfix {display:none !important;position:absolute!important;} table table br {line-height:3px} table table table br {line-height:5px;} .a {hide top search bar} div div select, div div form {display:none !important;} select { visibility:hidden!important; WIDTH:0px!important;} .note {bring the tables up more} td.text table {position:relative; top: -20px;} td.text table table {position:static;} .lightbluetext8 {display:none;}table table table table td {width:0px;}.contactTable td, table table td.text table td,table table table table table td {width:auto;} /*HIDECODES*/ table .nametext {display:none;} .extendednetwork{display:none;} .blurbs{display:none;} .userprofileurl{display:none;} .userprofiledetail{display:none;} .interestsanddetails{display:none;} .latestblogentry{display:none;} .mslogo{display:none;} .friendscomments{display:none;} .friendspace{display:none;} .contacttable{display:none;} .lightbluetext8{display:none;} .Do Not Hide The Profile Ads{display:none;} .userAlbums{display:none;} td.text table {position:relative; top: -11px;} td.text table table {position:static;} .lightbluetext8 {display:none;}table table table table td {width:0px;} .contactTable td, table table td.text table td,table table table table table td {width:auto;} div td {display:none;} table {top:-6px; position:relative;} table table {top:0px; position:relative;} table.profileInfo table td {white-space:wrap !important;} table.profileInfo table tr:last-child {display:none;} #footerWarpper{display: none;} .profileInfo .text {font:12px 'Archivo Narrow'; color:#696969; line-height:12px;} #jm a {background-image:url("")!important; background-repeat:no-repeat!important; width:58px!important; height:13px!important; background-color:transparent!important; position:fixed!important; bottom:0px!important; left:0px!important; opacity:0.3!important;} a:hover {opacity:1!important;}table table table table {position:static;}
  364.  
  365.  
  366. .mygen {space} table table br {display:none;} table table table br {display:block;} table table table {margin-top:4px;} table table table table {margin-top:0px;}
  367. </style>
  368.  
  369.  
  370. <!--Like to Meet-->
  371. </td>
  372. </tr>
  373. </table>
  374. </td>
  375. </tr>
  376. </table>
  377. <br />
  378. <table bordercolor="ffffff" cellspacing="0" cellpadding="0" width="400" bgcolor="ffffff" border="0">
  379. <tr>
  380. <td class="text" valign="left" align="left" width="400" bgcolor="ffffff" height="0" style="word-wrap:break-word">
  381. </td>
  382. </tr>
  383. <tr>
  384. <td>
  385. <table bordercolor="000000" cellspacing="0" cellpadding="0" width="400" align="left" bgcolor="ffffff" border="0">
  386. <td valign="top" align="left" width="400" bgcolor="ffffff" style="word-wrap:break-word">
  387. <img src="https://i.imgur.com/Ok5RN6J.png">
  388.  
  389.  
  390. </td>
  391. </tr>
  392. </table>
  393. </td>
  394. </tr>
  395. </table>
  396. <br />
  397. <table bordercolor="ffffff" cellspacing="0" cellpadding="0" width="400" bgcolor="ffffff" border="0">
  398. <tr>
  399. <td class="text" valign="left" align="left" width="400" bgcolor="ffffff" height="0" style="word-wrap:break-word">
  400. </td>
  401. </tr>
  402. <tr>
  403. <td>
  404. <table bordercolor="000000" cellspacing="0" cellpadding="0" width="400" align="left" bgcolor="ffffff" border="0">
  405. <td valign="top" align="left" width="400" bgcolor="ffffff" style="word-wrap:break-word">
  406. <h1>Dani Powers</h1>
  407.  
  408.  
  409.  
  410. </td>
  411. </tr>
  412. </table>
  413. </td>
  414. </tr>
  415. </table>
  416. <br />
  417. <table bordercolor="ffffff" cellspacing="0" cellpadding="0" width="400" bgcolor="ffffff" border="0">
  418. <tr>
  419. <td class="text" valign="left" align="left" width="400" bgcolor="ffffff" height="0" style="word-wrap:break-word">
  420. </td>
  421. </tr>
  422. <tr>
  423. <td>
  424. <table bordercolor="000000" cellspacing="0" cellpadding="0" width="400" align="left" bgcolor="ffffff" border="0">
  425. <td valign="top" align="left" width="400" bgcolor="ffffff" style="word-wrap:break-word">
  426. <div style="width:400px; height:1px;"></div>
  427. <div style="width: 211px; height: 201px; font-family: georgia; font-size: 12px; color: #fff; display: inline-block; overflow: auto; vertical-align: top; text-align: justify; margin: 0; padding: 10px; margin-bottom: 10px;"><h2>As a child</h2>After her mother died when she turned about twelve years old was when Dani had been put into the foster care system. It wasn't till she had turned about fifteen years of age when an older woman decided to adopt her. She went by the name Kendra powers and when she took Dani in she had been super strict with her for the rest of her life. By the time Dani had turned twenty-one years in age was the moment she had gotten into a car wreck and the mother had been fed up with how she dealt with it. She didn't know how to handle the incident after it happened and pretty much blamed Dani for being such an misbehaving child. Dani refused to tell her adoptive mother what she had witness on scene of the crash and knew it was better kept a secret. She had fallen witness to a ghost of a figure, but she didn't know who the ghost was or why she had been seeing it the night of the crash. Dani Totally wanted to ignore the situation and place it off as a trick of light caused by the accident. When she got home that night she told her mother that she would make a doctors appointment the next morning to get checked out, because she believed she would be fine for that night.
  428. <br><br>
  429. When Dani made the doctor's appointment for the next morning she knew she had to come clean to the doctor about seeing a ghost like figure during the crash. All her insides were screaming at her to keep quiet about it, but her mind knew she must tell someone about it because she couldn't keep it a secret any longer. She made an appointment with her local doctor who was named Connor Heath and the second she set foot into his office was when she had a full blown panic attack, because she saw the ghost again. She didn't know what to do about it and decided to try to ignore what she had been seeing. Considering the fact she was going in for her car wreck incident she didn't need to have the visit be anything other than that. She didn't know how to come clean about seeing this ghost to the doctor or how to even have a solid conversation about the current situation. However, Dani knew she had to come clean at some point in this visit about what she has been witnessing on an almost daily base. Right before she was to leave the doctor's office was the moment she had told Doctor Heath about the strange figure she was seeing.
  430. <br><br>
  431. Doctor Connor Heath was astounded by what he was hearing from Dani and knew he had to get some test in before she had to leave that day. Telling Dani about her possibly needing some test to rule out anything serious was going on was when Dani knew something must be up with her own frame of mind for the doctor to want to order test. She hesitated for a slight moment about taking these test but knew in the back of her mind that it was probably something she needed and she knew she would not tell her mother about them. When she accepted the test from the doctors and when she came out of them to hear results goosebumps had shot up and down her spine. She wasn't sure how she would handle any kind of negative news right about now, but she waited till the doctor could come back into the room to give her the details. When the doctor held up the lab results of her current test, and told her that he and suspected something unusual forming within her brain was when Dani was in shock about what she was hearing.
  432. </div>
  433. <img src="https://i.imgur.com/e6Mf2Yg.png">
  434.  
  435.  
  436.  
  437.  
  438.  
  439.  
  440. </td>
  441. </tr>
  442. </table>
  443. </td>
  444. </tr>
  445. </table>
  446. <br />
  447. <table bordercolor="ffffff" cellspacing="0" cellpadding="0" width="400" bgcolor="ffffff" border="0">
  448. <tr>
  449. <td class="text" valign="left" align="left" width="400" bgcolor="ffffff" height="0" style="word-wrap:break-word">
  450. </td>
  451. </tr>
  452. <tr>
  453. <td>
  454. <table bordercolor="000000" cellspacing="0" cellpadding="0" width="400" align="left" bgcolor="ffffff" border="0">
  455. <td valign="top" align="left" width="400" bgcolor="ffffff" style="word-wrap:break-word">
  456. <div style="width:400px; height:1px;"></div>
  457. <img src="https://i.imgur.com/N7GIJh4.png">
  458. <div style="width: 211px; height: 201px; font-family: georgia; font-size: 12px; color: #fff; display: inline-block; overflow: auto; vertical-align: top; text-align: justify; margin: 0; padding: 10px; margin-bottom: 10px;"><h2>Growing Up</h2> She couldn't believe the news; how in the world could this be happening she thought to herself while she was hearing the results being played within her mind. Dani started to believe that the test where wrong and that the doctors had gotten it all mixed up, because how in the world would she have this mental disorder called schizophrenia, she was anything but crazy she told herself. When the doctor had finished going over everything with Dani was when she refused to take in the information and told the doctors they had done the test wrong and that she was completely normal. She stormed out of the office and got into her car that day and the second she was able to drive off was when she noticed the ghost again. This time she could make out it's features and recognized who the figure had belonged to, and it was her dead mother. She couldn't believe her own frame of mind and how she was witnessing such a figure before her that is when she started to believe the test. Making the decision to ignore what she was seeing before her and deciding to drive off into the sunshine made her question her own sanity.
  459. <br><br>
  460. Was she really crazy for seeing her dead mother ghost around her all the time, and how was she supposed to deal with something like this and not to mention tell her mother about it. She knew she couldn't keep this a secret for any much longer and needed to tell someone about it so she could get i off her chest, but she didn't know who she could tell such an important secret to. That was when she was grateful to have a friend like Tate around, because she knew he wouldn't judge her for anything that was going on in her life. Tate is one of the Dani's best friends and she couldn't be more honored to have him in her life durning this rough time of hers. When she decided to tell Tate about her ghost problems was when she knew that he would try to make her feel better about them; she didn't know where else to go to other than him. Even when he suggested to her that she was bound to have to tell Kendra about it at sometime in due time, and Dani knew this she just wasn't sure when or how she was going to break the news to her.
  461. <br><br>
  462. She loved worked at her web design company firm called Cosmic Way, because it was a way of release to her and a great distraction from her current situation. Dani is a fantastic web designer who really ranks in the money and earns quite the paycheck for what she does, and she doesn't see herself doing anything other than what she does today. Dani has made great connections at her job too with the people there and with her clients that she has to deal with on a day to day basis; she is also super close with the head boss there. She doesn't imagine herself being anywhere else or working anywhere other than Cosmic way, because not only has she been a good employee she has even been mentioned in newspapers about how successful she has made the business. She chooses to keep her mind stuff at bay from work, because she doesn't want to trouble the people and she wants to keep her health separate from her job life. Considering the fact that she uses Cosmic way as a big distraction from her health she would hate to mix the two up and cause any unrelated drama between the two of them. When she's not working at cosmic way she does writing on the side and is trying to work on her own upcoming novel for publishing houses but with everything that is going on with her she does find it hard to sit down and write, but she tries to.
  463.  
  464. </div>
  465.  
  466.  
  467.  
  468.  
  469.  
  470.  
  471.  
  472.  
  473.  
  474.  
  475.  
  476.  
  477. </td>
  478. </tr>
  479. </table>
  480. </td>
  481. </tr>
  482. </table>
  483. <br />
  484. <table bordercolor="ffffff" cellspacing="0" cellpadding="0" width="400" bgcolor="ffffff" border="0">
  485. <tr>
  486. <td class="text" valign="left" align="left" width="400" bgcolor="ffffff" height="0" style="word-wrap:break-word">
  487. </td>
  488. </tr>
  489. <tr>
  490. <td>
  491. <table bordercolor="000000" cellspacing="0" cellpadding="0" width="400" align="left" bgcolor="ffffff" border="0">
  492. <td valign="top" align="left" width="400" bgcolor="ffffff" style="word-wrap:break-word">
  493. <div style="width:400px; height:1px;"></div>
  494. <div style="width: 211px; height: 201px; font-family: georgia; font-size: 12px; color: #fff; display: inline-block; overflow: auto; vertical-align: top; text-align: justify; margin: 0; padding: 10px; margin-bottom: 10px;"><h2>Present Day</h2> When she goes back to visit the doctor on an almost day to day schedule she starts to form feelings for Doctor Heath that she doesn't know how to handle them. She knows that it is unprofessional to be feeling this way towards your doctor but she can't help but feel some sort of attraction there, and she does everything in her power to suppress those feels. When Doctor Heath comes forth to her about his own feelings towards her is when Dani decides to give him an unexpected kiss at one of her visits with him. Heath tries to ignore the situation by suggesting that Dani needs to have more test done for further examination. After the moment of them kissing was when the two of them knew that they both had felt the same way about each other. However, with Dani being his patient it was forbidden that they could be together or ever date, but the urges were totally there. They decided to try and let their feelings for one another linger off the best they could but they often found that the attraction they had for each other was strong. It was something they didn't want to ignore any longer, so Dani decided to stop being his patient so they could start dating. She chose to choose a different doctor that worked at her local primary care office, and from there she started to see Doctor's Heath's brother Ronald.
  495. </div>
  496. <img src="https://i.imgur.com/tnr8xth.png">
  497.  
  498.  
  499.  
  500. </td>
  501. </tr>
  502. </table>
  503. </td>
  504. </tr>
  505. </table>
  506. <br />
  507. <table bordercolor="ffffff" cellspacing="0" cellpadding="0" width="400" bgcolor="ffffff" border="0">
  508. <tr>
  509. <td class="text" valign="left" align="left" width="400" bgcolor="ffffff" height="0" style="word-wrap:break-word">
  510. </td>
  511. </tr>
  512. <tr>
  513. <td>
  514. <table bordercolor="000000" cellspacing="0" cellpadding="0" width="400" align="left" bgcolor="ffffff" border="0">
  515. <td valign="top" align="left" width="400" bgcolor="ffffff" style="word-wrap:break-word">
  516. <img src="https://i.imgur.com/J4UbcnP.png">
  517.  
  518.  
  519.  
  520.  
  521. </td>
  522. </tr>
  523. </table>
  524. </td>
  525. </tr>
  526. </table>
  527. <br />
  528. <table bordercolor="ffffff" cellspacing="0" cellpadding="0" width="400" bgcolor="ffffff" border="0">
  529. <tr>
  530. <td class="text" valign="left" align="left" width="400" bgcolor="ffffff" height="0" style="word-wrap:break-word">
  531. </td>
  532. </tr>
  533. <tr>
  534. <td>
  535. <table bordercolor="000000" cellspacing="0" cellpadding="0" width="400" align="left" bgcolor="ffffff" border="0">
  536. <td valign="top" align="left" width="400" bgcolor="ffffff" style="word-wrap:break-word">
  537. <div style="width:400px; height:1px;"></div>
  538. <img src="https://i.imgur.com/7zT5Ozf.png">
  539. <div style="width: 211px; height: 201px; font-family: georgia; font-size: 12px; color: #fff; display: inline-block; overflow: auto; vertical-align: top; text-align: justify; margin: 0; padding: 10px; margin-bottom: 10px;"><h2>The Love Life</h2>
  540. <b>Status:</b> here.<br>
  541. <b>Since:</b> here.<br>
  542. <b>To Whom:</b> here.<br>
  543. <b>Comments:</b> here. <br>
  544. </div>
  545.  
  546.  
  547. <!--Interests-->
  548. </table>
  549. </td>
  550. </tr>
  551. </table>
  552. <br />
  553. <table bordercolor="black" cellspacing="0" cellpadding="0" width="400" bgcolor="black" border="0">
  554. <tr>
  555. <td class="text" valign="" align="left" width="400" bgcolor="0" height="0" style="word-wrap:break-word">
  556. <span class="orangetext15">
  557. </td>
  558. </tr>
  559. <tr>
  560. <td>
  561. <table bordercolor="0" cellspacing="0" cellpadding="0" width="400" align="" bgcolor="black" border="0">
  562. <td valign="top" align="" width="400" bgcolor="black" style="word-wrap:break-word">
  563. <img src="https://i.imgur.com/3qkK2KD.png">
  564.  
  565.  
  566.  
  567. </table>
  568. </td>
  569. </tr>
  570. </table>
  571. <br />
  572. <table bordercolor="black" cellspacing="0" cellpadding="0" width="400" bgcolor="black" border="0">
  573. <tr>
  574. <td class="text" valign="" align="left" width="400" bgcolor="0" height="0" style="word-wrap:break-word">
  575. <span class="orangetext15">
  576. </td>
  577. </tr>
  578. <tr>
  579. <td>
  580. <table bordercolor="0" cellspacing="0" cellpadding="0" width="400" align="" bgcolor="black" border="0">
  581. <td valign="top" align="" width="400" bgcolor="black" style="word-wrap:break-word">
  582. <div style="width:400px;">
  583. <h1 style="font-size:50px;">Find Your Way</h1>
  584. </div>
  585.  
  586. <div style="width: 200px; height: 113px; display: inline-block; vertical-align: top;">
  587. <a href="" class="navigationLink">Home.</a><br>
  588. <a href="" class="navigationLink">Message.</a><br>
  589. <a href="" class="navigationLink">Comment.</a><br>
  590. <a href="" class="navigationLink">Rules.</a>
  591. </div>
  592. <div style="width: 197px; height: 113px; display: inline-block; vertical-align:top;">
  593. <a href="" class="navigationLink" style="width:147px;">Group.</a><br>
  594. <a href="" class="navigationLink" style="width:147px;">Stream.</a><br>
  595. <a href="" class="navigationLink" style="width:147px;">Resources.</a><br>
  596. <a href="" class="navigationLink" style="width:147px;">Gallery.</a><br>
  597. </div>
  598.  
  599.  
  600.  
  601.  
  602. </td>
  603. </tr>
  604. </table>
  605. </td>
  606. </tr>
  607. </table>
  608. <br />
  609. <table bordercolor="ffffff" cellspacing="0" cellpadding="0" width="400" bgcolor="ffffff" border="0">
  610. <tr>
  611. <td class="text" valign="left" align="left" width="400" bgcolor="ffffff" height="0" style="word-wrap:break-word">
  612. </td>
  613. </tr>
  614. <tr>
  615. <td>
  616. <table bordercolor="000000" cellspacing="0" cellpadding="0" width="400" align="left" bgcolor="ffffff" border="0">
  617. <td valign="top" align="left" width="400" bgcolor="ffffff" style="word-wrap:break-word">
  618. <div style="width:400px; height:1px;"></div>
  619. <img src="https://i.imgur.com/2zeDKSc.png">
  620. <div style="width: 211px; height: 143px; font-family: georgia; font-size: 12px; color: #fff; display: inline-block; overflow: auto; vertical-align: top; text-align: justify; margin: 0; padding: 10px; margin-bottom: 10px;"><h2>Basic Info</h2>
  621. <b>Full Name</b></b>: Dani Jacklyn Powers<br>
  622. <b>Pronunciation</b>: DA-NI J-ACK-LYN PO-WER-S<br>
  623. <b>Nickname/Alias</b>: N/A <br>
  624. <b>Meaning</b>: N/a<br>
  625. <b>Origin</b>: N/A<br>
  626. <b>Title</b>: Ma'am.<br>
  627. <b>Pet Name</b>: N/a.<br>
  628. <b>ID Number</b>: 1584278<br>
  629. <b>Signature</b>: Cursive<br>
  630. <b>Gender</b>: Female<br>
  631. <b>Gender Role</b>: Feminine | Female Protagnatios <br>
  632. <b>Orientation</b>: Straight <br>
  633. <b>Real Age</b>: 21<br>
  634. <b>Age Appearance</b>: 18<br>
  635. <b>Birthday</b>: September 10th<br>
  636. <b>Deathday</b>: (May not have one yet)<br>
  637. <b>Birthplace</b>: Arizona.<br>
  638. <b>Astrological Sign</b>: Libra<br>
  639. <b>Zodiac Sign</b>: The Scales<br>
  640. <b>Species</b>: Human<br>
  641. <b>Ethnicity</b>: White<br>
  642. <b>Blood Type</b>: Type A<br>
  643. <b>Preferred Hand</b>: Left Handed<br>
  644. <b>Facial Type</b>: Oval<br>
  645. <b>Eye Color</b>: Green<br>
  646. <b>Hair Color</b>: Black<br>
  647. <b>Hairstyle</b>: Long | Straight<br>
  648. <b>Skin Tone</b>: Soft White<br>
  649. <b>Complexion</b>: Pale<br>
  650. <b>Makeup</b>: Natural | Light<br>
  651. <b>Body Type</b>: Thin Curves<br>
  652. <b>Build</b>: Long Legs, Skinny.<br>
  653. <b>Height</b>: 5'2<br>
  654. <b>Weight</b>: 130<br>
  655. <b>Cup Size</b>: C+<br>
  656. <b>Facial Hair</b>: None<br>
  657. <b>Shoe Size</b>: 7<br>
  658. <b>Birthmarks/scars</b>: None<br>
  659. <b>Distinguishing Features</b>: Her Eyes<br>
  660. <b>Health</b>: Good Health<br>
  661. <b>Energy</b>: High<br>
  662. <b>Memory</b>: Remembers Well<br>
  663. <b>Senses</b>: Good Sense of Smell and Eye Sight.<br>
  664. <b>Allergies</b>: None<br>
  665. <b>Handicaps</b>: None.<br>
  666. <b>Medication</b>: None.<br>
  667. <b>Phobias</b>: Bugs<br>
  668. <b>Addictions</b>: Coffee<br>
  669. <b>Mental Disorders</b>: Had a little depression growing up.<br>
  670. <h3> Quick Facts </h3>
  671. - She is adopted and isn't that close with her mother, because she is known to be strict with a hard nose. <br>
  672. - Dani is twenty-one years old and is working at a web design company firm called Cosmic Way <br>
  673. - She is a new york native and has been here her entire life going in and out of foster care homes after her mother died <br>
  674. - She was eventually adopted around the age of 12 by a woman named Kendra Powers <br>
  675. - She frequently sees a ghost figure from time to time and doesn't know what to do about it <br>
  676. - When she gets into a car accident she is forced to see a doctor and at the visit she confesses about the ghost she see's <br>
  677. - Eventually she gets diagnosed with a brain disorder known to be schizophrenia and has to be on medication for it <br>
  678. - The ghost figure that she sees on a daily bases is her biological mother, but she doesn't realize that till later on <br>
  679. - She refuses to think that she is crazy in any kind of sorts, so she hides the fact that she has been diagnosed to her mother and
  680. friends. <br>
  681. - She has a gay best friend that hangs around her though-out town and she loves them very much
  682. </div>
  683.  
  684.  
  685. </table>
  686. </td>
  687. </tr>
  688. </table>
  689. <br />
  690. <table bordercolor="black" cellspacing="0" cellpadding="0" width="400" bgcolor="black" border="0">
  691. <tr>
  692. <td class="text" valign="" align="left" width="400" bgcolor="0" height="0" style="word-wrap:break-word">
  693. <span class="orangetext15">
  694. </td>
  695. </tr>
  696. <tr>
  697. <td>
  698. <table bordercolor="0" cellspacing="0" cellpadding="0" width="400" align="" bgcolor="black" border="0">
  699. <td valign="top" align="" width="400" bgcolor="black" style="word-wrap:break-word">
  700. <img src="https://i.imgur.com/iKWXAvy.png">
  701.  
  702. <div style="width: 200px; height: 26px; display: inline-block; vertical-align: top;">
  703. <a href="#owesList" class="navigationLink">Owes List.</a>
  704. </div>
  705. <div style="width: 197px; height: 26px; display: inline-block; vertical-align:top;">
  706. <a href="#toDoList" class="navigationLink" style="width:147px;">To-Do List.</a>
  707. </div>
  708. <div id="owesList" style="width:400px; height:246px; overflow:auto;">
  709. <h1>Owes List</h1>
  710. <div style="width: 200px; height: 140px; display: inline-block; vertical-align: top; font-family:Georgia; color:#fff; overflow:auto;">
  711. <h2>You Owe Me</h2>
  712. <ul>
  713. <li>Name - <i>starter/reply</i> - <b>--/--</b></li>
  714. <li>Name - <i>starter/reply</i> - <b>--/--</b></li>
  715. <li>Name - <i>starter/reply</i> - <b>--/--</b></li>
  716. <li>Name - <i>starter/reply</i> - <b>--/--</b></li>
  717. </div>
  718. <div style="width: 197px; height: 140px; display: inline-block; vertical-align:top; font-family:Georgia; color:#fff; overflow:auto;">
  719. <h2>I Owe You</h2>
  720. <li>Name - <i>starter/reply</i> - <b>--/--</b></li>
  721. <li>Name - <i>starter/reply</i> - <b>--/--</b></li>
  722. <li>Name - <i>starter/reply</i> - <b>--/--</b></li>
  723. <li>Name - <i>starter/reply</i> - <b>--/--</b></li>
  724. </div>
  725. <h1 style="font-size:37px;">Updated On: --/--</h1>
  726. </div>
  727.  
  728.  
  729.  
  730. <div id="toDoList" style="width:400px; height:246px; overflow:auto;">
  731. <h1>To-Do List</h1>
  732. <ul>
  733. <li>thing one to do</li>
  734. <li>thing one to do</li>
  735. <li>thing one to do</li>
  736. <li>thing one to do</li>
  737. <li>thing one to do</li>
  738. </div>
  739.  
  740.  
  741.  
  742.  
  743. </td>
  744. </tr>
  745. </table>
  746. </td>
  747. </tr>
  748. </table>
  749. <br />
  750. <table bordercolor="ffffff" cellspacing="0" cellpadding="0" width="400" bgcolor="ffffff" border="0">
  751. <tr>
  752. <td class="text" valign="left" align="left" width="400" bgcolor="ffffff" height="0" style="word-wrap:break-word">
  753. </td>
  754. </tr>
  755. <tr>
  756. <td>
  757. <table bordercolor="000000" cellspacing="0" cellpadding="0" width="400" align="left" bgcolor="ffffff" border="0">
  758. <td valign="top" align="left" width="400" bgcolor="ffffff" style="word-wrap:break-word">
  759. <div style="width:400px; height:1px;"></div>
  760. <div style="width: 211px; height: 143px; font-family: georgia; font-size: 12px; color: #fff; display: inline-block; overflow: auto; vertical-align: top; text-align: justify; margin: 0; padding: 10px; margin-bottom: 10px;"><h2>About the Music</h2> this is where that will go.  this is where that will go.  this is where that will go.  this is where that will go.  this is where that will go.  this is where that will go.  this is where that will go.  this is where that will go.  this is where that will go.  this is where that will go.  this is where that will go.  this is where that will go.  this is where that will go.  this is where that will go.  this is where that will go.  this is where that will go.  this is where that will go.  this is where that will go.  this is where that will go.  this is where that will go.  this is where that will go.  this is where that will go.  this is where that will go.  this is where that will go.  this is where that will go.  this is where that will go.  this is where that will go.  this is where that will go.  this is where that will go.  this is where that will go.  this is where that will go.  this is where that will go.  this is where that will go.  this is where that will go.  this is where that will go.  this is where that will go.  this is where that will go.  this is where that will go.  this is where that will go.  this is where that will go.  this is where that will go.  this is where that will go.  this is where that will go.  this is where that will go.  this is where that will go.  this is where that will go.  this is where that will go.  this is where that will go.  this is where that will go.  this is where that will go.  this is where that will go.  this is where that will go.  this is where that will go.  this is where that will go.  this is where that will go.  this is where that will go.  this is where that will go.  this is where that will go.  this is where that will go.  this is where that will go.  this is where that will go.  this is where that will go.  this is where that will go.  this is where that will go.  this is where that will go.  this is where that will go.
  761. </div>
  762. <img src="https://i.imgur.com/wb7Acbm.png">
  763.  
  764.  
  765. </table>
  766. </td>
  767. </tr>
  768. </table>
  769. <br />
  770. <table bordercolor="black" cellspacing="0" cellpadding="0" width="400" bgcolor="black" border="0">
  771. <tr>
  772. <td class="text" valign="" align="left" width="400" bgcolor="0" height="0" style="word-wrap:break-word">
  773. <span class="orangetext15">
  774. </td>
  775. </tr>
  776. <tr>
  777. <td>
  778. <table bordercolor="0" cellspacing="0" cellpadding="0" width="400" align="" bgcolor="black" border="0">
  779. <td valign="top" align="" width="400" bgcolor="black" style="word-wrap:break-word">
  780. <div style="width: 130px; height: 26px; display: inline-block; vertical-align: top;">
  781. <a href="#connectionOne" class="navigationLink" style="width:80px;">One.</a>
  782. </div>
  783. <div style="width: 130px; height: 26px; display: inline-block; vertical-align:top;">
  784. <a href="#connectionTwo" class="navigationLink" style="width:80px;">Two.</a>
  785. </div>
  786. <div style="width: 130px; height: 26px; display: inline-block; vertical-align:top;">
  787. <a href="#connectionThree" class="navigationLink" style="width:80px;">Three.</a>
  788. </div>
  789. <img src="https://i.imgur.com/MWEZ7Cx.png">
  790.  
  791. <div id="connectionOne">
  792. <div style="width:500px; height:20px; text-align:right;">
  793. <a href="#close" style="color:#fff; font-size:14px;">X</a>
  794. </div>
  795. <h3>Connection One Name Here.</h3>
  796. <img src="https://i.imgur.com/rRCD1Dc.png">
  797. <div style="width: 227px; height: 220px; font-size: 12px; font-family: Georgia; color: #fff; overflow: auto; text-align: justify; display: inline-block; vertical-align: top; padding: 10px; margin-bottom:10px;">
  798. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here.
  799. </div>
  800. </div>
  801.  
  802. <div id="connectionTwo">
  803. <div style="width:500px; height:20px; text-align:right;">
  804. <a href="#close" style="color:#fff; font-size:14px;">X</a>
  805. </div>
  806. <h3>Connection Two Name Here.</h3>
  807. <img src="https://i.imgur.com/KIOVaez.png">
  808. <div style="width: 227px; height: 220px; font-size: 12px; font-family: Georgia; color: #fff; overflow: auto; text-align: justify; display: inline-block; vertical-align: top; padding: 10px; margin-bottom:10px;">
  809. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here.
  810. </div>
  811. </div>
  812.  
  813.  
  814. <div id="connectionThree">
  815. <div style="width:500px; height:20px; text-align:right;">
  816. <a href="#close" style="color:#fff; font-size:14px;">X</a>
  817. </div>
  818. <h3>Connection Three Name Here.</h3>
  819. <img src="https://i.imgur.com/AigBHK9.png">
  820. <div style="width: 227px; height: 220px; font-size: 12px; font-family: Georgia; color: #fff; overflow: auto; text-align: justify; display: inline-block; vertical-align: top; padding: 10px; margin-bottom:10px;">
  821. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here.
  822. </div>
  823. </div>
  824.  
  825.  
  826. <div id="connectionFour">
  827. <div style="width:500px; height:20px; text-align:right;">
  828. <a href="#close" style="color:#fff; font-size:14px;">X</a>
  829. </div>
  830. <h3>Connection Four Name Here.</h3>
  831. <img src="https://i.imgur.com/pWZvJED.png">
  832. <div style="width: 227px; height: 220px; font-size: 12px; font-family: Georgia; color: #fff; overflow: auto; text-align: justify; display: inline-block; vertical-align: top; padding: 10px; margin-bottom:10px;">
  833. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here.
  834. </div>
  835. </div>
  836.  
  837. <div id="connectionFive">
  838. <div style="width:500px; height:20px; text-align:right;">
  839. <a href="#close" style="color:#fff; font-size:14px;">X</a>
  840. </div>
  841. <h3>Connection Five Name Here.</h3>
  842. <img src="https://i.imgur.com/DhbBDBG.png">
  843. <div style="width: 227px; height: 220px; font-size: 12px; font-family: Georgia; color: #fff; overflow: auto; text-align: justify; display: inline-block; vertical-align: top; padding: 10px; margin-bottom:10px;">
  844. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here. this will go here.
  845. </div>
  846. </div>
  847.  
  848.  
  849. <div style="width: 200px; height: 26px; display: inline-block; vertical-align: top;">
  850. <a href="#connectionFour" class="navigationLink">Four.</a>
  851. </div>
  852. <div style="width: 197px; height: 26px; display: inline-block; vertical-align:top;">
  853. <a href="#connectionFive" class="navigationLink" style="width:147px;">Five.</a>
  854. </div>
  855.  
  856.  
  857. </table>
  858. </td>
  859. </tr>
  860. </table>
  861. <br />
  862. <table bordercolor="black" cellspacing="0" cellpadding="0" width="400" bgcolor="black" border="0">
  863. <tr>
  864. <td class="text" valign="" align="left" width="400" bgcolor="0" height="0" style="word-wrap:break-word">
  865. <span class="orangetext15">
  866. </td>
  867. </tr>
  868. <tr>
  869. <td>
  870. <table bordercolor="0" cellspacing="0" cellpadding="0" width="400" align="" bgcolor="black" border="0">
  871. <td valign="top" align="" width="400" bgcolor="black" style="word-wrap:break-word">
  872. <div style="width:400px;">
  873. <h1 style="font-size:50px;">The Friends</h1>
  874. </div>
  875. <img src="https://i.imgur.com/pQXZAZP.png">
  876. <div style="width: 200px; height: 195px; display: inline-block; vertical-align: top; overflow:auto;">
  877. <a href="" class="navigationLink">Name Here.</a><br>
  878. <a href="" class="navigationLink">Name Here.</a><br>
  879. <a href="" class="navigationLink">Name Here.</a><br>
  880. <a href="" class="navigationLink">Name Here.</a><br>
  881. <a href="" class="navigationLink">Name Here.</a><br>
  882. <a href="" class="navigationLink">Name Here.</a><br>
  883. <a href="" class="navigationLink">Name Here.</a><br>
  884. <a href="" class="navigationLink">Name Here.</a><br>
  885. <a href="" class="navigationLink">Name Here.</a><br>
  886. <a href="" class="navigationLink">Name Here.</a><br>
  887. <a href="" class="navigationLink">Name Here.</a><br>
  888. <a href="" class="navigationLink">Name Here.</a><br>
  889. <a href="" class="navigationLink">Name Here.</a><br>
  890. </div>
  891.  
  892.  
  893.  
  894. </table>
  895. </td>
  896. </tr>
  897. </table>
  898. <br />
  899. <table bordercolor="black" cellspacing="0" cellpadding="0" width="400" bgcolor="black" border="0">
  900. <tr>
  901. <td class="text" valign="" align="left" width="400" bgcolor="0" height="0" style="word-wrap:break-word">
  902. <span class="orangetext15">
  903. </td>
  904. </tr>
  905. <tr>
  906. <td>
  907. <table bordercolor="0" cellspacing="0" cellpadding="0" width="400" align="" bgcolor="black" border="0">
  908. <td valign="top" align="" width="400" bgcolor="black" style="word-wrap:break-word">
  909. <h1>Storylines</h1>
  910.  
  911. <div style="width: 200px; height: 26px; display: inline-block; vertical-align: top;">
  912. <a href="#currentStorylines" class="navigationLink" style="font-size:11px;">Current Storylines.</a>
  913. </div>
  914. <div style="width: 197px; height: 26px; display: inline-block; vertical-align:top;">
  915. <a href="#wantedStorylines" class="navigationLink" style="width:147px;font-size:11px;">Wanted Storylines.</a>
  916. </div>
  917.  
  918.  
  919. <div id="currentStorylines">
  920. <a href="#close" style="color:#fff; font-size:14px;">X</a>
  921. <div style="width:500px; height:250px; overflow:auto; font-family:Georgia; font-size:12px; color:#fff; text-align:justify;">
  922. <h3 style="color:#b38663;"><a href="https://www.roleplayer.me/1511425">Emma Keating</a></h3>
  923. <b>Stay Alive</b> When Dani comes across this odd game that one of her co-workers suggested it to her to play she goes to her good friend Emma. From there she tries hard to convince her to play the game with her, but it takes some time before Emma finally says yes to playing. When she finally agrees to play with Dani, both girls try to figure out how to play it first and foremost before odd things start happening to them that are out of their control. They have no idea what it could all mean and why all of this is happening to them, but the moment they try to stop playing the game that is when things get even worse, and are forced to keep playing the game. It becomes a game of survival when the game gets deadly and causes the girls to fight for their lives.
  924. <br><br>
  925. <h3 style="color:#b38663;"><a href="https://www.roleplayer.me/1585579">Carter Nash</a></h3>
  926. <b>Fan Interaction</b> Dani is pumped to go to this concert she heard so much about, and she even got backstage passes to meet the artist. When she attends the concert she is overly joyed by the music played and is delighted to come backstage. When she comes backstage to meet Carter things start to heat up between the two of them and they sort of become friends in the midst of it all but when Carter makes Dani and her friend feel uncomfortable at the meet and greet they kind of start to ignore each other, and the girls decide to leave. However, when Dani goes to a coffee shop the next day she is faced with Carter once more and doesn't know how to handle herself in front him with her other friend that she was meeting at the cafe that day.
  927. <br><br>
  928. <h3 style="color:#b38663;"><a href="https://www.roleplayer.me/1194725">Dustin Hyde</a></h3>
  929. <b>Coffee Shop Horrors</b> Dani goes to a coffee shop in town to get some work done and meet with Dustin. When an robber comes into play and threatens the shop, Dani is scared hoping that the horrors will end soon, but is thankful that she is with Dustin because he would protect her. Once Dustin and Emerald escapes this robbery they start to develop a bond like no other, and continue to see each other after exchanging phone numbers and getting to know each other in better light.
  930. <br><br>
  931. <h3 style="color:#b38663;"><a href="https://www.roleplayer.me/view_profile.php?member_id=1603170">Nate Santiago</a></h3>
  932. <b>Out for the Killings</b> When Dani discovers that someone might be after her due to her mental illness she tries to consult in nate. She is hoping that Nate could help her with her troubles of this one person that could be stalking her and wanting to torment her due to her illness. She doesn't know how to handle this and she tries her best to explain herself to Nate, but when he does the unexpected it totally throws off Dani. When Nate confesses to her that he had killed the man that he believed to be after Dani the girl doesn't know how to respond and things kind of get heated between the two of them in the midst of things.
  933. <br><br>
  934. <h3 style="color:#b38663;"><a href="https://www.roleplayer.me/1275620">Charlotte Windsor</a></h3>
  935. <b>Resort Fantasies</b> Dani was in desperate need of some time off and decides to venture off into a vacation at this resort hotel and from there she meets up with an old friend of hers. The two of them are delighted to see each other and from the looks of it they have the same things planned for them. When out of the blue the manager of the hotel comes into play and announces some sort of fantasy mystery that each guest needs to solve. The two girls wonder what they could be doing on such a high end place and hoped that whatever this might be that they were going to have fun no matter what. Though when the fantasy searches start to become a bit more nightmarish they are dreaded of the fact on why they came here in the first place. Therefore, as the the vacation for Dani and Charlotte become that of a nightmare they are forced to have to solve the hotel's hellish mysteries in order to save their own life.
  936.  
  937. </div>
  938. </div>
  939.  
  940.  
  941.  
  942. <div id="wantedStorylines">
  943. <a href="#close" style="color:#fff; font-size:14px;">X</a>
  944. <div style="width:500px; height:250px; overflow:auto; font-family:Georgia; font-size:12px; color:#fff; text-align:justify;">
  945. <h3 style="color:#b38663;">Wanted Storyline Name Here</h3>
  946. About the storyline here. About the storyline here. About the storyline here. About the storyline here. About the storyline here. About the storyline here. About the storyline here. About the storyline here. About the storyline here. About the storyline here. About the storyline here. About the storyline here. About the storyline here. About the storyline here. About the storyline here. About the storyline here. About the storyline here. About the storyline here. About the storyline here. About the storyline here.
  947. About the storyline here. About the storyline here. About the storyline here. About the storyline here. About the storyline here. About the storyline here. About the storyline here. About the storyline here. About the storyline here. About the storyline here.
  948. <br><br>
  949. <h3 style="color:#b38663;">Wanted Storyline Name Here</h3>
  950. About the storyline here. About the storyline here. About the storyline here. About the storyline here. About the storyline here. About the storyline here. About the storyline here. About the storyline here. About the storyline here. About the storyline here. About the storyline here. About the storyline here. About the storyline here. About the storyline here. About the storyline here. About the storyline here. About the storyline here. About the storyline here. About the storyline here. About the storyline here.
  951. About the storyline here. About the storyline here. About the storyline here. About the storyline here. About the storyline here. About the storyline here. About the storyline here. About the storyline here. About the storyline here. About the storyline here.
  952. <br><br>
  953. <h3 style="color:#b38663;">Wanted Storyline Name Here</h3>
  954. About the storyline here. About the storyline here. About the storyline here. About the storyline here. About the storyline here. About the storyline here. About the storyline here. About the storyline here. About the storyline here. About the storyline here. About the storyline here. About the storyline here. About the storyline here. About the storyline here. About the storyline here. About the storyline here. About the storyline here. About the storyline here. About the storyline here. About the storyline here.
  955. About the storyline here. About the storyline here. About the storyline here. About the storyline here. About the storyline here. About the storyline here. About the storyline here. About the storyline here. About the storyline here. About the storyline here.
  956. <br><br>
  957. <h3 style="color:#b38663;">Wanted Storyline Name Here</h3>
  958. About the storyline here. About the storyline here. About the storyline here. About the storyline here. About the storyline here. About the storyline here. About the storyline here. About the storyline here. About the storyline here. About the storyline here. About the storyline here. About the storyline here. About the storyline here. About the storyline here. About the storyline here. About the storyline here. About the storyline here. About the storyline here. About the storyline here. About the storyline here.
  959. About the storyline here. About the storyline here. About the storyline here. About the storyline here. About the storyline here. About the storyline here. About the storyline here. About the storyline here. About the storyline here. About the storyline here.
  960. <br><br>
  961. <h3 style="color:#b38663;">Wanted Storyline Name Here</h3>
  962. About the storyline here. About the storyline here. About the storyline here. About the storyline here. About the storyline here. About the storyline here. About the storyline here. About the storyline here. About the storyline here. About the storyline here. About the storyline here. About the storyline here. About the storyline here. About the storyline here. About the storyline here. About the storyline here. About the storyline here. About the storyline here. About the storyline here. About the storyline here.
  963. About the storyline here. About the storyline here. About the storyline here. About the storyline here. About the storyline here. About the storyline here. About the storyline here. About the storyline here. About the storyline here. About the storyline here.
  964. <br><br>
  965. <h3 style="color:#b38663;">Wanted Storyline Name Here</h3>
  966. About the storyline here. About the storyline here. About the storyline here. About the storyline here. About the storyline here. About the storyline here. About the storyline here. About the storyline here. About the storyline here. About the storyline here. About the storyline here. About the storyline here. About the storyline here. About the storyline here. About the storyline here. About the storyline here. About the storyline here. About the storyline here. About the storyline here. About the storyline here.
  967. About the storyline here. About the storyline here. About the storyline here. About the storyline here. About the storyline here. About the storyline here. About the storyline here. About the storyline here. About the storyline here. About the storyline here.
  968. <br><br>
  969. <h3 style="color:#b38663;">Wanted Storyline Name Here</h3>
  970. About the storyline here. About the storyline here. About the storyline here. About the storyline here. About the storyline here. About the storyline here. About the storyline here. About the storyline here. About the storyline here. About the storyline here. About the storyline here. About the storyline here. About the storyline here. About the storyline here. About the storyline here. About the storyline here. About the storyline here. About the storyline here. About the storyline here. About the storyline here.
  971. About the storyline here. About the storyline here. About the storyline here. About the storyline here. About the storyline here. About the storyline here. About the storyline here. About the storyline here. About the storyline here. About the storyline here.
  972. <br><br>
  973. <h3 style="color:#b38663;">Wanted Storyline Name Here</h3>
  974. About the storyline here. About the storyline here. About the storyline here. About the storyline here. About the storyline here. About the storyline here. About the storyline here. About the storyline here. About the storyline here. About the storyline here. About the storyline here. About the storyline here. About the storyline here. About the storyline here. About the storyline here. About the storyline here. About the storyline here. About the storyline here. About the storyline here. About the storyline here.
  975. About the storyline here. About the storyline here. About the storyline here. About the storyline here. About the storyline here. About the storyline here. About the storyline here. About the storyline here. About the storyline here. About the storyline here.
  976. <br><br>
  977. </div>
  978. </div>
  979.  
  980. </table>
  981. </td>
  982. </tr>
  983. </table>
  984. <br />
  985. <table bordercolor="black" cellspacing="0" cellpadding="0" width="400" bgcolor="black" border="0">
  986. <tr>
  987. <td class="text" valign="" align="left" width="400" bgcolor="0" height="0" style="word-wrap:break-word">
  988. <span class="orangetext15">
  989. </td>
  990. </tr>
  991. <tr>
  992. <td>
  993. <table bordercolor="0" cellspacing="0" cellpadding="0" width="400" align="" bgcolor="black" border="0">
  994. <td valign="top" align="" width="400" bgcolor="black" style="word-wrap:break-word">
  995. <div style="width: 130px; height: 26px; display: inline-block; vertical-align: top;">
  996. <a href="#featuredDrabble" class="navigationLink" style="width:80px;">Featured.</a>
  997. </div>
  998. <div style="width: 130px; height: 26px; display: inline-block; vertical-align:top;">
  999. <a href="#allDrabbles" class="navigationLink" style="width:80px;">Drabbles.</a>
  1000. </div>
  1001. <div style="width: 130px; height: 26px; display: inline-block; vertical-align:top;">
  1002. <a href="#pointTracker" class="navigationLink" style="width:80px;">Points.</a>
  1003. </div>
  1004. <img src="https://i.imgur.com/aNnNUCO.png">
  1005.  
  1006.  
  1007. <div id="featuredDrabble">
  1008. <a href="#close" style="color:#fff; font-size:14px;">X</a>
  1009. <div style="width:500px; height:490px; overflow:auto; font-family:Georgia; font-size:12px; color:#fff; text-align:justify;">
  1010. <h3 style="color:#b38663;">Featured Drabble</h3>
  1011. The drabble will go here. The drabble will go here. The drabble will go here. The drabble will go here. The drabble will go here. The drabble will go here. The drabble will go here. The drabble will go here. The drabble will go here. The drabble will go here. The drabble will go here. The drabble will go here. The drabble will go here. The drabble will go here. The drabble will go here. The drabble will go here. The drabble will go here. The drabble will go here. The drabble will go here. The drabble will go here. The drabble will go here. The drabble will go here. The drabble will go here. The drabble will go here. The drabble will go here. The drabble will go here. The drabble will go here. The drabble will go here. The drabble will go here. The drabble will go here. The drabble will go here. The drabble will go here. The drabble will go here. The drabble will go here. The drabble will go here. The drabble will go here. The drabble will go here. The drabble will go here.
  1012. <br><br>
  1013. The drabble will go here. The drabble will go here. The drabble will go here. The drabble will go here. The drabble will go here. The drabble will go here. The drabble will go here. The drabble will go here. The drabble will go here. The drabble will go here. The drabble will go here. The drabble will go here. The drabble will go here. The drabble will go here. The drabble will go here. The drabble will go here. The drabble will go here. The drabble will go here. The drabble will go here. The drabble will go here. The drabble will go here. The drabble will go here. The drabble will go here. The drabble will go here. The drabble will go here. The drabble will go here. The drabble will go here. The drabble will go here. The drabble will go here. The drabble will go here. The drabble will go here. The drabble will go here. The drabble will go here. The drabble will go here. The drabble will go here. The drabble will go here. The drabble will go here. The drabble will go here.
  1014. <br><br>
  1015. The drabble will go here. The drabble will go here. The drabble will go here. The drabble will go here. The drabble will go here. The drabble will go here. The drabble will go here. The drabble will go here. The drabble will go here. The drabble will go here. The drabble will go here. The drabble will go here. The drabble will go here. The drabble will go here. The drabble will go here. The drabble will go here. The drabble will go here. The drabble will go here. The drabble will go here. The drabble will go here. The drabble will go here. The drabble will go here. The drabble will go here. The drabble will go here. The drabble will go here. The drabble will go here. The drabble will go here. The drabble will go here. The drabble will go here. The drabble will go here. The drabble will go here. The drabble will go here. The drabble will go here. The drabble will go here. The drabble will go here. The drabble will go here. The drabble will go here. The drabble will go here.
  1016. <br><br>
  1017. The drabble will go here. The drabble will go here. The drabble will go here. The drabble will go here. The drabble will go here. The drabble will go here. The drabble will go here. The drabble will go here. The drabble will go here. The drabble will go here. The drabble will go here. The drabble will go here. The drabble will go here. The drabble will go here. The drabble will go here. The drabble will go here. The drabble will go here. The drabble will go here. The drabble will go here. The drabble will go here. The drabble will go here. The drabble will go here. The drabble will go here. The drabble will go here. The drabble will go here. The drabble will go here. The drabble will go here. The drabble will go here. The drabble will go here. The drabble will go here. The drabble will go here. The drabble will go here. The drabble will go here. The drabble will go here. The drabble will go here. The drabble will go here. The drabble will go here. The drabble will go here.
  1018. <br><br>
  1019. The drabble will go here. The drabble will go here. The drabble will go here. The drabble will go here. The drabble will go here. The drabble will go here. The drabble will go here. The drabble will go here. The drabble will go here. The drabble will go here. The drabble will go here. The drabble will go here. The drabble will go here. The drabble will go here. The drabble will go here. The drabble will go here. The drabble will go here. The drabble will go here. The drabble will go here. The drabble will go here. The drabble will go here. The drabble will go here. The drabble will go here. The drabble will go here. The drabble will go here. The drabble will go here. The drabble will go here. The drabble will go here. The drabble will go here. The drabble will go here. The drabble will go here. The drabble will go here. The drabble will go here. The drabble will go here. The drabble will go here. The drabble will go here. The drabble will go here. The drabble will go here.
  1020. <br><br>
  1021. </div>
  1022. </div>
  1023.  
  1024. <div id="allDrabbles">
  1025. <div style="width:500px; height:20px; text-align:right;">
  1026. <a href="#close" style="color:#fff; font-size:14px;">X</a>
  1027. </div>
  1028. <h3>All Drabbles</h3>
  1029. <img src="https://i.imgur.com/dolgmoG.png">
  1030. <div style="width: 226px; height: 220px; font-size: 12px; font-family: Georgia; color: #fff; overflow: auto; text-align: justify; display: inline-block; vertical-align: top; padding: 10px; margin-bottom:10px;">
  1031. <a href="" class="navigationLink">Drabble Name Here.</a><br>
  1032. <a href="" class="navigationLink">Drabble Name Here.</a><br>
  1033. <a href="" class="navigationLink">Drabble Name Here.</a><br>
  1034. <a href="" class="navigationLink">Drabble Name Here.</a><br>
  1035. <a href="" class="navigationLink">Drabble Name Here.</a><br>
  1036. <a href="" class="navigationLink">Drabble Name Here.</a><br>
  1037. <a href="" class="navigationLink">Drabble Name Here.</a><br>
  1038. <a href="" class="navigationLink">Drabble Name Here.</a><br>
  1039. <a href="" class="navigationLink">Drabble Name Here.</a><br>
  1040. <a href="" class="navigationLink">Drabble Name Here.</a><br>
  1041. <a href="" class="navigationLink">Drabble Name Here.</a><br>
  1042. <a href="" class="navigationLink">Drabble Name Here.</a><br>
  1043. <a href="" class="navigationLink">Drabble Name Here.</a><br>
  1044. </div>
  1045. </div>
  1046.  
  1047. <div id="pointTracker">
  1048. <div style="width:500px; height:20px; text-align:right;">
  1049. <a href="#close" style="color:#fff; font-size:14px;">X</a>
  1050. </div>
  1051. <h3>Point Tracker</h3>
  1052. <img src="https://i.imgur.com/ZcRzq1E.png">
  1053. <div style="width: 226px; height: 220px; font-size: 12px; font-family: Georgia; color: #fff; overflow: auto; text-align: justify; display: inline-block; vertical-align: top; padding: 10px; margin-bottom:10px;">
  1054. Point tracker information will go here
  1055. </div>
  1056. </div>
  1057.  
  1058. <div id="jungleTasks">
  1059. <div style="width:500px; height:20px; text-align:right;">
  1060. <a href="#close" style="color:#fff; font-size:14px;">X</a>
  1061. </div>
  1062. <h3>Jungle Tasks</h3>
  1063. <img src="https://i.imgur.com/5aywPHp.png">
  1064. <div style="width: 226px; height: 220px; font-size: 12px; font-family: Georgia; color: #fff; overflow: auto; text-align: justify; display: inline-block; vertical-align: top; padding: 10px; margin-bottom:10px;">
  1065. <a href="">Jungle Task Name</a> - task description here. task description here. task description here. task description here. task description here. task description here. task description here. task description here. task description here. task description here. task description here. task description here. task description here. task description here. task description here. task description here. task description here. task description here. task description here. task description here. task description here. task description here. task description here. task description here. <br><br>
  1066.  
  1067. <a href="">Jungle Task Name</a> - task description here. task description here. task description here. task description here. task description here. task description here. task description here. task description here. task description here. task description here. task description here. task description here. task description here. task description here. task description here. task description here. task description here. task description here. task description here. task description here. task description here. task description here. task description here. task description here. <br><br>
  1068.  
  1069. <a href="">Jungle Task Name</a> - task description here. task description here. task description here. task description here. task description here. task description here. task description here. task description here. task description here. task description here. task description here. task description here. task description here. task description here. task description here. task description here. task description here. task description here. task description here. task description here. task description here. task description here. task description here. task description here. <br><br>
  1070.  
  1071. <a href="">Jungle Task Name</a> - task description here. task description here. task description here. task description here. task description here. task description here. task description here. task description here. task description here. task description here. task description here. task description here. task description here. task description here. task description here. task description here. task description here. task description here. task description here. task description here. task description here. task description here. task description here. task description here. <br><br>
  1072.  
  1073. <a href="">Jungle Task Name</a> - task description here. task description here. task description here. task description here. task description here. task description here. task description here. task description here. task description here. task description here. task description here. task description here. task description here. task description here. task description here. task description here. task description here. task description here. task description here. task description here. task description here. task description here. task description here. task description here. <br><br>
  1074. </div>
  1075. </div>
  1076.  
  1077. <div id="wantedRoles">
  1078. <div style="width:500px; height:20px; text-align:right;">
  1079. <a href="#close" style="color:#fff; font-size:14px;">X</a>
  1080. </div>
  1081. <h3>Wanted Roles</h3>
  1082. <img src="https://i.imgur.com/aSNnPtd.png">
  1083. <div style="width: 226px; height: 220px; font-size: 12px; font-family: Georgia; color: #fff; overflow: auto; text-align: justify; display: inline-block; vertical-align: top; padding: 10px; margin-bottom:10px;">
  1084. <h2>Wanted Name Here</h2>
  1085. About the storyline here. About the storyline here. About the storyline here. About the storyline here. About the storyline here. About the storyline here. About the storyline here. About the storyline here. About the storyline here. About the storyline here. About the storyline here. About the storyline here. About the storyline here. About the storyline here. About the storyline here. About the storyline here. About the storyline here. About the storyline here. About the storyline here. About the storyline here.
  1086. About the storyline here. About the storyline here. About the storyline here. About the storyline here. About the storyline here. About the storyline here. About the storyline here. About the storyline here. About the storyline here. About the storyline here.
  1087. <br><br>
  1088. <h2">Wanted Name Here</h2>
  1089. About the storyline here. About the storyline here. About the storyline here. About the storyline here. About the storyline here. About the storyline here. About the storyline here. About the storyline here. About the storyline here. About the storyline here. About the storyline here. About the storyline here. About the storyline here. About the storyline here. About the storyline here. About the storyline here. About the storyline here. About the storyline here. About the storyline here. About the storyline here.
  1090. About the storyline here. About the storyline here. About the storyline here. About the storyline here. About the storyline here. About the storyline here. About the storyline here. About the storyline here. About the storyline here. About the storyline here.
  1091. <br><br>
  1092. <h2>Wanted Name Here</h2>
  1093. About the storyline here. About the storyline here. About the storyline here. About the storyline here. About the storyline here. About the storyline here. About the storyline here. About the storyline here. About the storyline here. About the storyline here. About the storyline here. About the storyline here. About the storyline here. About the storyline here. About the storyline here. About the storyline here. About the storyline here. About the storyline here. About the storyline here. About the storyline here.
  1094. About the storyline here. About the storyline here. About the storyline here. About the storyline here. About the storyline here. About the storyline here. About the storyline here. About the storyline here. About the storyline here. About the storyline here.
  1095. <br><br>
  1096. </div>
  1097. </div>
  1098.  
  1099. <div style="width: 200px; height: 26px; display: inline-block; vertical-align: top;">
  1100. <a href="#jungleTasks" class="navigationLink">Jungle Tasks.</a>
  1101. </div>
  1102. <div style="width: 197px; height: 26px; display: inline-block; vertical-align:top;">
  1103. <a href="#wantedRoles" class="navigationLink" style="width:147px;">Wanted Roles.</a>
  1104. </div>
Advertisement
Add Comment
Please, Sign In to add comment