API tools faq
paste
lizacodes

BIRTHDAY PAGE 01

lizacodes
Sep 12th, 2018
1,108
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 24.65 KB | None | 0 0
raw download clone embed print report
  1. <!----
  2. <div class="bdays"><span>28</span><div class="bdays-content">url, url</div></div> ---->
  3.  
  4. <!DOCTYPE html>
  5. <head>
  6.  
  7.  
  8. <title>birthday page</title>
  9. <link rel="shortcut icon" href="{Favicon}">
  10.  
  11.  
  12. <script type="text/javascript" src="http://static.tumblr.com/3ikgvxs/0TGl4zgpu/jquery.min.js"></script>
  13. <script type="text/javascript">
  14. $(document).ready(function(){
  15. $(".listed").hide();
  16. $(".cat").click(function(){
  17. $(this).next(".listed").slideToggle('fast');
  18. }); }); </script>
  19.  
  20.  
  21.  
  22. <style type="text/css">
  23.  
  24.  
  25.  
  26. /*-- scrollbar --*/
  27. ::-webkit-scrollbar-thumb:vertical {
  28. background-color:#999999;
  29. -moz-border-radius:10px;
  30. -webkit-border-radius:10px;
  31. }
  32. ::-webkit-scrollbar {
  33. width:2px;
  34. height:2px;
  35. background-color:#ffffff;
  36. }
  37. /*-- scrollbar --*/
  38.  
  39. body {
  40. color:#666; /* TEXT COLOUR */
  41. background-color:#fafafa; /* BACKGROUND COLOUR */
  42. font-family:Lato;
  43. font-style:normal;
  44. font-size:9px;
  45. font-weight:300;
  46. text-decoration:none;
  47. line-height:200%;
  48. text-shadow: 1px 1px 1px rgba(0,0,0,0.005);
  49. }
  50. a {
  51. color:#000; /* links colours */
  52. text-decoration:none;
  53. border:none;
  54. -webkit-transition-duration:600ms;
  55. -o-transition-duration:600ms;
  56. -moz-transition-duration:600ms;
  57. -ms-transition-duration:600ms;
  58.  
  59. }
  60. a:hover, a:active {
  61. color:#cc949c; /* CHANGE LINK HOVER COLOUR */
  62. -webkit-transition-duration:.6s;
  63. -moz-transition-duration:.6s;
  64. -o-transition-duration:.6s;
  65. -ms-transition-duration:.6s;
  66. background-color:#f7e6e6; /* CHANGE LINK HOVER BACKGROUND COLOUR */
  67. -moz-border-radius:6px;
  68. -webkit-border-radius:6px;
  69.  
  70. }
  71.  
  72. b, em {
  73. font-weight:bold;
  74. color:#cc949c; /* CHANGE BOLD LETTERS COLOUR */
  75. }
  76. h1 {
  77. margin:0;
  78. font-size:9px;
  79. letter-spacing:1px;
  80. font-family:arial;
  81. }
  82.  
  83. /*-- tumblr controls --*/
  84. .tmblr-iframe.tmblr-iframe--desktop-logged-in-controls.iframe-controls--desktop{
  85. z-index:999999999!important;
  86. }
  87.  
  88. /* topbar */
  89. .topbar {
  90. float:center;
  91. margin:auto;
  92. position:block;
  93. width: 260px;
  94. font-family: consolas;
  95. text-align:center;
  96. }
  97. .titlebox{
  98. height:33px;
  99. margin-top:40px;
  100. margin-bottom:10px;
  101. border: 1px solid;
  102. border-color: #e8e8e8;
  103. }
  104. .titletext{
  105. letter-spacing:2px;
  106. font-size:13px;
  107. color:#f7e6e6; /* TITLE COLOUR */
  108. margin-top:7px;
  109. }
  110. .links {
  111. text-transform:lowercase;
  112. margin-top:15px;
  113. font-size:9px;
  114. }
  115. .links a {
  116. border:none;
  117. padding:4px;
  118. color:#666; /* HEADER LINKS COLOUR */
  119. }
  120. .links a:hover {
  121. color:#cc949c;/* CHANGE HEADER LINK HOVER COLOUR */
  122. background-color:#f7e6e6;
  123. -moz-border-radius:6px;
  124. -webkit-border-radius:6px;
  125. }
  126. .desc{
  127. margin-top:10px;
  128. font-size:9px;
  129. }
  130. /* topbar end */
  131.  
  132.  
  133. /* containers */
  134. .container {
  135. width:700px;
  136. height:auto;
  137. float:center;
  138. margin:auto;
  139. top: 30px;
  140. position:relative;
  141. }
  142. .box{
  143. margin-top:20px;
  144. position:relative;
  145. padding:30px;
  146. width:250px;
  147. height:auto;
  148. display:inline-block;
  149. }
  150. .cont{
  151. padding:10px;
  152. width:250px;
  153. border:none;
  154. }
  155. .conttittle{
  156. letter-spacing:2px;
  157. font-size:15px;
  158. color:#727272; /* MONTH TITLE COLOUR */
  159. text-align:center;
  160. padding:15px;
  161. width:245px;
  162. border-top:1px solid #eee;
  163. border-bottom:1px solid #eee;
  164. }
  165. .text {
  166. width:20px;
  167. font-size:10px;
  168. display:inline-block;
  169. padding:9px;
  170. border-radius: 0px;
  171. background-color: #f6f5f5; /* NON MARRKED DAYS BACKGROUND COLOUR */
  172. position:relative;
  173. text-align:center;
  174. }
  175.  
  176. .bdays {
  177. width:20px;
  178. font-family:arial;
  179. font-size:10px;
  180. display:inline-block;
  181. padding:9px;
  182. border-radius: 0px;
  183. background-color: #f7e6e6; /* NON MARRKED DAYS BACKGROUND COLOUR */
  184. position:relative;
  185. text-align:center;
  186. }
  187.  
  188. .bdays-content {
  189. display: none;
  190. position: absolute;
  191. background-color: #f9f9f9; /* NON MARRKED DAYS BACKGROUND COLOUR */
  192. width:auto;
  193. box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  194. padding: 12px 16px;
  195. z-index: 1;
  196. }
  197.  
  198. .bdays:hover .bdays-content {
  199. display: block;
  200. }
  201.  
  202. .empty{
  203. width:20px;
  204. font-size:10px;
  205. display:inline-block;
  206. padding:9px;
  207. position:relative;
  208. text-align:center;
  209. }
  210. /* containers */
  211.  
  212.  
  213. /* credit pls don't remove */
  214. .credit {
  215. position:fixed;
  216. right:14px;
  217. font-size:13px;
  218. bottom:10px;}
  219. /* credit pls don't remove */
  220. </style>
  221.  
  222. </head>
  223.  
  224. <body>
  225. <!--topbar-->
  226. <div class="topbar">
  227. <div class="titlebox">
  228. <div class="titletext"><!-- TITLE -->- birthday page -<!-- TITLE --></div>
  229. </div>
  230. <div class="desc">
  231. <!-- DESCRIPTION -->my birthday page!<!-- DESCRIPTION -->
  232. </div>
  233. <div class="links"><!-- you can add as many as you want -->
  234. <a href="/">home</a>
  235. <a href="/ask">ask</a>
  236. <a href="/">link1</a>
  237. <a href="/">lin2</a>
  238. <a href="/">join!</a>
  239. </div>
  240. </div>
  241. <!-- topbar end -->
  242.  
  243.  
  244. <!-- HOW TO ADD DAYS!!!
  245. ok so there are three (3) types of "days" here.
  246. 1. There are the "empty" ones, [ <div class="empty"></div> ]
  247. which are the days that YOU WILL NOT EDIT at all.
  248. They are there to keep the format looking good.
  249. 2. There are the "text" ones, [ <div class="text">01</div> ]
  250. these are the ones with the white background, so they are
  251. the dates when there is no birthdays
  252. 3. There are the "bdays" ones, [ <div class="bdays"><span>01</span>
  253. <div class="bdays-content"><a href="url">name</a></div></div> ]
  254. these ones are marked ones
  255.  
  256. ok so now how to make the text days into bdays?
  257.  
  258. -STEP ONE: Say someone has their birthday on 01/01. What you have to do
  259. is to DELETE <div class="text">01</div> out of january.
  260.  
  261. -STEP TWO: In its place, paste <div class="bdays"><span>01</span>
  262. <div class="bdays-content"><a href="url">name</a></div></div>
  263.  
  264. -STEP THREE: Change the url at <a href="url"> with the blog's
  265. url and the "name" with the person's name
  266.  
  267. -STEP FOUR: You are done!
  268.  
  269. NOTE! if more than one peson have their bday on a day, use this
  270. <div class="bdays"><span>01</span><div class="bdays-content"><a href="url">name</a>, <a href="url">name</a></div></div>
  271.  
  272.  
  273.  
  274. TEMPLATE? <div class="bdays"><span>01</span>
  275. <div class="bdays-content"><a href="url">name</a></div></div>
  276. -->
  277.  
  278.  
  279.  
  280. <div class="container">
  281.  
  282. <!----- jan ----->
  283. <div class="box">
  284. <div class="conttittle">january</div>
  285. <div class="cont">
  286. <div class="text">01</div>
  287. <div class="text">02</div>
  288. <div class="text">03</div>
  289. <div class="text">04</div>
  290. <div class="text">05</div>
  291. <div class="text">06</div>
  292. <p>
  293. <div class="text">07</div>
  294. <div class="text">08</div>
  295. <div class="text">09</div>
  296. <div class="text">10</div>
  297. <div class="text">11</div>
  298. <div class="text">12</div>
  299. <p>
  300. <div class="text">13</div>
  301. <div class="text">14</div>
  302. <div class="text">15</div>
  303. <div class="text">16</div>
  304. <div class="text">17</div>
  305. <div class="text">18</div>
  306. <p>
  307. <div class="text">19</div>
  308. <div class="text">20</div>
  309. <div class="text">21</div>
  310. <div class="text">22</div>
  311. <div class="text">23</div>
  312. <div class="text">24</div>
  313. <p>
  314. <div class="text">25</div>
  315. <div class="text">26</div>
  316. <div class="text">27</div>
  317. <div class="text">28</div>
  318. <div class="text">29</div>
  319. <div class="text">30</div>
  320. <p>
  321. <div class="text">31</div>
  322. </div>
  323. </div>
  324. <!----- end ----->
  325.  
  326. <!----- february ----->
  327. <div class="box">
  328. <div class="conttittle">february</div>
  329. <div class="cont">
  330. <div class="text">01</div>
  331. <div class="text">02</div>
  332. <div class="text">03</div>
  333. <div class="text">04</div>
  334. <div class="text">05</div>
  335. <div class="text">06</div>
  336. <p>
  337. <div class="text">07</div>
  338. <div class="text">08</div>
  339. <div class="text">09</div>
  340. <div class="text">10</div>
  341. <div class="text">11</div>
  342. <div class="text">12</div>
  343. <p>
  344. <div class="text">13</div>
  345. <div class="text">14</div>
  346. <div class="text">15</div>
  347. <div class="text">16</div>
  348. <div class="text">17</div>
  349. <div class="text">18</div>
  350. <p>
  351. <div class="text">19</div>
  352. <div class="text">20</div>
  353. <div class="text">21</div>
  354. <div class="text">22</div>
  355. <div class="text">23</div>
  356. <div class="text">24</div>
  357. <p>
  358. <div class="text">25</div>
  359. <div class="text">26</div>
  360. <div class="text">27</div>
  361. <div class="text">28</div>
  362. <div class="empty"></div>
  363. <div class="empty"></div>
  364. <p>
  365. <div class="empty"></div>
  366. </div>
  367. </div>
  368. <!----- end ----->
  369.  
  370. <!----- march ----->
  371. <div class="box">
  372. <div class="conttittle">march</div>
  373. <div class="cont">
  374. <div class="text">01</div>
  375. <div class="text">02</div>
  376. <div class="text">03</div>
  377. <div class="text">04</div>
  378. <div class="text">05</div>
  379. <div class="text">06</div>
  380. <p>
  381. <div class="text">07</div>
  382. <div class="text">08</div>
  383. <div class="text">09</div>
  384. <div class="text">10</div>
  385. <div class="text">11</div>
  386. <div class="text">12</div>
  387. <p>
  388. <div class="text">13</div>
  389. <div class="text">14</div>
  390. <div class="text">15</div>
  391. <div class="text">16</div>
  392. <div class="text">17</div>
  393. <div class="text">18</div>
  394. <p>
  395. <div class="text">19</div>
  396. <div class="text">20</div>
  397. <div class="text">21</div>
  398. <div class="text">22</div>
  399. <div class="text">23</div>
  400. <div class="text">24</div>
  401. <p>
  402. <div class="text">25</div>
  403. <div class="text">26</div>
  404. <div class="text">27</div>
  405. <div class="text">28</div>
  406. <div class="text">29</div>
  407. <div class="text">30</div>
  408. <p>
  409. <div class="text">31</div>
  410. </div>
  411. </div>
  412. <!----- end ----->
  413.  
  414. <!----- april ----->
  415. <div class="box">
  416. <div class="conttittle">april</div>
  417. <div class="cont">
  418. <div class="text">01</div>
  419. <div class="text">02</div>
  420. <div class="text">03</div>
  421. <div class="text">04</div>
  422. <div class="text">05</div>
  423. <div class="text">06</div>
  424. <p>
  425. <div class="text">07</div>
  426. <div class="text">08</div>
  427. <div class="text">09</div>
  428. <div class="text">10</div>
  429. <div class="text">11</div>
  430. <div class="text">12</div>
  431. <p>
  432. <div class="text">13</div>
  433. <div class="text">14</div>
  434. <div class="text">15</div>
  435. <div class="text">16</div>
  436. <div class="text">17</div>
  437. <div class="text">18</div>
  438. <p>
  439. <div class="text">19</div>
  440. <div class="text">20</div>
  441. <div class="text">21</div>
  442. <div class="text">22</div>
  443. <div class="text">23</div>
  444. <div class="text">24</div>
  445. <p>
  446. <div class="text">25</div>
  447. <div class="text">26</div>
  448. <div class="text">27</div>
  449. <div class="text">28</div>
  450. <div class="text">29</div>
  451. <div class="text">30</div>
  452. <p>
  453. <div class="empty"></div>
  454. </div>
  455. </div>
  456. <!----- end ----->
  457.  
  458. <!----- may ----->
  459. <div class="box">
  460. <div class="conttittle">may</div>
  461. <div class="cont">
  462. <div class="text">01</div>
  463. <div class="text">02</div>
  464. <div class="text">03</div>
  465. <div class="text">04</div>
  466. <div class="text">05</div>
  467. <div class="text">06</div>
  468. <p>
  469. <div class="text">07</div>
  470. <div class="text">08</div>
  471. <div class="text">09</div>
  472. <div class="text">10</div>
  473. <div class="text">11</div>
  474. <div class="text">12</div>
  475. <p>
  476. <div class="text">13</div>
  477. <div class="text">14</div>
  478. <div class="text">15</div>
  479. <div class="text">16</div>
  480. <div class="text">17</div>
  481. <div class="text">18</div>
  482. <p>
  483. <div class="text">19</div>
  484. <div class="text">20</div>
  485. <div class="text">21</div>
  486. <div class="text">22</div>
  487. <div class="text">23</div>
  488. <div class="text">24</div>
  489. <p>
  490. <div class="text">25</div>
  491. <div class="text">26</div>
  492. <div class="text">27</div>
  493. <div class="text">28</div>
  494. <div class="text">29</div>
  495. <div class="text">30</div>
  496. <p>
  497. <div class="text">31</div>
  498. </div>
  499. </div>
  500. <!----- end ----->
  501.  
  502.  
  503. <!----- june ----->
  504. <div class="box">
  505. <div class="conttittle">june</div>
  506. <div class="cont">
  507. <div class="text">01</div>
  508. <div class="text">02</div>
  509. <div class="text">03</div>
  510. <div class="text">04</div>
  511. <div class="text">05</div>
  512. <div class="text">06</div>
  513. <p>
  514. <div class="text">07</div>
  515. <div class="text">08</div>
  516. <div class="text">09</div>
  517. <div class="text">10</div>
  518. <div class="text">11</div>
  519. <div class="text">12</div>
  520. <p>
  521. <div class="text">13</div>
  522. <div class="text">14</div>
  523. <div class="text">15</div>
  524. <div class="text">16</div>
  525. <div class="text">17</div>
  526. <div class="text">18</div>
  527. <p>
  528. <div class="text">19</div>
  529. <div class="text">20</div>
  530. <div class="text">21</div>
  531. <div class="text">22</div>
  532. <div class="text">23</div>
  533. <div class="text">24</div>
  534. <p>
  535. <div class="text">25</div>
  536. <div class="text">26</div>
  537. <div class="text">27</div>
  538. <div class="text">28</div>
  539. <div class="text">29</div>
  540. <div class="text">30</div>
  541. <p>
  542. <div class="empty"></div>
  543. </div>
  544. </div>
  545. <!----- end ----->
  546.  
  547. <!----- july ----->
  548. <div class="box">
  549. <div class="conttittle">july</div>
  550. <div class="cont">
  551. <div class="text">01</div>
  552. <div class="text">02</div>
  553. <div class="text">03</div>
  554. <div class="text">04</div>
  555. <div class="text">05</div>
  556. <div class="text">06</div>
  557. <p>
  558. <div class="text">07</div>
  559. <div class="text">08</div>
  560. <div class="text">09</div>
  561. <div class="text">10</div>
  562. <div class="text">11</div>
  563. <div class="text">12</div>
  564. <p>
  565. <div class="text">13</div>
  566. <div class="text">14</div>
  567. <div class="text">15</div>
  568. <div class="text">16</div>
  569. <div class="text">17</div>
  570. <div class="text">18</div>
  571. <p>
  572. <div class="text">19</div>
  573. <div class="text">20</div>
  574. <div class="text">21</div>
  575. <div class="text">22</div>
  576. <div class="text">23</div>
  577. <div class="text">24</div>
  578. <p>
  579. <div class="text">25</div>
  580. <div class="text">26</div>
  581. <div class="text">27</div>
  582. <div class="text">28</div>
  583. <div class="text">29</div>
  584. <div class="text">30</div>
  585. <p>
  586. <div class="text">31</div>
  587. </div>
  588. </div>
  589. <!----- end ----->
  590.  
  591. <!----- august ----->
  592. <div class="box">
  593. <div class="conttittle">august</div>
  594. <div class="cont">
  595. <div class="text">01</div>
  596. <div class="text">02</div>
  597. <div class="text">03</div>
  598. <div class="text">04</div>
  599. <div class="text">05</div>
  600. <div class="text">06</div>
  601. <p>
  602. <div class="text">07</div>
  603. <div class="text">08</div>
  604. <div class="text">09</div>
  605. <div class="text">10</div>
  606. <div class="text">11</div>
  607. <div class="text">12</div>
  608. <p>
  609. <div class="text">13</div>
  610. <div class="text">14</div>
  611. <div class="text">15</div>
  612. <div class="text">16</div>
  613. <div class="text">17</div>
  614. <div class="text">18</div>
  615. <p>
  616. <div class="text">19</div>
  617. <div class="text">20</div>
  618. <div class="text">21</div>
  619. <div class="text">22</div>
  620. <div class="text">23</div>
  621. <div class="text">24</div>
  622. <p>
  623. <div class="text">25</div>
  624. <div class="text">26</div>
  625. <div class="text">27</div>
  626. <div class="text">28</div>
  627. <div class="text">29</div>
  628. <div class="text">30</div>
  629. <p>
  630. <div class="text">31</div>
  631. </div>
  632. </div>
  633. <!----- end ----->
  634.  
  635. <!----- spetember ----->
  636. <div class="box">
  637. <div class="conttittle">september</div>
  638. <div class="cont">
  639. <div class="text">01</div>
  640. <div class="text">02</div>
  641. <div class="text">03</div>
  642. <div class="text">04</div>
  643. <div class="text">05</div>
  644. <div class="text">06</div>
  645. <p>
  646. <div class="text">07</div>
  647. <div class="text">08</div>
  648. <div class="text">09</div>
  649. <div class="text">10</div>
  650. <div class="text">11</div>
  651. <div class="text">12</div>
  652. <p>
  653. <div class="text">13</div>
  654. <div class="text">14</div>
  655. <div class="text">15</div>
  656. <div class="text">16</div>
  657. <div class="text">17</div>
  658. <div class="text">18</div>
  659. <p>
  660. <div class="text">19</div>
  661. <div class="text">20</div>
  662. <div class="text">21</div>
  663. <div class="text">22</div>
  664. <div class="text">23</div>
  665. <div class="text">24</div>
  666. <p>
  667. <div class="text">25</div>
  668. <div class="text">26</div>
  669. <div class="text">27</div>
  670. <div class="text">28</div>
  671. <div class="text">29</div>
  672. <div class="text">30</div>
  673. <p>
  674. <div class="empty"></div>
  675. </div>
  676. </div>
  677. <!----- end ----->
  678.  
  679. <!----- october ----->
  680. <div class="box">
  681. <div class="conttittle">october</div>
  682. <div class="cont">
  683. <div class="text">01</div>
  684. <div class="text">02</div>
  685. <div class="text">03</div>
  686. <div class="text">04</div>
  687. <div class="text">05</div>
  688. <div class="text">06</div>
  689. <p>
  690. <div class="text">07</div>
  691. <div class="text">08</div>
  692. <div class="text">09</div>
  693. <div class="text">10</div>
  694. <div class="text">11</div>
  695. <div class="text">12</div>
  696. <p>
  697. <div class="text">13</div>
  698. <div class="text">14</div>
  699. <div class="text">15</div>
  700. <div class="text">16</div>
  701. <div class="text">17</div>
  702. <div class="text">18</div>
  703. <p>
  704. <div class="text">19</div>
  705. <div class="text">20</div>
  706. <div class="text">21</div>
  707. <div class="text">22</div>
  708. <div class="text">23</div>
  709. <div class="text">24</div>
  710. <p>
  711. <div class="text">25</div>
  712. <div class="text">26</div>
  713. <div class="text">27</div>
  714. <div class="text">28</div>
  715. <div class="text">29</div>
  716. <div class="text">30</div>
  717. <p>
  718. <div class="text">31</div>
  719. </div>
  720. </div>
  721. <!----- end ----->
  722.  
  723. <!----- november ----->
  724. <div class="box">
  725. <div class="conttittle">november</div>
  726. <div class="cont">
  727. <div class="text">01</div>
  728. <div class="text">02</div>
  729. <div class="text">03</div>
  730. <div class="text">04</div>
  731. <div class="text">05</div>
  732. <div class="text">06</div>
  733. <p>
  734. <div class="text">07</div>
  735. <div class="text">08</div>
  736. <div class="text">09</div>
  737. <div class="text">10</div>
  738. <div class="text">11</div>
  739. <div class="text">12</div>
  740. <p>
  741. <div class="text">13</div>
  742. <div class="text">14</div>
  743. <div class="text">15</div>
  744. <div class="text">16</div>
  745. <div class="text">17</div>
  746. <div class="text">18</div>
  747. <p>
  748. <div class="text">19</div>
  749. <div class="text">20</div>
  750. <div class="text">21</div>
  751. <div class="text">22</div>
  752. <div class="text">23</div>
  753. <div class="text">24</div>
  754. <p>
  755. <div class="text">25</div>
  756. <div class="text">26</div>
  757. <div class="text">27</div>
  758. <div class="text">28</div>
  759. <div class="text">29</div>
  760. <div class="text">30</div>
  761. <p>
  762. <div class="empty"></div>
  763. </div>
  764. </div>
  765. <!----- end ----->
  766.  
  767. <!----- december ----->
  768. <div class="box">
  769. <div class="conttittle">december</div>
  770. <div class="cont">
  771. <div class="text">01</div>
  772. <div class="text">02</div>
  773. <div class="text">03</div>
  774. <div class="text">04</div>
  775. <div class="text">05</div>
  776. <div class="text">06</div>
  777. <p>
  778. <div class="text">07</div>
  779. <div class="text">08</div>
  780. <div class="text">09</div>
  781. <div class="text">10</div>
  782. <div class="text">11</div>
  783. <div class="text">12</div>
  784. <p>
  785. <div class="text">13</div>
  786. <div class="text">14</div>
  787. <div class="text">15</div>
  788. <div class="text">16</div>
  789. <div class="text">17</div>
  790. <div class="text">18</div>
  791. <p>
  792. <div class="text">19</div>
  793. <div class="text">20</div>
  794. <div class="text">21</div>
  795. <div class="text">22</div>
  796. <div class="text">23</div>
  797. <div class="text">24</div>
  798. <p>
  799. <div class="text">25</div>
  800. <div class="text">26</div>
  801. <div class="text">27</div>
  802. <div class="text">28</div>
  803. <div class="text">29</div>
  804. <div class="text">30</div>
  805. <p>
  806. <div class="text">31</div>
  807. </div>
  808. </div>
  809. <!----- end ----->
  810.  
  811.  
  812.  
  813. <!-- PLEASE DON'T TOUCH -->
  814. <div class="credit"><a href="https://lizascodes.tumblr.com/">©</a></div>
  815.  
  816.  
  817. </body>
  818. </html>
  819.  
  820. <!-- !!! COMMENTS !!!
  821.  
  822.  
  823. - pleace contact me if you face any problems
  824. http://lizascodes.tumblr.com (you can find more info there too)
  825. -please don't remove the credit and don't steal any part of this
  826. code
  827.  
  828.  
  829. -->
Advertisement
Add Comment
Please, Sign In to add comment
Public Pastes
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!