API tools faq
paste
Advertisement
rptgoddess

zoe nash bio page

rptgoddess
Oct 13th, 2017
612
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 18.61 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <html>
  3. <!--
  4. PAGE 001: SAGE BY @CHAAOSTHEORY
  5.  
  6. it'd be cool if you left the credit intact my dude but you know
  7. live your life
  8. -->
  9. <head>
  10. <!-- SCRIPTS-->
  11. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js" type="text/javascript"></script>
  12. <!-- TOOLTIPS SCRIPTS-->
  13. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js" type="text/javascript"></script>
  14. <script>
  15. (function($){
  16. $(document).ready(function(){
  17. $("[title]").style_my_tooltips({tip_delay_time:20});
  18. });
  19. })(jQuery);
  20. </script>
  21.  
  22. <!-- TAB SCRIPT-->
  23. <script> function openCity(cityName) {
  24. var i;
  25. var x = document.getElementsByClassName("tab");
  26. for (i = 0; i < x.length; i++) {
  27. x[i].style.display = "none";
  28. }
  29. document.getElementById(cityName).style.display = "block";
  30. } </script>
  31.  
  32.  
  33. <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
  34. <link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
  35.  
  36. <link href="https://fonts.googleapis.com/css?family=Abril+Fatface|Open+Sans" rel="stylesheet">
  37. <link href="https://fonts.googleapis.com/css?family=Exo" rel="stylesheet">
  38. <link href="https://fonts.googleapis.com/css?family=Chango" rel="stylesheet">
  39.  
  40. <!-- FULL CSS FOUND HERE-->
  41. <link href="http://static.tumblr.com/ewjs2wm/ezxoubwkt/sage.css" rel="stylesheet" type="text/css">
  42.  
  43. <script async defer src="//assets.pinterest.com/js/pinit.js"></script>
  44.  
  45. <title>{title}</title>
  46. <style type="text/css">
  47.  
  48. body {
  49. background: url('https://68.media.tumblr.com/131e029ab45ab993b7f4cd033c9e789f/tumblr_inline_ow6ihmgIIz1s2sak3_540.gif');
  50. background-size: cover;
  51. font-family: 'open sans';
  52. font-size:12px; }
  53.  
  54.  
  55. a {
  56. color:#000;
  57. }
  58.  
  59. h1 {
  60. font-family:'exo',sans-serif;
  61. font-weight:500;
  62. font-size:20px;
  63. background:#ddd;
  64. border-radius:5px;
  65. padding:5px;
  66. }
  67.  
  68. h2 {
  69. text-decoration:none;
  70. border-bottom: 1px solid #000;
  71. display: inline-block;
  72. line-height: 1;
  73. font-family: 'Exo', sans-serif;
  74. font-size:26px;
  75. font-weight:200;
  76. margin-bottom:0px;
  77. text-align:left;
  78. text-transform:uppercase;
  79. }
  80.  
  81. .btext h1{
  82. font-weight:100;
  83. margin-top:0px;
  84. }
  85.  
  86. .btext h1:before {
  87. content:'· · · ';
  88. font-weight:800;
  89. font-family:'chango';
  90. }
  91.  
  92. .cstats2 {
  93. background:#eee;
  94. height:auto;
  95. width:405px;
  96. display:block;
  97. position:absolute;
  98. float:right;
  99. margin-left:0px;
  100. margin-top:15px;
  101. line-height:0;
  102. }
  103.  
  104. .cstats2 table {
  105. width:100%;
  106.  
  107. }
  108.  
  109. .cstats2 tr {
  110. border: 1px #e0e0e0 solid;
  111. font-variant: small-caps;
  112. font-weight: 600;
  113. margin-top:3px;
  114. font-size:14px;
  115. overflow:visible;
  116. }
  117.  
  118. .cstats2 tr:nth-child(odd) {
  119. background-color: #f4f4f4;
  120. }
  121.  
  122. .cstats2 th {
  123. width: 25px;
  124. }
  125.  
  126. .cstats2 td {
  127. border: 1px #e0e0e0 solid;
  128. padding: 10px;
  129. text-align: right;
  130.  
  131. }
  132.  
  133. .cstats2 i {
  134. padding:3px;
  135. }
  136.  
  137. {CustomCSS}</style></head>
  138. <!-- END CSS-->
  139.  
  140. <body>
  141. <!-- CONTAINER -->
  142. <div id="container">
  143. <!-- NAVIGATION CONTAINER-->
  144. <div class="tabcontainer">
  145. <!-- TAB NAVIGATION-->
  146. <div class="buttons" style="">
  147. <a href="#" onclick="openCity('home')" title="home"><i class="fa fa-home fa-fw" aria-hidden="true"></i></a><br><br>
  148.  
  149. <a href="#" onclick="openCity('bio')" title="biography"><i class="fa fa-book fa-fw" aria-hidden="true"></i></a><br><br>
  150.  
  151. <a href="#" onclick="openCity('family')" title="connections"><i class="fa fa-users fa-fw" aria-hidden="true"></i></a><br><br>
  152.  
  153. <a href="#" onclick="openCity('aes')" title="aesthetics"><i class="fa fa-heart fa-fw" aria-hidden="true"></i></a><br><br>
  154.  
  155. <a href="#" onclick="openCity('navi')" title="mavigation"><i class="fa fa-bars fa-fw" aria-hidden="true"></i></a><br><br>
  156.  
  157. <a href="/" title="go back"><i class="fa fa-undo fa-fw" aria-hidden="true" style="margin-top:250px;"></i></a><br><br>
  158. </div>
  159. <!-- END TAB NAVIGATION-->
  160. </div>
  161. <!-- END TAB NAVIGATION-->
  162.  
  163. <!-- TAB CONTENT -->
  164.  
  165. <!-- !! CHARACTER TAB !! -->
  166.  
  167. <div id="home" class="tab">
  168. <div class="contentcontainer">
  169. <!--SIDE CHARACTER IMG-->
  170. <div class="cside">
  171. <img src="https://78.media.tumblr.com/af360a8ff8b05abaa23ec037df4c023b/tumblr_inline_oxr98hSnng1riob4m_540.gif">
  172. </div>
  173. <!-- END SIDE CHARACTER IMG-->
  174.  
  175. <!-- CHARACTER HEADER-->
  176. <div class="cheader">
  177.  
  178. <!-- HEADER IMAGE -->
  179. <img src="https://78.media.tumblr.com/0faec731a7b56f72fe5774beb5d9b942/tumblr_inline_oxr9irLcCP1riob4m_540.gif">
  180. <!-- END HEADER IMAGE -->
  181.  
  182. <div class="cname">
  183. <h2><b>zoe nash.</b></h2>
  184.  
  185. <h3><p><i>the halcyon; she is someone </p></i></h3>
  186. <h3><p><i>who is optimistic and carefree in </h3></i>
  187. <h3><p><i>their lifestyle. </h3></i>
  188. </p>
  189.  
  190. </div>
  191.  
  192. </div>
  193. <!--END CHARACTER HEADER-->
  194.  
  195. <!-- STAT COLUMN ONE-->
  196. <div class="cstats">
  197. <table>
  198. <tr>
  199. <th><i class="fa fa-user-secret fa-fw" aria-hidden="true" title="alias"></i></th>
  200. <td>zoe.</td>
  201. </tr>
  202.  
  203. <tr>
  204. <th><i class="fa fa-user fa-fw" aria-hidden="true" title="age"></i></th>
  205. <td>twenty one.</td>
  206. </tr>
  207.  
  208. <tr>
  209. <th><i class="fa fa-calendar fa-fw" aria-hidden="true" title="birthday"></i></th>
  210. <td>september first.</td>
  211. </tr>
  212.  
  213. <tr>
  214. <th><i class="fa fa-transgender-alt fa-fw" aria-hidden="true" title="gender"></i></th>
  215. <td>cisfemale.</td>
  216. </tr>
  217.  
  218. <tr>
  219. <th><i class="fa fa-deaf fa-fw" aria-hidden="true" title="pronouns"></i></th>
  220. <td>she/her.</td>
  221. </tr>
  222.  
  223. <tr>
  224. <th><i class="fa fa-male fa-fw" aria-hidden="true" title="father"></i></th>
  225. <td>marcus nash. </td>
  226. </tr>
  227.  
  228. <tr>
  229. <th><i class="fa fa-female fa-fw" aria-hidden="true" title="mother"></i></th>
  230. <td>athena nash. </td>
  231. </tr>
  232.  
  233. <tr>
  234. <th><i class="fa fa-briefcase fa-fw" aria-hidden="true" title="occupation"></i></th>
  235. <td>choreographer.</td>
  236. </tr>
  237.  
  238. <tr>
  239. <th><i class="fa fa-heart fa-fw" aria-hidden="true" title="sexuality"></i></th>
  240. <td>available.</td>
  241. </tr>
  242. </table>
  243. <div class="cstats2">
  244. <table>
  245. <tr>
  246. <th><i class="fa fa-camera-retro" aria-hidden="true" title="secret"></i><td>this here is melita's secret. im rlly hoping it looks good.
  247. <p>this better work tbh. or i'll be mad. like pls work <p>is this good? or nah. like pls for me work<p> makes it look good ? about this many.</td>
  248. </tr></table>
  249. </div>
  250. </table>
  251. </div>
  252. <!-- END STAT COLUMN ONE-->
  253.  
  254. <!-- STAT COLUMN TWO -->
  255. <div class="cstats" style="margin-left:528px;">
  256. <table>
  257.  
  258. <tr>
  259. <th><i class="fa fa-smile-o fa-fw" aria-hidden="true" title="faceclaim"></i></th>
  260. <td>zendaya coleman.</td>
  261. </tr>
  262.  
  263. <tr>
  264. <th><i class="fa fa-home fa-fw" aria-hidden="true" title="hometown"></i></th>
  265. <td>new york, new york.</td>
  266. </tr>
  267.  
  268. <tr>
  269. <th><i class="fa fa-map-marker fa-fw" aria-hidden="true" title="residence"></i></th>
  270. <td>venice, california.</td>
  271. </tr>
  272.  
  273. <tr>
  274. <th><i class="fa fa-moon-o fa-fw" aria-hidden="true" title="zodiac"></i></th>
  275. <td>virgo.</td>
  276. </tr>
  277.  
  278. <tr>
  279. <th><i class="fa fa-plus-circle fa-fw" aria-hidden="true" title="positive"></i></th>
  280. <td>dynamic & introspective.</td>
  281. </tr>
  282.  
  283. <tr>
  284. <th><i class="fa fa-minus-circle fa-fw" aria-hidden="true" title="negative"></i></th>
  285. <td>passive aggressive & cynical.</td>
  286. </tr>
  287.  
  288. <tr>
  289. <th><i class="fa fa-graduation-cap fa-fw" aria-hidden="true" title="schooling"></i></th>
  290. <td>NYU Tisch school of the arts.</td>
  291. </tr>
  292.  
  293. <tr>
  294. <th><i class="fa fa-money fa-fw" aria-hidden="true" title="net worth"></i></th>
  295. <td>3.5 million.</td>
  296. </tr>
  297.  
  298. <tr>
  299. <th><i class="fa fa-play fa-fw" aria-hidden="true" title="currently playing"></i></th>
  300. <td>playing: pretty girl.</td>
  301. </tr>
  302. </table>
  303. </div>
  304. <!-- END STATS COLUMN TWO -->
  305.  
  306.  
  307.  
  308. </div>
  309. </div>
  310. <!-- END CHARACTER TAB-->
  311.  
  312. <!-- !! START BIO TAB !! -->
  313. <div id="bio" class="tab" style="display:none">
  314. <div class="contentcontainer">
  315.  
  316. <!-- START BIO HEADER-->
  317. <div class="bheader">
  318. <img src="https://78.media.tumblr.com/ad8cc9e9023b08e97196cd551bc51352/tumblr_inline_oxrb9tuDYd1riob4m_540.gif">
  319. <img src="https://78.media.tumblr.com/b897f9025cb455493fe50e861f3a8317/tumblr_inline_oxrb9tlj3A1riob4m_540.gif">
  320. <img src="https://78.media.tumblr.com/6810f07d462283686d45c83b7baf7818/tumblr_inline_oxrb9tzu3J1riob4m_540.gif">
  321. <h2>Extra Extra Read All About Her <b>Biography</b></h2>
  322. </div>
  323. <!--END BIO HEADER-->
  324.  
  325. <!-- START HISTORY TEXT-->
  326. <div class="btext">
  327. <h1>history</h1>
  328. <p>this will be apart of the app. this is where the applicant will write a bit about their backstory & what not.</p>
  329. </div>
  330. <!--END HISTORY TEXT-->
  331.  
  332. <!-- START PERSONALITY TEXT-->
  333. <div class="btext" style="margin-left:375px; margin-top:-395px;">
  334. <h1>personality</h1>
  335. <p>this part is also up to the applicant to complete. this will be the section where you will write about their personality.</p>
  336. </div>
  337. <!--END PERSONALITY TEXT-->
  338.  
  339. </div>
  340. </div>
  341. <!--END BIO TAB-->
  342.  
  343.  
  344. <!-- !! START FAMILY / CONNECTIONS TAB !! -->
  345. <div id="family" class="tab" style="display:none">
  346. <div class="contentcontainer">
  347. <!-- START CONNECTION CONTAINER (FAMILY) -->
  348. <div class="fcontainer">
  349. <!-- START CONNECTION-->
  350. <div class="fmember">
  351. <img src="https://78.media.tumblr.com/449bec904fa227b4c6eb8107b302dfa6/tumblr_inline_owutmpr7Vc1s2sak3_540.gif" title="adriana">
  352. <h1><center>the best friend.</center></h1>
  353. <div class="ficons">
  354. <i class="fa fa-user fa-fw" aria-hidden="true" title="age"></i>
  355. <i class="fa fa-briefcase fa-fw" aria-hidden="true" title="ocupation"></i>
  356. <i class="fa fa-home fa-fw" aria-hidden="true" title="etc"></i>
  357. </div>
  358. <p><br><br><center>‘ We met by chance but it was clear from the start we were going to hit it off big. Despite busy af schedules we kept running into one another and a beautiful friendship began to form. Now she’s the person I trust more than anyone, we support each other and she knows I make the best margaritas for girls night. Whenever I need advice I text her first and she does the same with me. Without her I’d be a much less trusting person. Despite continuous hectic schedules we make time to unwind together, and a friend you can just sit in pajamas and drink wine with is your best friend, forever. ’</center></p>
  359. </div>
  360. <!-- END CONNECTION-->
  361. </div>
  362. <!-- END CONNECTION CONTAINER (FAMILY) -->
  363.  
  364. <!-- CONNECTION HEADER (FAMILY)-->
  365. <div class="fheader" style="margin-left:-300px; margin-top:410px;">
  366. <h2><i class="fa fa-arrow-up" aria-hidden="true"></i> Her <b>friendship</b></h2>
  367. </div>
  368. <!-- END CONNECTION HEADER (FAMILY)-->
  369.  
  370. <!-- DIVIDING IMAGE-->
  371. <img src="https://68.media.tumblr.com/b8ee05124953962e0bd8c51969d0f436/tumblr_inline_ow6mgkpD8X1s2sak3_540.gif" style="float:left; padding:10px;">
  372. <!-- END DIVIDING IMAGE-->
  373.  
  374. <!-- CONNECTION HEADER (FRIENDS)-->
  375. <div class="fheader" style="margin-left:0px;">
  376. <h2><i class="fa fa-arrow-down" aria-hidden="true"></i>Her <b>Relationship.</b></h2>
  377. </div>
  378. <!-- END CONNECTION HEADER (FRIENDS)-->
  379.  
  380. <!-- START CONNECTION CONTAINER (FRIENDS) -->
  381. <div class="fcontainer" style="margin-left:420px; margin-top:-400px; height:390px;">
  382. <!-- START CONNECTION-->
  383. <div class="fmember">
  384. <img src="https://68.media.tumblr.com/b5eb9327e9fbed17e9a202eb8d108c8f/tumblr_inline_ow6lfgwD7e1s2sak3_540.gif" title="jason">
  385. <h1><center>jason kaiser.</center></h1>
  386. <div class="ficons">
  387. <i class="fa fa-user fa-fw" aria-hidden="true" title="age"></i>
  388. <i class="fa fa-briefcase fa-fw" aria-hidden="true" title="ocupation"></i>
  389. <i class="fa fa-home fa-fw" aria-hidden="true" title="alligence/house/etc"></i>
  390. </div>
  391. <p><br><br><center>‘ people always ask, how exactly did you end up on mr. kaiser's arm? well, i honestly couldn't tell you how i ended up being around one of the most sincere & caring guys here in hollywood. he's such a great guy, someone i know that i shouldn't even mess with. because who wants someone who's damnaged goods right? but he's such an easy person to confide in. he's easy to talk too & generally cares about people. at least, that's the way i see him. we aren't exactly dating & if i was looking for a relationship he'd be the first person i choose. i just ... hope he doesn't give up on the idea of being with me later on down the road. i'm just not ready to start a relationship with someone. i'm shit scared of relationships. but i know he's a great guy who's probably going to end up leaving me behind if i don't tell him how i really feel about him. otherwise i think the fun we're having now is going to come to an end because one of us is falling a bit faster than the other is. ’</center></p>
  392. </div>
  393. <!-- END CONNECTION-->
  394. </div>
  395. <!-- END CONNECTION CONATINER (FRIENDS) -->
  396. </div>
  397. </div>
  398. <!--END FAMILY / CONNECTIONS TAB -->
  399.  
  400. <!-- !! START AESTHETIC TAB !! -->
  401. <div id="aes" class="tab" style="display:none">
  402. <div class="contentcontainer">
  403.  
  404. <!--START SPOTIFY-->
  405.  
  406. <!-- INSTRUCTIONS FOR GETTING SPOTIFY EMBED CODE:
  407.  
  408. ok so when you go to ur playlist ur gonna wanna click the circlualr button with the dots next to play. it should have a hover that says more.
  409.  
  410. go to the bottom of the menu and click on share
  411.  
  412. right next to the tumblr button there's a button with "</>". click that and it'll copy the embed code to the clipboard.
  413.  
  414. it'll look like this: "<iframe src="https://open.spotify.com/embed/user/1238632077/playlist/1NVItQRqiiGA3k0E6JL9BE" width="300" height="380" frameborder="0" allowtransparency="true"></iframe>"
  415.  
  416. then just plop the source link in the src="" section and u gucci.
  417.  
  418. -->
  419. <div class="aspotify">
  420. <iframe src="https://open.spotify.com/embed/user/prominencehq/playlist/58dKlKusWuZAfogbjP0p4u" width="300" height="470" frameborder="0" allowtransparency="true"></iframe>
  421. </div>
  422. <!-- END SPOTIFY-->
  423.  
  424. <!-- START PINTEREST-->
  425.  
  426. <!-- INSTUCTIONS FOR GETTING PINTEREST EMBED CODE:
  427.  
  428. this one's easy just copy the link of ur board and put it in the href. simple.
  429. -->
  430. <div class="apinterest">
  431. <a data-pin-do="embedBoard" data-pin-board-width="900" data-pin-scale-height="352" data-pin-scale-width="115" href="https://www.pinterest.com/prominencehq/zoe-nash/"></a>
  432. </div>
  433. <!--END PINTEREST-->
  434. </div>
  435. </div>
  436. <!-- END AESTHETICS TAB -->
  437.  
  438. <!-- !! START NAV TAB !! -->
  439. <div id="navi" class="tab" style="display:none">
  440. <div class="contentcontainer">
  441. <!-- START TAG ICONS -->
  442. <div class="niconbox">
  443. <a href="/" title="INSPO TAG"><i class="fa fa-tag fa-fw" aria-hidden="true"></i></a>
  444. <a href="/" title="PROMPT TAG"><i class="fa fa-pencil-square fa-fw" aria-hidden="true"></i></a>
  445. <a href="https://prominenceteasers.tumblr.com/tagged/%3Bmelita." title="HER VIDEO"><i class="fa fa-play fa-fw" aria-hidden="true"></i></a><br>
  446. <a href="" title="FIVE STAR RATING"><i class="fa fa-star fa-fw" aria-hidden="true"></i></a>
  447. <a href="" title="PLAYED BY: SAGE"><i class="fa fa-info fa-fw" aria-hidden="true"></i></a>
  448. <a href="/" title="HER RELATIONSHIP TAG"><i class="fa fa-heart fa-fw" aria-hidden="true"></i></a><br>
  449. <a href="https://www.pinterest.com/prominencehq/millie-varela/" title="HER PINTEREST"><i class="fa fa-pinterest-square fa-fw" aria-hidden="true"></i></a>
  450. <a href="spotify:user:prominencehq:playlist:58dKlKusWuZAfogbjP0p4u" title="HER SPOTIFY PLAYLIST"><i class="fa fa-spotify fa-fw" aria-hidden="true"></i></a>
  451. <a href="/" title="BACK HOME"><i class="fa fa-share fa-fw" aria-hidden="true"></i></a><br>
  452. </div>
  453. <!--END TAG ICONS-->
  454.  
  455. <!-- START ROW ONE ICONS -->
  456. <div class="nav">
  457. <img src="https://78.media.tumblr.com/99cb21b12476ecc98e53f29e9535b85e/tumblr_inline_oxrc0cfBZC1riob4m_540.png">
  458. <img src="https://78.media.tumblr.com/4c3c63d74fb4f379a45e6f8b38d6973e/tumblr_inline_oxrc0dwkye1riob4m_540.png">
  459. <img src="https://78.media.tumblr.com/2a5ae764b929418526be77a1a0edbcd7/tumblr_inline_oxrc0eDcOF1riob4m_540.png">
  460. </div>
  461. <!-- END ROW ONE ICONS -->
  462.  
  463. <!-- START ROW TWO ICONS-->
  464. <div class="nav2">
  465. <img src="https://78.media.tumblr.com/2a5ae764b929418526be77a1a0edbcd7/tumblr_inline_oxrc0eDcOF1riob4m_540.png">
  466. <img src="https://78.media.tumblr.com/fd977d4cdf73d283b36b708ffa771b0e/tumblr_inline_oxrc0edurM1riob4m_540.png">
  467. <img src="https://78.media.tumblr.com/ae16b9a060fa88af4e5bb63fc3ca44d6/tumblr_inline_oxrc0f3xNI1riob4m_540.png">
  468. <img src="https://78.media.tumblr.com/dbeffd5d4668ce5ed8fd5de2b6f8af10/tumblr_inline_oxrc0fGjSM1riob4m_540.png">
  469.  
  470. </div>
  471. <!-- END ROW TWO ICONS -->
  472.  
  473. <!-- START NAGIVATION FOOTER-->
  474. <div class="nheader">
  475. <h2>WELCOME TO <b>HOLLYWOOD. i heard it's hell here.</b></h2>
  476. </div>
  477. <!-- END NAGIVATION FOOTER-->
  478.  
  479.  
  480. <!-- START NAGIVATION IMAGE-->
  481. <div class="nbottom">
  482. <img src="https://i.imgur.com/bayerar.gif">
  483. </div>
  484. <!-- END NAGIVATION IMAGE-->
  485.  
  486.  
  487.  
  488. </div>
  489. </div>
  490. <!-- END NAV TAB-->
  491.  
  492. <!-- END TAB CONTENT-->
  493. </div>
  494. <!-- END CONTAINER-->
  495.  
  496. <!-- CREDIT // would be nice if u left intact -->
  497. <div class="credit">
  498. <a href="http://chaaostheory.tumblr.com" title="chaaostheory"><i class="fa fa-gitlab fa-fw" aria-hidden="true"></i></a>
  499. </div>
  500.  
  501. </body>
  502. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!