API tools faq
paste
Advertisement
cvndythemes

Dani_About_Page

cvndythemes
Apr 14th, 2024
20
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 21.23 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <head>
  3.  
  4. <title>About Danielle</title>
  5.  
  6. <!--
  7.  
  8. >> ETHEREAL THEMES // RINA ABOUT PAGE
  9.  
  10. Designed by Ethereal Themes
  11. ethereal-themes.tumblr.com
  12. ⓒ 2016 - 2024
  13.  
  14. >> TERMS OF USE
  15.  
  16. Do NOT remove the credit
  17. Do NOT claim as your own
  18.  
  19. *You can move the credit, but leave it visible
  20. *Edit as much as you'd like
  21. *Feel free to ask about basic customization
  22. *Page suggestions always welcomed
  23.  
  24. >> CREDITS
  25.  
  26. Icons by Remix Icons @ https://remixicon.com/
  27. Tippy JS tooltips @ https://tippyjs.bootcss.com/
  28. Fonts by Google Fonts @ https://fonts.google.com/
  29.  
  30.  
  31. >> COLOR CHEAT SHEET:
  32.  
  33. Black Text - #000000
  34. White Text - #ffffff
  35. Scrollbar - #1c1c1c
  36. Containers - #ffffff
  37. Lighter Containers - #0a0a0a
  38. Misc - #1c1c1c
  39. Accent One - #85bbd8
  40. Accent Two - #5eaab3
  41.  
  42. To add a background image pattern, search:
  43. BACKGROUND IMAGE HERE
  44.  
  45. You may also go through the css and change specific sections
  46.  
  47. -->
  48.  
  49. <!-- SCRIPTS-->
  50. <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
  51.  
  52.  
  53. <!-- Remix Icon Fonts -->
  54. <link href="https://cdn.jsdelivr.net/npm/remixicon@3.5.0/fonts/remixicon.css" rel="stylesheet">
  55.  
  56. <!-- Tippy JS -->
  57. <script src="https://unpkg.com/popper.js@1"></script>
  58. <script src="https://unpkg.com/tippy.js@5"></script>
  59. <script>
  60. $(document).ready(function(){
  61. tippy('[title]', {
  62. arrow: false,
  63. placement: 'bottom',
  64. delay: 5,
  65. distance: 10,
  66. maxWidth: 300,
  67.  
  68. followCursor: true,
  69. allowHTML: true,
  70. theme: 'custom',
  71. ignoreAttributes: true,
  72. content(reference) {
  73. const title = reference.getAttribute('title');
  74. reference.removeAttribute('title');
  75. return title;
  76. },
  77. });
  78. });
  79. </script>
  80.  
  81. <!-- Google Fonts -->
  82. <link rel="preconnect" href="https://fonts.googleapis.com">
  83. <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
  84. <link href="https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,400;0,700;1,400;1,700&family=Roboto:wght@400;900&display=swap" rel="stylesheet">
  85.  
  86. <!-- STYLESHEET -->
  87. <style type="text/css">
  88.  
  89. /* --- TOOLTIPS ---*/
  90.  
  91. .tippy-tooltip.custom-theme {
  92. $tooltipBg: #1c1c1c;
  93. background-color: #1c1c1c;
  94. color:#ffffff;
  95. border-radius:5px;
  96. letter-spacing:0.5px;
  97. margin:35px 0px 0px 75px;
  98. padding:0px 3px;
  99. text-transform:uppercase;
  100. font-size:8pt;
  101. }
  102.  
  103. /* --- TUMBLR TOOLS --- */
  104.  
  105. iframe.tmblr-iframe {
  106. top:10px!important;
  107. right:15px!important;
  108. opacity:0;
  109. padding:0px 30px 0px 0px;
  110. z-index:16!important;
  111. transform:scale(0.7);
  112. transform-origin:100% 0;
  113. -webkit-transform:scale(0.7);
  114. -webkit-transform-origin:100% 0;
  115. -o-transform:scale(0.7);
  116. -o-transform-origin:100% 0;
  117. -moz-transform:scale(0.7);
  118. -moz-transform-origin:100% 0;
  119. -ms-transform:scale(0.7);
  120. -ms-transform-origin:100% 0;
  121. transition:0.2s ease-in-out;
  122. -webkit-transition:0.2s ease-in-out;
  123. -moz-transition:0.2s ease-in-out;
  124.  
  125. /* --- CHANGE 1 TO 0 BELOW FOR LIGHT TUMBLR TOOLS --- */
  126.  
  127. filter:invert(1);
  128. -webkit-filter:invert(1);
  129. -o-filter:invert(1);
  130. -moz-filter:invert(1);
  131. -ms-filter:invert(1);
  132.  
  133. }
  134.  
  135. iframe.tmblr-iframe:hover {opacity:0.8!important;}
  136.  
  137. .tcontrols {
  138. position:fixed;
  139. top:19px;
  140. right:15px;
  141. z-index:15;
  142. transition:0.2s ease-in-out;
  143. -webkit-transition:0.2s ease-in-out;
  144. -moz-transition:0.2s ease-in-out;
  145. }
  146.  
  147. .tcontrols i {font-size:10pt;font-weight:400;color:#000000;}
  148.  
  149. /* --- SCROLLBAR ---*/
  150.  
  151. ::-webkit-scrollbar-thumb {border:0px;width:2px;background:#1c1c1c;}
  152. ::-webkit-scrollbar {border:0px;width:2px;background:transparent;}
  153. ::-webkit-scrollbar-track {border:0px;width:2px;background:transparent;}
  154.  
  155. .socials::-webkit-scrollbar-thumb {border:0px;height:3px;background:#1c1c1c;}
  156. .socials::-webkit-scrollbar {border:0px;height:3px;background:transparent;}
  157. .socials::-webkit-scrollbar-track {border:0px;height:3px;background:transparent;}
  158.  
  159. /* --- SELECTION ---*/
  160.  
  161. ::-moz-selection {color:#ffffff;background:#85bbd8;opacity:1;}
  162.  
  163. ::selection {color:#ffffff;background:#85bbd8;opacity:1;}
  164.  
  165. /* --- BODY --- */
  166.  
  167. body {
  168. margin: 0px;
  169. padding: 0px;
  170. font-family: 'Nunito', sans-serif;
  171. color:#000000;
  172. font-size:10.5pt;
  173. line-height:140%;
  174. font-weight:normal;
  175. word-wrap:normal;
  176. text-align:left;
  177. background-color:#111111;
  178. background-image:url('https://static.tumblr.com/zvesamf/VMCr456rx/background.jpg');/* ---BACKGROUND IMAGE HERE--- */
  179. background-position:top center;
  180. background-repeat:repeat;
  181. -webkit-font-feature-settings: "lnum";
  182. -moz-font-feature-settings: "lnum";
  183. font-feature-settings: "lnum";
  184. }
  185.  
  186. b {color:#85bbd8;font-weight:bold;}
  187.  
  188. i {font-style:italic;color:#85bbd8;}
  189.  
  190. em {font-style:normal;color:#85bbd8;}
  191.  
  192. strike {display:inline-block;line-height:100%;text-decoration:none;background:#5eaab3;color:#000000;padding:0px 1px 1px 1px;}
  193.  
  194. u {text-decoration:none;border-bottom:2px solid #5eaab3;}
  195.  
  196. a {color:#000000;border-bottom:1px solid #000000;text-decoration:none;cursor:help;font-weight:normal;transition:0.2s ease-in-out;-webkit-transition:0.2s ease-in-out;-moz-transition:0.2s ease-in-out;}
  197.  
  198. a:hover {color:#9eaec4;}
  199.  
  200. p {display:block;margin:5px 0px;}
  201.  
  202. sub, sup, pre, hr, blockquote, small, big {color:#ffffff;font-family: 'Nunito', sans-serif;font-size:11pt;line-height:185%;}
  203.  
  204. sub, sup {vertical-align:baseline;}
  205.  
  206. pre {font-family:inherit;font-size:inherit;color:000000;white-space:pre-wrap;white-space:-moz-pre-wrap;white-space:-pre-wrap;white-space:-o-pre-wrap;word-wrap:break-word;padding:4px;background:#85bbd8;}
  207.  
  208. hr.divider, hr, hr.separator {
  209. display:block;
  210. margin:0.5em auto;
  211. border-style:inset;
  212. border-color:rgba(0,0,0,0.2);
  213. border-bottom:1px;
  214. }
  215.  
  216. .et {
  217. position:fixed;
  218. height:20px;
  219. width:20px;
  220. line-height:22px;
  221. right:10px;
  222. bottom:10px;
  223. text-align:center;
  224. font-size:6pt;
  225. background:#ffffff;
  226. border-radius:50%;
  227. opacity:0.3;
  228. z-index:10;
  229. }
  230.  
  231. .et a {text-transform:uppercase;color:#000000;border-bottom:0px;}
  232.  
  233. /* --- BLOCKQUOTE --- */
  234.  
  235. blockquote {
  236. color:#000000;
  237. border-left:2px solid #85bbd8;
  238. margin-left:0px;
  239. padding-left:20px;
  240. text-align:left;
  241. }
  242.  
  243. blockquote img {max-width:100%;display:block;margin-bottom:5px;}
  244.  
  245. /* --- LISTS --- */
  246.  
  247. ol, ul {margin:20px 0px;padding:0px 0px 0px 20px;}
  248.  
  249. ol li, ul li {margin-bottom:5px;}
  250.  
  251. ol li:last-of-type, ul li:last-of-type {margin-bottom:0px;}
  252.  
  253. /* --- BACKGROUND --- */
  254.  
  255. .background {
  256. position:fixed;
  257. top:0px;
  258. left:0px;
  259. height:calc(100% - 0px);
  260. width:100%;
  261. background-image:url('');* ---BACKGROUND IMAGE HERE--- */
  262. background-position:top center;
  263. background-repeat:none;/* --- Change to repeat for pattern --- */
  264. background-size:cover; /* --- Delete this line for pattern --- */
  265. z-index:-1;
  266. }
  267.  
  268. /* --- CONTAINER --- */
  269.  
  270. .container {
  271. position:fixed;
  272. top:50%;
  273. left:50%;
  274. height:580px;
  275. width:820px;
  276. margin:-290px 0px 0px -405px;
  277. box-sizing:border-box;
  278. }
  279.  
  280. /* --- UNIVERSAL --- */
  281.  
  282. .icon_one, .icon_two, .image_one, .image_two, .links, .bio, .name, .profile, .personality, .socials {
  283. position:absolute;
  284. overflow:hidden;
  285. box-shadow:0px 0px 10px rgba(0,0,0,0.1);
  286. transition:0.2s ease-in-out;
  287. -webkit-transition:0.2s ease-in-out;
  288. -moz-transition:0.2s ease-in-out;
  289. }
  290.  
  291. .name {box-shadow:0px 0px 10px rgba(0,0,0,0);}
  292.  
  293. .links, .name, .personality, .socials {box-sizing:border-box;padding:20px;border-radius:12px;background:#ffffff;}
  294.  
  295. .profile, .bio {box-sizing:border-box;padding:20px;border-radius:12px;background:#ffffff;}
  296.  
  297. .scroll {margin-top:10px;overflow-x:hidden;overflow-y:auto;padding-right:5px;}
  298.  
  299. .title {text-align:left;}
  300.  
  301. .title h1 {
  302. display:inline-block;
  303. vertical-align:middle;
  304. font-family: 'Roboto', sans-serif;
  305. font-size:12pt;
  306. line-height:100%;
  307. font-weight:900;
  308. letter-spacing:1px;
  309. color:#000000;
  310. padding:0px 2px;
  311. box-shadow:inset 0px -6px transparent;
  312. margin:0px;
  313. }
  314.  
  315. .title i {display:inline-block;vertical-align:middle;float:right;font-size:11pt;color:#000000;}
  316.  
  317. /* --- NAME --- */
  318.  
  319. .name {top:-15px;left:140px;height:70px;width:450px;text-align:left!important;z-index:6;background:transparent!important;}
  320.  
  321. .name h1 {
  322. margin:-15px auto 0px auto;
  323. font-family: 'Roboto', sans-serif;
  324. font-size:48pt;
  325. line-height:95%;
  326. font-weight:900;
  327. display:inline-block;
  328. letter-spacing:2px;
  329. color:#000000;
  330. box-shadow:inset 0px -12px #85bbd8;
  331. }
  332.  
  333. /* --- LINKS --- */
  334.  
  335. .links {
  336. top:190px;
  337. left:0px;
  338. height:170px;
  339. width:150px;
  340. padding:10px!important;
  341. color:#ffffff;
  342. background:#85bbd8!important;
  343. z-index:5;
  344. }
  345.  
  346. .links:hover {left:10px;z-index:7;}
  347.  
  348. .links .scroll {height:145px;}
  349.  
  350. .links h1 {box-shadow:inset 0px -6px transparent;color:#ffffff;}
  351.  
  352. .links a {
  353. display:block;
  354. margin:2px 0px 15px 0px;
  355. border:0;
  356. text-decoration:none;
  357. line-height:105%;
  358. color:#ffffff;
  359. padding:1px;
  360. }
  361.  
  362. .links a:after {width:100%;display:block;}
  363.  
  364. .links a:hover {margin-left:3px;background:transparent;}
  365.  
  366. /* --- BIO --- */
  367.  
  368. .bio {top:380px;left:-10px;height:180px;width:480px;z-index:2;}
  369.  
  370. .bio:hover {left:0px;z-index:9;}
  371.  
  372. .bio .scroll {height:118px;}
  373.  
  374. .bio h1 {box-shadow:inset 0px -6px #5eaab3;}
  375.  
  376. /* --- PROFILE --- */
  377.  
  378. .profile {
  379. top:80px;
  380. left:370px;
  381. height:240px;
  382. width:170px;
  383. padding:10px!important;
  384. z-index:4;
  385. }
  386.  
  387. .profile:hover {left:380px;z-index:7;}
  388.  
  389. .profile .scroll {height:190px;}
  390.  
  391. .profile h1 {line-height:100%;border-left:8px solid #85bbd8;padding-left:5px;}
  392.  
  393. .profile span {display:block;font-weight:bold;margin-top:5px;color:#85bbd8;}
  394.  
  395. .profile span:first-of-type {margin-top:0px;}
  396.  
  397. /* --- PERSONALITY --- */
  398.  
  399. .personality {top:-10px;left:510px;height:130px;width:310px;padding:10px!important;z-index:3;color:#ffffff;background:#85bbd8!important;}
  400.  
  401. .personality span {opacity:0.7;}
  402.  
  403. .personality:hover {top:0px;z-index:7;}
  404.  
  405. .personality .scroll {position:relative;top:-5px;height:110px;}
  406.  
  407. ul.per {list-style-type:none;padding:0;margin:0;}
  408.  
  409. ul.per span {position:relative;top:2px;font-size:11pt;margin-right:5px;color:#ffffff;}
  410.  
  411. ul.per li {display:inline-block;margin-bottom:7px;margin-right:8px;}
  412.  
  413. /* --- SOCIAL MEDIA --- */
  414.  
  415. .socials {
  416. top:500px;
  417. left:515px;
  418. height:70px;
  419. text-align:center;
  420. width:291px;
  421. padding-bottom:5px;
  422. overflow:hidden;
  423. background:#5eaab3;
  424. border-left:10px solid #5eaab3;
  425. border-right:10px solid #5eaab3;
  426. z-index:5;
  427. }
  428.  
  429. .socials:hover {left:525px;z-index:7;}
  430.  
  431. .socials a {position:relative;left:5px;border:0px;margin-left:0px;margin-right:15px;}
  432.  
  433. .socials i {
  434. height:50px;
  435. width:50px;
  436. line-height:30px;
  437. border-radius:50%;
  438. padding:13px;
  439. font-size:10.5pt;
  440. color:#000000;
  441. background:#ffffff;
  442. transition:0.2s ease-in-out;
  443. -webkit-transition:0.2s ease-in-out;
  444. -moz-transition:0.2s ease-in-out;
  445. }
  446.  
  447. .socials i:hover {color:#000000;background:transparent;}
  448.  
  449. /* --- IMAGES --- */
  450.  
  451. .icon_one, .icon_two, .image_one, .image_two {border-radius:25px;overflow:hidden;}
  452.  
  453. .icon_one {top:10px;left:-25px;height:150px;width:150px;z-index:7;}
  454.  
  455. .icon_one:hover {top:20px;z-index:7;}
  456.  
  457. .icon_one img {height:150px;width:150px;}
  458.  
  459. .icon_two {top:340px;left:450px;height:150px;width:150px;z-index:7;}
  460.  
  461. .icon_two:hover {left:460px;z-index:7;}
  462.  
  463. .icon_two img {height:150px;width:150px;}
  464.  
  465. .image_one {top:95px;left:140px;height:250px;width:268px;z-index:5;}
  466.  
  467. .image_one:hover {left:150px;z-index:7;}
  468.  
  469. .image_one img {height:250px;width:268px;}
  470.  
  471. .image_two {top:180px;left:530px;height:250px;width:268px;}
  472.  
  473. .image_two:hover {top:190px;z-index:7;}
  474.  
  475. .image_two img {height:250px;width:268px;}
  476.  
  477. </style>
  478.  
  479. </head>
  480. <body>
  481.  
  482.  
  483.  
  484.  
  485.  
  486.  
  487. <!-- DO NOT EDIT // TUMBLR CONTROLS AND CREDITS -->
  488. <div class="tcontrols"><i class="ri-add-line"></i></div>
  489. <div class="et"><a href="https://ethereal-themes.tumblr.com">et</a></div>
  490.  
  491.  
  492.  
  493.  
  494.  
  495.  
  496.  
  497.  
  498.  
  499. <!---------------------------------------------
  500.  
  501. -----------------------------------------------
  502.  
  503. START BACKGROUND
  504.  
  505. -----------------------------------------------
  506.  
  507. ---------------------------------------------->
  508. <div class="background"></div>
  509. <!----------- END BACKGROUND ----------->
  510.  
  511.  
  512.  
  513.  
  514.  
  515.  
  516.  
  517.  
  518. <!-----------------------------------------
  519.  
  520. -------------------------------------------
  521.  
  522. START CONTAINER
  523.  
  524. -------------------------------------------
  525.  
  526. ------------------------------------------>
  527. <div class="container">
  528.  
  529.  
  530.  
  531.  
  532.  
  533.  
  534. <!-----------------------------------------
  535.  
  536. -------------------------------------------
  537.  
  538. START NAME
  539.  
  540. -------------------------------------------
  541.  
  542. ------------------------------------------>
  543. <div class="name">
  544. <h1> Danielle</h1>
  545. </div>
  546. <!-- END NAME ---------------------->
  547.  
  548.  
  549.  
  550.  
  551.  
  552. <!-----------------------------------------
  553.  
  554. -------------------------------------------
  555.  
  556. START LINKS
  557.  
  558. -------------------------------------------
  559.  
  560. ------------------------------------------>
  561. <div class="links">
  562. <div class="title"><h1>Links</h1> <i class="ri-link"></i></div>
  563. <div class="scroll">
  564. <a href="https://daniblondy.tumblr.com/">back</a>
  565. <a href="/ask">ask</a>
  566. <a href="https://daniblondys.tumblr.com/">Art Blog</a>
  567. <a href="https://thiemss.tumblr.com/">Fan Blog</a>
  568. </div></div>
  569. <!-- END LINKS ---------------------->
  570.  
  571.  
  572.  
  573.  
  574.  
  575. <!-----------------------------------------
  576.  
  577. -------------------------------------------
  578.  
  579. START BIOGRAPHY / START ABOUT ME
  580.  
  581. -------------------------------------------
  582.  
  583. ------------------------------------------>
  584. <div class="bio">
  585. <div class="title"><h1>About Me</h1> <i class="ri-bard-line"></i></div>
  586. <div class="scroll">
  587. <!-- Start Biography Below -->
  588.  
  589. Aussie Girly who has way way to many fandoms to list Some of my fave things include-Travelling, Photography, Netflix & Chill
  590.  
  591. <p></p><!-- Use for paragraph spacing -->
  592.  
  593. My Fave Shows in no particular order My Fave Shows in no particular order
  594.  
  595. <!-- Start Unordered List ------>
  596. <ul>
  597. <li><b>Supernatural</b></li>
  598. <li><i>Roswell NM</i> Just for <u>Malex and Kyle</u></li>
  599. </ul>
  600.  
  601. <p></p><!-- Use for paragraph spacing -->
  602.  
  603. Also my <strike>fave people</strike> you will see all over my blog they include Adam Fergus, Alona Tal, Jared & Gen, A fair smattering of the Supernatural Cast and my <em>fave sports guys</em> Dominic Thiem and Steve Smith
  604.  
  605. <!-- End Biography Above -->
  606. </div></div>
  607. <!-- END BIOGRAPHY / END ABOUT ME ---------------------->
  608.  
  609.  
  610.  
  611.  
  612.  
  613. <!-----------------------------------------
  614.  
  615. -------------------------------------------
  616.  
  617. START PROFILE
  618.  
  619. -------------------------------------------
  620.  
  621. ------------------------------------------>
  622. <div class="profile">
  623. <div class="title"><h1>Profile</h1> <i class="ri-profile-line"></i></div>
  624. <div class="scroll">
  625. <!-- Start Profile Info Below -->
  626.  
  627. <span>Name</span> Danielle <br>
  628. <span>Age</span> 45 <br>
  629. <span>Birthday</span> January 22nd <br>
  630. <span>Zodiac</span> Aquarius <br>
  631. <span>Status</span> Single Pringle <br>
  632. <span>Occupation</span> Office Girly <br>
  633. <span>Location</span> Down Under <br>
  634. <span>Home Town</span> Central Coast NSW <br>
  635.  
  636. <!-- End Profile Info Above -->
  637. </div></div>
  638. <!-- END PROFILE ---------------------->
  639.  
  640.  
  641.  
  642.  
  643.  
  644.  
  645.  
  646. <!-----------------------------------------
  647.  
  648. -------------------------------------------
  649.  
  650. START PERSONALITY // START LIKES
  651.  
  652. -------------------------------------------
  653.  
  654. ------------------------------------------>
  655. <div class="personality">
  656. <div class="scroll">
  657. <!-- Start Personality Traits Below / To add more in each block, copy from <li> to </li> and paste after the last IN THE INDIVIDUAL BLOCK -->
  658.  
  659. <!-- Start Faves ------------------------>
  660. <ul class="per"><span title="faves" class="ri-heart-3-line"></span>
  661. <!-- Start Fave Items Below -->
  662. <li>supernatural</li>
  663. <li>malex</li>
  664. <li>comic-cons</li>
  665. </ul>
  666.  
  667. <!-- Start Likes ------------------------>
  668. <ul class="per"><span title="likes" class="ri-thumb-up-line"></span>
  669. <!-- Start Liked Items Below -->
  670. <li>banana bread</li>
  671. <li>cricket</li>
  672. <li>reality tv</li>
  673. </ul>
  674.  
  675. <!-- Start Dislikes ------------------------>
  676. <ul class="per"><span title="dislikes" class="ri-thumb-down-line"></span>
  677. <!-- Start Disliked Items Below -->
  678. <li>open seas</li>
  679. <li>heat & humidity</li>
  680. </ul>
  681.  
  682. <!-- Start Watching ------------------------>
  683. <ul class="per"><span title="watching" class="ri-tv-2-line"></span>
  684. <!-- Start Currently Being Watched Items Below -->
  685. <li>supernatural</li>
  686. <li>young royals</li>
  687. </ul>
  688.  
  689. </div></div>
  690. <!-- END PERSONALITY // END LIKES ---------------------->
  691.  
  692.  
  693.  
  694.  
  695.  
  696.  
  697.  
  698. <!-----------------------------------------
  699.  
  700. -------------------------------------------
  701.  
  702. START SOCIALS // START SOCIAL MEDIA
  703.  
  704. -------------------------------------------
  705.  
  706. ------------------------------------------>
  707. <div class="socials">
  708. <!-- Start Social Media Icons Below / To add more, copy one indivdual line and add your new link title, url and icon. Find icons at:
  709. https://remixicon.com/
  710. Simply search for the icon you want, click on the icon and copy the link, then paste it in place of the default icons below
  711. --------->
  712.  
  713.  
  714. <a title="Tik Tok" href="https://www.tiktok.com/@dani_blondy"><i class="ri-tiktok-line"></i></a>
  715. <a title="Instagram" href="https://www.instagram.com/dani_blondy/"><i class="ri-instagram-line"></i></a>
  716. <a title="Twitter" href="https://twitter.com/Dani_blondy"><i class="ri-twitter-x-line"></i></a>
  717. <a title="Youtube" href="https://www.youtube.com/@DaniBlonday22/featured"><i class="ri-youtube-fill"></i></a>
  718.  
  719. <!-- End Social Media Icons Above -->
  720. </div>
  721. <!-- END SOCIALS // END SOCIAL MEDIA ---------------------->
  722.  
  723.  
  724.  
  725.  
  726.  
  727. <!-----------------------------------------
  728.  
  729. -------------------------------------------
  730.  
  731. START IMAGES
  732.  
  733. -------------------------------------------
  734.  
  735. ------------------------------------------>
  736. <div class="icon_one">
  737.  
  738. <!-- 150x150 Icon, on the upper top left -->
  739. <script language="JavaScript"><!--
  740. function random_imglink(){
  741. var myimages=new Array()
  742. //specify random images below. You can have as many as you wish
  743. myimages[1]="https://static.tumblr.com/zvesamf/KXXsaxjky/shelley_icon_1.jpg"
  744. myimages[2]="https://static.tumblr.com/zvesamf/winsaxk26/steve_icon_2.jpg"
  745. myimages[3]="https://static.tumblr.com/zvesamf/2F7saxjvo/adam_icon_1.jpg"
  746. myimages[4]="https://static.tumblr.com/zvesamf/Huisaxjow/alona_icon_1.jpg"
  747.  
  748. var ry=Math.floor(Math.random()*myimages.length)
  749. if (ry==0)
  750. ry=1
  751. document.write('<img src="'+myimages[ry]+'" border=0>')
  752. }
  753. random_imglink()
  754. //--></script>
  755.  
  756. </div>
  757.  
  758.  
  759.  
  760. <div class="icon_two">
  761. <!-- 150x150 Icon, on the lower bottom right -->
  762. <script language="JavaScript"><!--
  763. function random_imglink(){
  764. var myimages=new Array()
  765. //specify random images below. You can have as many as you wish
  766. myimages[1]="https://static.tumblr.com/zvesamf/UvYsaxk26/steve_icon_1.jpg"
  767. myimages[2]="https://static.tumblr.com/zvesamf/0Bysaxjp4/alona_icon_2.jpg"
  768. myimages[3]="https://static.tumblr.com/zvesamf/qHzsaxjl4/shelley_icon_2.jpg"
  769. myimages[4]="https://static.tumblr.com/zvesamf/tCJsaxjvu/adam_icon_2.jpg"
  770.  
  771. var ry=Math.floor(Math.random()*myimages.length)
  772. if (ry==0)
  773. ry=1
  774. document.write('<img src="'+myimages[ry]+'" border=0>')
  775. }
  776. random_imglink()
  777. //--></script>
  778.  
  779. </div>
  780.  
  781.  
  782.  
  783.  
  784.  
  785.  
  786. <div class="image_one">
  787. <!-- 268x250, on the upper left -->
  788. <script language="JavaScript"><!--
  789. function random_imglink(){
  790. var myimages=new Array()
  791. //specify random images below. You can have as many as you wish
  792. myimages[1]="https://static.tumblr.com/zvesamf/Wulsbt68k/9_merge.gif"
  793. myimages[2]="https://static.tumblr.com/zvesamf/RmCsaxjbd/1_merge.gif"
  794.  
  795. var ry=Math.floor(Math.random()*myimages.length)
  796. if (ry==0)
  797. ry=1
  798. document.write('<img src="'+myimages[ry]+'" border=0>')
  799. }
  800. random_imglink()
  801. //--></script>
  802. </div>
  803.  
  804.  
  805.  
  806.  
  807. <div class="image_two">
  808. <!-- 268x250, on the lower right -->
  809. <script language="JavaScript"><!--
  810. function random_imglink(){
  811. var myimages=new Array()
  812. //specify random images below. You can have as many as you wish
  813. myimages[1]="https://static.tumblr.com/zvesamf/yl3saxjb7/8_merge.gif"
  814. myimages[2]="https://static.tumblr.com/zvesamf/xJPsaxjck/4_merge.gif"
  815.  
  816. var ry=Math.floor(Math.random()*myimages.length)
  817. if (ry==0)
  818. ry=1
  819. document.write('<img src="'+myimages[ry]+'" border=0>')
  820. }
  821. random_imglink()
  822. //--></script>
  823. </div>
  824. <!-- END IMAGES ---------------------->
  825.  
  826.  
  827.  
  828.  
  829.  
  830.  
  831. </div>
  832. <!-- END CONTAINER ------------------------------>
  833.  
  834.  
  835.  
  836.  
  837.  
  838.  
  839.  
  840.  
  841.  
  842.  
  843.  
  844. </body></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!