API tools faq
paste
vladimirpinarum

F2U Birthdays

vladimirpinarum
Jun 26th, 2021 (edited)
1,019
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 54.39 KB | None | 0 0
raw download clone embed print report
  1. <!----------------------------------------------------------------
  2. BIRTHDAYS by HTMLobster
  3.  
  4.  
  5. TOS:
  6. Do not remove my credit. You may edit it, however.
  7. You may edit code/frankenstein with others as long as their TOS allows!
  8. Turn off WYSIWYG and turn on Code Editor.
  9. Ask me if you want to redistribute edits. Must be F2U.
  10. ------------------------------------------------------------------>
  11. <div class="container" style="max-width:500px;">
  12. <div>
  13. <!-- Heading -->
  14. <h1 class="rounded bg-dark text-white p-2 mx-1 text-center">Character Birthdays</h1>
  15. <!-- Carousel -->
  16. <div id="carouselMonth" class="carousel slide mx-auto p-1" data-ride="carousel" data-interval="50000">
  17. <!-- Bottom controls -->
  18. <ol class="carousel-indicators">
  19. <li data-target="#carouselMonth" data-slide-to="0" class="active"></li>
  20. <li data-target="#carouselMonth" data-slide-to="1"></li>
  21. <li data-target="#carouselMonth" data-slide-to="2"></li>
  22. <li data-target="#carouselMonth" data-slide-to="3"></li>
  23. <li data-target="#carouselMonth" data-slide-to="4"></li>
  24. <li data-target="#carouselMonth" data-slide-to="5"></li>
  25. <li data-target="#carouselMonth" data-slide-to="6"></li>
  26. <li data-target="#carouselMonth" data-slide-to="7"></li>
  27. <li data-target="#carouselMonth" data-slide-to="8"></li>
  28. <li data-target="#carouselMonth" data-slide-to="9"></li>
  29. <li data-target="#carouselMonth" data-slide-to="10"></li>
  30. <li data-target="#carouselMonth" data-slide-to="11"></li>
  31. </ol>
  32. <!-- Carousel items -->
  33. <div class="carousel-inner rounded">
  34. <!-- January -->
  35. <div class="carousel-item active">
  36. <!-- Background -->
  37. <div class="rounded pt-1" style="background-image:url(https://i.imgur.com/JZ1m4xz.png);height:400px;background-position:center center;background-size:cover">
  38. <div class="p-5 text-center mx-1">
  39. <!-- Semi-transparent Background -->
  40. <div class="rounded pb-3" style="background:rgba(0,0,0,.6);">
  41. <!-- Month name -->
  42. <h2 class="text-white mt-4 pt-3">January</h2>
  43. <!-- Days of month -->
  44. <!-- Replace col divs with the below snippets to add a birthday
  45. No link:
  46. <div class="col">
  47. <a class="btn bg-white text-dark py-1 px-2 rounded" data-toggle="tooltip" title="character_name">#</a>
  48. </div>
  49.  
  50. Link:
  51. <div class="col">
  52. <a class="btn bg-white text-dark py-1 px-2 rounded" data-toggle="tooltip" title="character_name" href="char_url">#</a>
  53. </div>
  54. -->
  55. <div class="row no-gutters text-white">
  56. <div class="col p-1">
  57. 1
  58. </div>
  59. <div class="col p-1">
  60. 2
  61. </div>
  62. <div class="col p-1">
  63. 3
  64. </div>
  65. <div class="col">
  66. <a class="btn bg-white text-dark py-1 px-2 rounded" data-toggle="tooltip" title="character_name">4</a>
  67. </div>
  68. <div class="col p-1">
  69. 5
  70. </div>
  71. <div class="col p-1">
  72. 6
  73. </div>
  74. <div class="col p-1">
  75. 7
  76. </div>
  77. </div>
  78. <div class="row no-gutters text-white mt-1">
  79. <div class="col p-1">
  80. 8
  81. </div>
  82. <div class="col p-1">
  83. 9
  84. </div>
  85. <div class="col p-1">
  86. 10
  87. </div>
  88. <div class="col p-1">
  89. 11
  90. </div>
  91. <div class="col p-1">
  92. 12
  93. </div>
  94. <div class="col p-1">
  95. 13
  96. </div>
  97. <div class="col p-1">
  98. 14
  99. </div>
  100. </div>
  101. <div class="row no-gutters text-white mt-1">
  102. <div class="col p-1">
  103. 15
  104. </div>
  105. <div class="col p-1">
  106. 16
  107. </div>
  108. <div class="col p-1">
  109. 17
  110. </div>
  111. <div class="col p-1">
  112. 18
  113. </div>
  114. <div class="col p-1">
  115. 19
  116. </div>
  117. <div class="col p-1">
  118. 20
  119. </div>
  120. <div class="col p-1">
  121. 21
  122. </div>
  123. </div>
  124. <div class="row no-gutters text-white mt-1">
  125. <div class="col p-1">
  126. 22
  127. </div>
  128. <div class="col p-1">
  129. 23
  130. </div>
  131. <div class="col p-1">
  132. 24
  133. </div>
  134. <div class="col p-1">
  135. 25
  136. </div>
  137. <div class="col p-1">
  138. 26
  139. </div>
  140. <div class="col p-1">
  141. 27
  142. </div>
  143. <div class="col p-1">
  144. 28
  145. </div>
  146. </div>
  147. <div class="row no-gutters text-white mt-1">
  148. <div class="col p-1">
  149. 29
  150. </div>
  151. <div class="col p-1">
  152. 30
  153. </div>
  154. <div class="col p-1">
  155. 31
  156. </div>
  157. <div class="col p-1">
  158.  
  159. </div>
  160. <div class="col p-1">
  161.  
  162. </div>
  163. <div class="col p-1">
  164.  
  165. </div>
  166. <div class="col p-1">
  167.  
  168. </div>
  169. </div>
  170. </div>
  171. </div>
  172. </div>
  173. </div>
  174. <!-- January end -->
  175.  
  176. <!-- February -->
  177. <div class="carousel-item">
  178. <!-- Background -->
  179. <div class="rounded pt-1" style="background-image:url(https://i.imgur.com/i1M2Opz.png);height:400px;background-position:center center;background-size:cover">
  180. <div class="p-5 text-center mx-1">
  181. <!-- Semi-transparent Background -->
  182. <div class="rounded pb-3" style="background:rgba(0,0,0,.6);">
  183. <!-- Month name -->
  184. <h2 class="text-white mt-4 pt-3">February</h2>
  185. <!-- Days of month -->
  186. <div class="row no-gutters text-white">
  187. <div class="col p-1">
  188. 1
  189. </div>
  190. <div class="col p-1">
  191. 2
  192. </div>
  193. <div class="col p-1">
  194. 3
  195. </div>
  196. <div class="col p-1">
  197. 4
  198. </div>
  199. <div class="col p-1">
  200. 5
  201. </div>
  202. <div class="col p-1">
  203. 6
  204. </div>
  205. <div class="col p-1">
  206. 7
  207. </div>
  208. </div>
  209. <div class="row no-gutters text-white mt-1">
  210. <div class="col p-1">
  211. 8
  212. </div>
  213. <div class="col p-1">
  214. 9
  215. </div>
  216. <div class="col p-1">
  217. 10
  218. </div>
  219. <div class="col p-1">
  220. 11
  221. </div>
  222. <div class="col p-1">
  223. 12
  224. </div>
  225. <div class="col p-1">
  226. 13
  227. </div>
  228. <div class="col">
  229. <a class="btn bg-white text-dark py-1 px-2 rounded" data-toggle="tooltip" title="character_name">14</a>
  230. </div>
  231. </div>
  232. <div class="row no-gutters text-white mt-1">
  233. <div class="col p-1">
  234. 15
  235. </div>
  236. <div class="col p-1">
  237. 16
  238. </div>
  239. <div class="col p-1">
  240. 17
  241. </div>
  242. <div class="col p-1">
  243. 18
  244. </div>
  245. <div class="col p-1">
  246. 19
  247. </div>
  248. <div class="col p-1">
  249. 20
  250. </div>
  251. <div class="col p-1">
  252. 21
  253. </div>
  254. </div>
  255. <div class="row no-gutters text-white mt-1">
  256. <div class="col p-1">
  257. 22
  258. </div>
  259. <div class="col p-1">
  260. 23
  261. </div>
  262. <div class="col p-1">
  263. 24
  264. </div>
  265. <div class="col p-1">
  266. 25
  267. </div>
  268. <div class="col p-1">
  269. 26
  270. </div>
  271. <div class="col p-1">
  272. 27
  273. </div>
  274. <div class="col p-1">
  275. 28
  276. </div>
  277. </div>
  278. <div class="row no-gutters text-white mt-1">
  279. <div class="col p-1">
  280. 29
  281. </div>
  282. <div class="col p-1">
  283.  
  284. </div>
  285. <div class="col p-1">
  286.  
  287. </div>
  288. <div class="col p-1">
  289.  
  290. </div>
  291. <div class="col p-1">
  292.  
  293. </div>
  294. <div class="col p-1">
  295.  
  296. </div>
  297. <div class="col p-1">
  298.  
  299. </div>
  300. </div>
  301. </div>
  302. </div>
  303. </div>
  304. </div>
  305. <!-- February end -->
  306.  
  307. <!-- March -->
  308. <div class="carousel-item">
  309. <!-- Background -->
  310. <div class="rounded pt-1" style="background-image:url(https://i.imgur.com/DZeAZmK.png);height:400px;background-position:center center;background-size:cover">
  311. <div class="p-5 text-center mx-1">
  312. <!-- Semi-transparent Background -->
  313. <div class="rounded pb-3" style="background:rgba(0,0,0,.6);">
  314. <!-- Month name -->
  315. <h2 class="text-white mt-4 pt-3">March</h2>
  316. <!-- Days of month -->
  317. <div class="row no-gutters text-white">
  318. <div class="col">
  319. <a class="btn bg-white text-dark py-1 px-2 rounded" data-toggle="tooltip" title="character_name">1</a>
  320. </div>
  321. <div class="col p-1">
  322. 2
  323. </div>
  324. <div class="col p-1">
  325. 3
  326. </div>
  327. <div class="col p-1">
  328. 4
  329. </div>
  330. <div class="col p-1">
  331. 5
  332. </div>
  333. <div class="col p-1">
  334. 6
  335. </div>
  336. <div class="col p-1">
  337. 7
  338. </div>
  339. </div>
  340. <div class="row no-gutters text-white mt-1">
  341. <div class="col p-1">
  342. 8
  343. </div>
  344. <div class="col p-1">
  345. 9
  346. </div>
  347. <div class="col p-1">
  348. 10
  349. </div>
  350. <div class="col p-1">
  351. 11
  352. </div>
  353. <div class="col p-1">
  354. 12
  355. </div>
  356. <div class="col p-1">
  357. 13
  358. </div>
  359. <div class="col p-1">
  360. 14
  361. </div>
  362. </div>
  363. <div class="row no-gutters text-white mt-1">
  364. <div class="col p-1">
  365. 15
  366. </div>
  367. <div class="col p-1">
  368. 16
  369. </div>
  370. <div class="col p-1">
  371. 17
  372. </div>
  373. <div class="col p-1">
  374. 18
  375. </div>
  376. <div class="col p-1">
  377. 19
  378. </div>
  379. <div class="col p-1">
  380. 20
  381. </div>
  382. <div class="col p-1">
  383. 21
  384. </div>
  385. </div>
  386. <div class="row no-gutters text-white mt-1">
  387. <div class="col p-1">
  388. 22
  389. </div>
  390. <div class="col p-1">
  391. 23
  392. </div>
  393. <div class="col p-1">
  394. 24
  395. </div>
  396. <div class="col p-1">
  397. 25
  398. </div>
  399. <div class="col p-1">
  400. 26
  401. </div>
  402. <div class="col p-1">
  403. 27
  404. </div>
  405. <div class="col p-1">
  406. 28
  407. </div>
  408. </div>
  409. <div class="row no-gutters text-white mt-1">
  410. <div class="col p-1">
  411. 29
  412. </div>
  413. <div class="col p-1">
  414. 30
  415. </div>
  416. <div class="col p-1">
  417. 31
  418. </div>
  419. <div class="col p-1">
  420.  
  421. </div>
  422. <div class="col p-1">
  423.  
  424. </div>
  425. <div class="col p-1">
  426.  
  427. </div>
  428. <div class="col p-1">
  429.  
  430. </div>
  431. </div>
  432. </div>
  433. </div>
  434. </div>
  435. </div>
  436. <!-- March end -->
  437.  
  438. <!-- April -->
  439. <div class="carousel-item">
  440. <!-- Background -->
  441. <div class="rounded pt-1" style="background-image:url(https://i.imgur.com/xyALNWw.png);height:400px;background-position:center center;background-size:cover">
  442. <div class="p-5 text-center mx-1">
  443. <!-- Semi-transparent Background -->
  444. <div class="rounded pb-3" style="background:rgba(0,0,0,.6);">
  445. <!-- Month name -->
  446. <h2 class="text-white mt-4 pt-3">April</h2>
  447. <!-- Days of month -->
  448. <div class="row no-gutters text-white">
  449. <div class="col">
  450. <a class="btn bg-white text-dark py-1 px-2 rounded" data-toggle="tooltip" title="character_name">1</a>
  451. </div>
  452. <div class="col p-1">
  453. 2
  454. </div>
  455. <div class="col p-1">
  456. 3
  457. </div>
  458. <div class="col p-1">
  459. 4
  460. </div>
  461. <div class="col p-1">
  462. 5
  463. </div>
  464. <div class="col p-1">
  465. 6
  466. </div>
  467. <div class="col p-1">
  468. 7
  469. </div>
  470. </div>
  471. <div class="row no-gutters text-white mt-1">
  472. <div class="col p-1">
  473. 8
  474. </div>
  475. <div class="col p-1">
  476. 9
  477. </div>
  478. <div class="col p-1">
  479. 10
  480. </div>
  481. <div class="col p-1">
  482. 11
  483. </div>
  484. <div class="col p-1">
  485. 12
  486. </div>
  487. <div class="col p-1">
  488. 13
  489. </div>
  490. <div class="col p-1">
  491. 14
  492. </div>
  493. </div>
  494. <div class="row no-gutters text-white mt-1">
  495. <div class="col p-1">
  496. 15
  497. </div>
  498. <div class="col p-1">
  499. 16
  500. </div>
  501. <div class="col p-1">
  502. 17
  503. </div>
  504. <div class="col p-1">
  505. 18
  506. </div>
  507. <div class="col p-1">
  508. 19
  509. </div>
  510. <div class="col p-1">
  511. 20
  512. </div>
  513. <div class="col p-1">
  514. 21
  515. </div>
  516. </div>
  517. <div class="row no-gutters text-white mt-1">
  518. <div class="col p-1">
  519. 22
  520. </div>
  521. <div class="col p-1">
  522. 23
  523. </div>
  524. <div class="col p-1">
  525. 24
  526. </div>
  527. <div class="col p-1">
  528. 25
  529. </div>
  530. <div class="col p-1">
  531. 26
  532. </div>
  533. <div class="col p-1">
  534. 27
  535. </div>
  536. <div class="col p-1">
  537. 28
  538. </div>
  539. </div>
  540. <div class="row no-gutters text-white mt-1">
  541. <div class="col p-1">
  542. 29
  543. </div>
  544. <div class="col p-1">
  545. 30
  546. </div>
  547. <div class="col p-1">
  548.  
  549. </div>
  550. <div class="col p-1">
  551.  
  552. </div>
  553. <div class="col p-1">
  554.  
  555. </div>
  556. <div class="col p-1">
  557.  
  558. </div>
  559. <div class="col p-1">
  560.  
  561. </div>
  562. </div>
  563. </div>
  564. </div>
  565. </div>
  566. </div>
  567. <!-- April end -->
  568.  
  569. <!-- May -->
  570. <div class="carousel-item">
  571. <!-- Background -->
  572. <div class="rounded pt-1" style="background-image:url(https://i.imgur.com/LIbzXLS.png);height:400px;background-position:center center;background-size:cover">
  573. <div class="p-5 text-center mx-1">
  574. <!-- Semi-transparent Background -->
  575. <div class="rounded pb-3" style="background:rgba(0,0,0,.6);">
  576. <!-- Month name -->
  577. <h2 class="text-white mt-4 pt-3">May</h2>
  578. <!-- Days of month -->
  579. <div class="row no-gutters text-white">
  580. <div class="col">
  581. <a class="btn bg-white text-dark py-1 px-2 rounded" data-toggle="tooltip" title="character_name">1</a>
  582. </div>
  583. <div class="col p-1">
  584. 2
  585. </div>
  586. <div class="col p-1">
  587. 3
  588. </div>
  589. <div class="col p-1">
  590. 4
  591. </div>
  592. <div class="col p-1">
  593. 5
  594. </div>
  595. <div class="col p-1">
  596. 6
  597. </div>
  598. <div class="col p-1">
  599. 7
  600. </div>
  601. </div>
  602. <div class="row no-gutters text-white mt-1">
  603. <div class="col p-1">
  604. 8
  605. </div>
  606. <div class="col p-1">
  607. 9
  608. </div>
  609. <div class="col p-1">
  610. 10
  611. </div>
  612. <div class="col p-1">
  613. 11
  614. </div>
  615. <div class="col p-1">
  616. 12
  617. </div>
  618. <div class="col p-1">
  619. 13
  620. </div>
  621. <div class="col p-1">
  622. 14
  623. </div>
  624. </div>
  625. <div class="row no-gutters text-white mt-1">
  626. <div class="col p-1">
  627. 15
  628. </div>
  629. <div class="col p-1">
  630. 16
  631. </div>
  632. <div class="col p-1">
  633. 17
  634. </div>
  635. <div class="col p-1">
  636. 18
  637. </div>
  638. <div class="col p-1">
  639. 19
  640. </div>
  641. <div class="col p-1">
  642. 20
  643. </div>
  644. <div class="col p-1">
  645. 21
  646. </div>
  647. </div>
  648. <div class="row no-gutters text-white mt-1">
  649. <div class="col p-1">
  650. 22
  651. </div>
  652. <div class="col p-1">
  653. 23
  654. </div>
  655. <div class="col p-1">
  656. 24
  657. </div>
  658. <div class="col p-1">
  659. 25
  660. </div>
  661. <div class="col p-1">
  662. 26
  663. </div>
  664. <div class="col p-1">
  665. 27
  666. </div>
  667. <div class="col p-1">
  668. 28
  669. </div>
  670. </div>
  671. <div class="row no-gutters text-white mt-1">
  672. <div class="col p-1">
  673. 29
  674. </div>
  675. <div class="col p-1">
  676. 30
  677. </div>
  678. <div class="col p-1">
  679. 31
  680. </div>
  681. <div class="col p-1">
  682.  
  683. </div>
  684. <div class="col p-1">
  685.  
  686. </div>
  687. <div class="col p-1">
  688.  
  689. </div>
  690. <div class="col p-1">
  691.  
  692. </div>
  693. </div>
  694. </div>
  695. </div>
  696. </div>
  697. </div>
  698. <!-- May end -->
  699.  
  700. <!-- June -->
  701. <div class="carousel-item">
  702. <!-- Background -->
  703. <div class="rounded pt-1" style="background-image:url(https://i.imgur.com/mpiuX9v.png);height:400px;background-position:center center;background-size:cover">
  704. <div class="p-5 text-center mx-1">
  705. <!-- Semi-transparent Background -->
  706. <div class="rounded pb-3" style="background:rgba(0,0,0,.6);">
  707. <!-- Month name -->
  708. <h2 class="text-white mt-4 pt-3">June</h2>
  709. <!-- Days of month -->
  710. <div class="row no-gutters text-white">
  711. <div class="col">
  712. <a class="btn bg-white text-dark py-1 px-2 rounded" data-toggle="tooltip" title="character_name">1</a>
  713. </div>
  714. <div class="col p-1">
  715. 2
  716. </div>
  717. <div class="col p-1">
  718. 3
  719. </div>
  720. <div class="col p-1">
  721. 4
  722. </div>
  723. <div class="col p-1">
  724. 5
  725. </div>
  726. <div class="col p-1">
  727. 6
  728. </div>
  729. <div class="col p-1">
  730. 7
  731. </div>
  732. </div>
  733. <div class="row no-gutters text-white mt-1">
  734. <div class="col p-1">
  735. 8
  736. </div>
  737. <div class="col p-1">
  738. 9
  739. </div>
  740. <div class="col p-1">
  741. 10
  742. </div>
  743. <div class="col p-1">
  744. 11
  745. </div>
  746. <div class="col p-1">
  747. 12
  748. </div>
  749. <div class="col p-1">
  750. 13
  751. </div>
  752. <div class="col p-1">
  753. 14
  754. </div>
  755. </div>
  756. <div class="row no-gutters text-white mt-1">
  757. <div class="col p-1">
  758. 15
  759. </div>
  760. <div class="col p-1">
  761. 16
  762. </div>
  763. <div class="col p-1">
  764. 17
  765. </div>
  766. <div class="col p-1">
  767. 18
  768. </div>
  769. <div class="col p-1">
  770. 19
  771. </div>
  772. <div class="col p-1">
  773. 20
  774. </div>
  775. <div class="col p-1">
  776. 21
  777. </div>
  778. </div>
  779. <div class="row no-gutters text-white mt-1">
  780. <div class="col p-1">
  781. 22
  782. </div>
  783. <div class="col p-1">
  784. 23
  785. </div>
  786. <div class="col p-1">
  787. 24
  788. </div>
  789. <div class="col p-1">
  790. 25
  791. </div>
  792. <div class="col p-1">
  793. 26
  794. </div>
  795. <div class="col p-1">
  796. 27
  797. </div>
  798. <div class="col p-1">
  799. 28
  800. </div>
  801. </div>
  802. <div class="row no-gutters text-white mt-1">
  803. <div class="col p-1">
  804. 29
  805. </div>
  806. <div class="col p-1">
  807. 30
  808. </div>
  809. <div class="col p-1">
  810.  
  811. </div>
  812. <div class="col p-1">
  813.  
  814. </div>
  815. <div class="col p-1">
  816.  
  817. </div>
  818. <div class="col p-1">
  819.  
  820. </div>
  821. <div class="col p-1">
  822.  
  823. </div>
  824. </div>
  825. </div>
  826. </div>
  827. </div>
  828. </div>
  829. <!-- June end -->
  830.  
  831. <!-- July -->
  832. <div class="carousel-item">
  833. <!-- Background -->
  834. <div class="rounded pt-1" style="background-image:url(https://i.imgur.com/RpwPTN1.png);height:400px;background-position:center center;background-size:cover">
  835. <div class="p-5 text-center mx-1">
  836. <!-- Semi-transparent background -->
  837. <div class="rounded pb-3" style="background:rgba(0,0,0,.6);">
  838. <!-- Month name -->
  839. <h2 class="text-white mt-4 pt-3">July</h2>
  840. <!-- Days of month -->
  841. <div class="row no-gutters text-white">
  842. <div class="col">
  843. <a class="btn bg-white text-dark py-1 px-2 rounded" data-toggle="tooltip" title="character_name">1</a>
  844. </div>
  845. <div class="col p-1">
  846. 2
  847. </div>
  848. <div class="col p-1">
  849. 3
  850. </div>
  851. <div class="col p-1">
  852. 4
  853. </div>
  854. <div class="col p-1">
  855. 5
  856. </div>
  857. <div class="col p-1">
  858. 6
  859. </div>
  860. <div class="col p-1">
  861. 7
  862. </div>
  863. </div>
  864. <div class="row no-gutters text-white mt-1">
  865. <div class="col p-1">
  866. 8
  867. </div>
  868. <div class="col p-1">
  869. 9
  870. </div>
  871. <div class="col p-1">
  872. 10
  873. </div>
  874. <div class="col p-1">
  875. 11
  876. </div>
  877. <div class="col p-1">
  878. 12
  879. </div>
  880. <div class="col p-1">
  881. 13
  882. </div>
  883. <div class="col p-1">
  884. 14
  885. </div>
  886. </div>
  887. <div class="row no-gutters text-white mt-1">
  888. <div class="col p-1">
  889. 15
  890. </div>
  891. <div class="col p-1">
  892. 16
  893. </div>
  894. <div class="col p-1">
  895. 17
  896. </div>
  897. <div class="col p-1">
  898. 18
  899. </div>
  900. <div class="col p-1">
  901. 19
  902. </div>
  903. <div class="col p-1">
  904. 20
  905. </div>
  906. <div class="col p-1">
  907. 21
  908. </div>
  909. </div>
  910. <div class="row no-gutters text-white mt-1">
  911. <div class="col p-1">
  912. 22
  913. </div>
  914. <div class="col p-1">
  915. 23
  916. </div>
  917. <div class="col p-1">
  918. 24
  919. </div>
  920. <div class="col p-1">
  921. 25
  922. </div>
  923. <div class="col p-1">
  924. 26
  925. </div>
  926. <div class="col p-1">
  927. 27
  928. </div>
  929. <div class="col p-1">
  930. 28
  931. </div>
  932. </div>
  933. <div class="row no-gutters text-white mt-1">
  934. <div class="col p-1">
  935. 29
  936. </div>
  937. <div class="col p-1">
  938. 30
  939. </div>
  940. <div class="col p-1">
  941. 31
  942. </div>
  943. <div class="col p-1">
  944.  
  945. </div>
  946. <div class="col p-1">
  947.  
  948. </div>
  949. <div class="col p-1">
  950.  
  951. </div>
  952. <div class="col p-1">
  953.  
  954. </div>
  955. </div>
  956. </div>
  957. </div>
  958. </div>
  959. </div>
  960. <!-- July end -->
  961.  
  962. <!-- August -->
  963. <div class="carousel-item">
  964. <!-- Background -->
  965. <div class="rounded pt-1" style="background-image:url(https://i.imgur.com/hEX0cb5.png);height:400px;background-position:center center;background-size:cover">
  966. <div class="p-5 text-center mx-1">
  967. <!-- Semi-transparent background -->
  968. <div class="rounded pb-3" style="background:rgba(0,0,0,.6);">
  969. <!-- Month name -->
  970. <h2 class="text-white mt-4 pt-3">August</h2>
  971. <!-- Days of month -->
  972. <div class="row no-gutters text-white">
  973. <div class="col">
  974. <a class="btn bg-white text-dark py-1 px-2 rounded" data-toggle="tooltip" title="character_name">1</a>
  975. </div>
  976. <div class="col p-1">
  977. 2
  978. </div>
  979. <div class="col p-1">
  980. 3
  981. </div>
  982. <div class="col p-1">
  983. 4
  984. </div>
  985. <div class="col p-1">
  986. 5
  987. </div>
  988. <div class="col p-1">
  989. 6
  990. </div>
  991. <div class="col p-1">
  992. 7
  993. </div>
  994. </div>
  995. <div class="row no-gutters text-white mt-1">
  996. <div class="col p-1">
  997. 8
  998. </div>
  999. <div class="col p-1">
  1000. 9
  1001. </div>
  1002. <div class="col p-1">
  1003. 10
  1004. </div>
  1005. <div class="col p-1">
  1006. 11
  1007. </div>
  1008. <div class="col p-1">
  1009. 12
  1010. </div>
  1011. <div class="col p-1">
  1012. 13
  1013. </div>
  1014. <div class="col p-1">
  1015. 14
  1016. </div>
  1017. </div>
  1018. <div class="row no-gutters text-white mt-1">
  1019. <div class="col p-1">
  1020. 15
  1021. </div>
  1022. <div class="col p-1">
  1023. 16
  1024. </div>
  1025. <div class="col p-1">
  1026. 17
  1027. </div>
  1028. <div class="col p-1">
  1029. 18
  1030. </div>
  1031. <div class="col p-1">
  1032. 19
  1033. </div>
  1034. <div class="col p-1">
  1035. 20
  1036. </div>
  1037. <div class="col p-1">
  1038. 21
  1039. </div>
  1040. </div>
  1041. <div class="row no-gutters text-white mt-1">
  1042. <div class="col p-1">
  1043. 22
  1044. </div>
  1045. <div class="col p-1">
  1046. 23
  1047. </div>
  1048. <div class="col p-1">
  1049. 24
  1050. </div>
  1051. <div class="col p-1">
  1052. 25
  1053. </div>
  1054. <div class="col p-1">
  1055. 26
  1056. </div>
  1057. <div class="col p-1">
  1058. 27
  1059. </div>
  1060. <div class="col p-1">
  1061. 28
  1062. </div>
  1063. </div>
  1064. <div class="row no-gutters text-white mt-1">
  1065. <div class="col p-1">
  1066. 29
  1067. </div>
  1068. <div class="col p-1">
  1069. 30
  1070. </div>
  1071. <div class="col p-1">
  1072. 31
  1073. </div>
  1074. <div class="col p-1">
  1075.  
  1076. </div>
  1077. <div class="col p-1">
  1078.  
  1079. </div>
  1080. <div class="col p-1">
  1081.  
  1082. </div>
  1083. <div class="col p-1">
  1084.  
  1085. </div>
  1086. </div>
  1087. </div>
  1088. </div>
  1089. </div>
  1090. </div>
  1091. <!-- August end -->
  1092.  
  1093. <!-- September -->
  1094. <div class="carousel-item">
  1095. <!-- Background -->
  1096. <div class="rounded pt-1" style="background-image:url(https://i.imgur.com/QNfeV92.png);height:400px;background-position:center center;background-size:cover">
  1097. <div class="p-5 text-center mx-1">
  1098. <!-- Semi-transparent background -->
  1099. <div class="rounded pb-3" style="background:rgba(0,0,0,.6);">
  1100. <!-- Month name -->
  1101. <h2 class="text-white mt-4 pt-3">September</h2>
  1102. <!-- Days of month -->
  1103. <div class="row no-gutters text-white">
  1104. <div class="col">
  1105. <a class="btn bg-white text-dark py-1 px-2 rounded" data-toggle="tooltip" title="character_name">1</a>
  1106. </div>
  1107. <div class="col p-1">
  1108. 2
  1109. </div>
  1110. <div class="col p-1">
  1111. 3
  1112. </div>
  1113. <div class="col p-1">
  1114. 4
  1115. </div>
  1116. <div class="col p-1">
  1117. 5
  1118. </div>
  1119. <div class="col p-1">
  1120. 6
  1121. </div>
  1122. <div class="col p-1">
  1123. 7
  1124. </div>
  1125. </div>
  1126. <div class="row no-gutters text-white mt-1">
  1127. <div class="col p-1">
  1128. 8
  1129. </div>
  1130. <div class="col p-1">
  1131. 9
  1132. </div>
  1133. <div class="col p-1">
  1134. 10
  1135. </div>
  1136. <div class="col p-1">
  1137. 11
  1138. </div>
  1139. <div class="col p-1">
  1140. 12
  1141. </div>
  1142. <div class="col p-1">
  1143. 13
  1144. </div>
  1145. <div class="col p-1">
  1146. 14
  1147. </div>
  1148. </div>
  1149. <div class="row no-gutters text-white mt-1">
  1150. <div class="col p-1">
  1151. 15
  1152. </div>
  1153. <div class="col p-1">
  1154. 16
  1155. </div>
  1156. <div class="col p-1">
  1157. 17
  1158. </div>
  1159. <div class="col p-1">
  1160. 18
  1161. </div>
  1162. <div class="col p-1">
  1163. 19
  1164. </div>
  1165. <div class="col p-1">
  1166. 20
  1167. </div>
  1168. <div class="col p-1">
  1169. 21
  1170. </div>
  1171. </div>
  1172. <div class="row no-gutters text-white mt-1">
  1173. <div class="col p-1">
  1174. 22
  1175. </div>
  1176. <div class="col p-1">
  1177. 23
  1178. </div>
  1179. <div class="col p-1">
  1180. 24
  1181. </div>
  1182. <div class="col p-1">
  1183. 25
  1184. </div>
  1185. <div class="col p-1">
  1186. 26
  1187. </div>
  1188. <div class="col p-1">
  1189. 27
  1190. </div>
  1191. <div class="col p-1">
  1192. 28
  1193. </div>
  1194. </div>
  1195. <div class="row no-gutters text-white mt-1">
  1196. <div class="col p-1">
  1197. 29
  1198. </div>
  1199. <div class="col p-1">
  1200. 30
  1201. </div>
  1202. <div class="col p-1">
  1203.  
  1204. </div>
  1205. <div class="col p-1">
  1206.  
  1207. </div>
  1208. <div class="col p-1">
  1209.  
  1210. </div>
  1211. <div class="col p-1">
  1212.  
  1213. </div>
  1214. <div class="col p-1">
  1215.  
  1216. </div>
  1217. </div>
  1218. </div>
  1219. </div>
  1220. </div>
  1221. </div>
  1222. <!-- September end -->
  1223.  
  1224. <!-- October -->
  1225. <div class="carousel-item">
  1226. <!-- Background -->
  1227. <div class="rounded pt-1" style="background-image:url(https://i.imgur.com/tNrZEXi.png);height:400px;background-position:center center;background-size:cover">
  1228. <div class="p-5 text-center mx-1">
  1229. <!-- Semi-transparent background -->
  1230. <div class="rounded pb-3" style="background:rgba(0,0,0,.6);">
  1231. <!-- Month name -->
  1232. <h2 class="text-white mt-4 pt-3">October</h2>
  1233. <!-- Days of month -->
  1234. <div class="row no-gutters text-white">
  1235. <div class="col">
  1236. <a class="btn bg-white text-dark py-1 px-2 rounded" data-toggle="tooltip" title="character_name">1</a>
  1237. </div>
  1238. <div class="col p-1">
  1239. 2
  1240. </div>
  1241. <div class="col p-1">
  1242. 3
  1243. </div>
  1244. <div class="col p-1">
  1245. 4
  1246. </div>
  1247. <div class="col p-1">
  1248. 5
  1249. </div>
  1250. <div class="col p-1">
  1251. 6
  1252. </div>
  1253. <div class="col p-1">
  1254. 7
  1255. </div>
  1256. </div>
  1257. <div class="row no-gutters text-white mt-1">
  1258. <div class="col p-1">
  1259. 8
  1260. </div>
  1261. <div class="col p-1">
  1262. 9
  1263. </div>
  1264. <div class="col p-1">
  1265. 10
  1266. </div>
  1267. <div class="col p-1">
  1268. 11
  1269. </div>
  1270. <div class="col p-1">
  1271. 12
  1272. </div>
  1273. <div class="col p-1">
  1274. 13
  1275. </div>
  1276. <div class="col p-1">
  1277. 14
  1278. </div>
  1279. </div>
  1280. <div class="row no-gutters text-white mt-1">
  1281. <div class="col p-1">
  1282. 15
  1283. </div>
  1284. <div class="col p-1">
  1285. 16
  1286. </div>
  1287. <div class="col p-1">
  1288. 17
  1289. </div>
  1290. <div class="col p-1">
  1291. 18
  1292. </div>
  1293. <div class="col p-1">
  1294. 19
  1295. </div>
  1296. <div class="col p-1">
  1297. 20
  1298. </div>
  1299. <div class="col p-1">
  1300. 21
  1301. </div>
  1302. </div>
  1303. <div class="row no-gutters text-white mt-1">
  1304. <div class="col p-1">
  1305. 22
  1306. </div>
  1307. <div class="col p-1">
  1308. 23
  1309. </div>
  1310. <div class="col p-1">
  1311. 24
  1312. </div>
  1313. <div class="col p-1">
  1314. 25
  1315. </div>
  1316. <div class="col p-1">
  1317. 26
  1318. </div>
  1319. <div class="col p-1">
  1320. 27
  1321. </div>
  1322. <div class="col p-1">
  1323. 28
  1324. </div>
  1325. </div>
  1326. <div class="row no-gutters text-white mt-1">
  1327. <div class="col p-1">
  1328. 29
  1329. </div>
  1330. <div class="col p-1">
  1331. 30
  1332. </div>
  1333. <div class="col p-1">
  1334. 31
  1335. </div>
  1336. <div class="col p-1">
  1337.  
  1338. </div>
  1339. <div class="col p-1">
  1340.  
  1341. </div>
  1342. <div class="col p-1">
  1343.  
  1344. </div>
  1345. <div class="col p-1">
  1346.  
  1347. </div>
  1348. </div>
  1349. </div>
  1350. </div>
  1351. </div>
  1352. </div>
  1353. <!-- October end -->
  1354.  
  1355. <!-- November -->
  1356. <div class="carousel-item">
  1357. <!-- Background -->
  1358. <div class="rounded pt-1" style="background-image:url(https://i.imgur.com/nFBfbAw.png);height:400px;background-position:center center;background-size:cover">
  1359. <div class="p-5 text-center mx-1">
  1360. <!-- Semi-transparent background -->
  1361. <div class="rounded pb-3" style="background:rgba(0,0,0,.6);">
  1362. <!-- Month name -->
  1363. <h2 class="text-white mt-4 pt-3">November</h2>
  1364. <!-- Days of month -->
  1365. <div class="row no-gutters text-white">
  1366. <div class="col">
  1367. <a class="btn bg-white text-dark py-1 px-2 rounded" data-toggle="tooltip" title="character_name">1</a>
  1368. </div>
  1369. <div class="col p-1">
  1370. 2
  1371. </div>
  1372. <div class="col p-1">
  1373. 3
  1374. </div>
  1375. <div class="col p-1">
  1376. 4
  1377. </div>
  1378. <div class="col p-1">
  1379. 5
  1380. </div>
  1381. <div class="col p-1">
  1382. 6
  1383. </div>
  1384. <div class="col p-1">
  1385. 7
  1386. </div>
  1387. </div>
  1388. <div class="row no-gutters text-white mt-1">
  1389. <div class="col p-1">
  1390. 8
  1391. </div>
  1392. <div class="col p-1">
  1393. 9
  1394. </div>
  1395. <div class="col p-1">
  1396. 10
  1397. </div>
  1398. <div class="col p-1">
  1399. 11
  1400. </div>
  1401. <div class="col p-1">
  1402. 12
  1403. </div>
  1404. <div class="col p-1">
  1405. 13
  1406. </div>
  1407. <div class="col p-1">
  1408. 14
  1409. </div>
  1410. </div>
  1411. <div class="row no-gutters text-white mt-1">
  1412. <div class="col p-1">
  1413. 15
  1414. </div>
  1415. <div class="col p-1">
  1416. 16
  1417. </div>
  1418. <div class="col p-1">
  1419. 17
  1420. </div>
  1421. <div class="col p-1">
  1422. 18
  1423. </div>
  1424. <div class="col p-1">
  1425. 19
  1426. </div>
  1427. <div class="col p-1">
  1428. 20
  1429. </div>
  1430. <div class="col p-1">
  1431. 21
  1432. </div>
  1433. </div>
  1434. <div class="row no-gutters text-white mt-1">
  1435. <div class="col p-1">
  1436. 22
  1437. </div>
  1438. <div class="col p-1">
  1439. 23
  1440. </div>
  1441. <div class="col p-1">
  1442. 24
  1443. </div>
  1444. <div class="col p-1">
  1445. 25
  1446. </div>
  1447. <div class="col p-1">
  1448. 26
  1449. </div>
  1450. <div class="col p-1">
  1451. 27
  1452. </div>
  1453. <div class="col p-1">
  1454. 28
  1455. </div>
  1456. </div>
  1457. <div class="row no-gutters text-white mt-1">
  1458. <div class="col p-1">
  1459. 29
  1460. </div>
  1461. <div class="col p-1">
  1462. 30
  1463. </div>
  1464. <div class="col p-1">
  1465.  
  1466. </div>
  1467. <div class="col p-1">
  1468.  
  1469. </div>
  1470. <div class="col p-1">
  1471.  
  1472. </div>
  1473. <div class="col p-1">
  1474.  
  1475. </div>
  1476. <div class="col p-1">
  1477.  
  1478. </div>
  1479. </div>
  1480. </div>
  1481. </div>
  1482. </div>
  1483. </div>
  1484. <!-- November end -->
  1485.  
  1486. <!-- December -->
  1487. <div class="carousel-item">
  1488. <!-- Background -->
  1489. <div class="rounded pt-1" style="background-image:url(https://i.imgur.com/cfe3IvF.png);height:400px;background-position:center center;background-size:cover">
  1490. <div class="p-5 text-center mx-1">
  1491. <!-- Semi-transparent background -->
  1492. <div class="rounded pb-3" style="background:rgba(0,0,0,.6);">
  1493. <!-- Month name -->
  1494. <h2 class="text-white mt-4 pt-3">December</h2>
  1495. <!-- Days of month -->
  1496. <div class="row no-gutters text-white">
  1497. <div class="col">
  1498. <a class="btn bg-white text-dark py-1 px-2 rounded" data-toggle="tooltip" title="character_name">1</a>
  1499. </div>
  1500. <div class="col p-1">
  1501. 2
  1502. </div>
  1503. <div class="col p-1">
  1504. 3
  1505. </div>
  1506. <div class="col p-1">
  1507. 4
  1508. </div>
  1509. <div class="col p-1">
  1510. 5
  1511. </div>
  1512. <div class="col p-1">
  1513. 6
  1514. </div>
  1515. <div class="col p-1">
  1516. 7
  1517. </div>
  1518. </div>
  1519. <div class="row no-gutters text-white mt-1">
  1520. <div class="col p-1">
  1521. 8
  1522. </div>
  1523. <div class="col p-1">
  1524. 9
  1525. </div>
  1526. <div class="col p-1">
  1527. 10
  1528. </div>
  1529. <div class="col p-1">
  1530. 11
  1531. </div>
  1532. <div class="col p-1">
  1533. 12
  1534. </div>
  1535. <div class="col p-1">
  1536. 13
  1537. </div>
  1538. <div class="col p-1">
  1539. 14
  1540. </div>
  1541. </div>
  1542. <div class="row no-gutters text-white mt-1">
  1543. <div class="col p-1">
  1544. 15
  1545. </div>
  1546. <div class="col p-1">
  1547. 16
  1548. </div>
  1549. <div class="col p-1">
  1550. 17
  1551. </div>
  1552. <div class="col p-1">
  1553. 18
  1554. </div>
  1555. <div class="col p-1">
  1556. 19
  1557. </div>
  1558. <div class="col p-1">
  1559. 20
  1560. </div>
  1561. <div class="col p-1">
  1562. 21
  1563. </div>
  1564. </div>
  1565. <div class="row no-gutters text-white mt-1">
  1566. <div class="col p-1">
  1567. 22
  1568. </div>
  1569. <div class="col p-1">
  1570. 23
  1571. </div>
  1572. <div class="col p-1">
  1573. 24
  1574. </div>
  1575. <div class="col p-1">
  1576. 25
  1577. </div>
  1578. <div class="col p-1">
  1579. 26
  1580. </div>
  1581. <div class="col p-1">
  1582. 27
  1583. </div>
  1584. <div class="col p-1">
  1585. 28
  1586. </div>
  1587. </div>
  1588. <div class="row no-gutters text-white mt-1">
  1589. <div class="col p-1">
  1590. 29
  1591. </div>
  1592. <div class="col p-1">
  1593. 30
  1594. </div>
  1595. <div class="col p-1">
  1596. 31
  1597. </div>
  1598. <div class="col p-1">
  1599.  
  1600. </div>
  1601. <div class="col p-1">
  1602.  
  1603. </div>
  1604. <div class="col p-1">
  1605.  
  1606. </div>
  1607. <div class="col p-1">
  1608.  
  1609. </div>
  1610. </div>
  1611. </div>
  1612. </div>
  1613. </div>
  1614. </div>
  1615. <!-- December end -->
  1616.  
  1617. </div>
  1618. <!-- Left/right buttons - do not touch -->
  1619. <a class="carousel-control-prev" href="#carouselMonth" role="button" data-slide="prev">
  1620. <i class="text-white fas fa-chevron-left fa-2x"></i>
  1621. <span class="sr-only">Previous</span>
  1622. </a>
  1623. <a class="carousel-control-next" href="#carouselMonth" role="button" data-slide="next">
  1624. <i class="text-white fas fa-chevron-right fa-2x"></i>
  1625. <span class="sr-only">Next</span>
  1626. </a>
  1627. </div>
  1628. <div class="text-center">
  1629. <a href="https://unsplash.com/" data-toggle="tooltip" title="images from unsplash"><i class="fas fa-image"></i></a> &nbsp;&nbsp;<a href="https://toyhou.se/HTMLobster" data-toggle="tooltip" title="layout by noll"><i class="fas fa-code"></i></a>
  1630. </div>
  1631. </div>
  1632. </div>
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!