API tools faq
paste
Kawaii-Lau

TrueHeroPT

Kawaii-Lau
Dec 13th, 2019
341
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 23.63 KB | None | 0 0
raw download clone embed print report
  1. <!---
  2.      Thank you for using my code!
  3.  
  4. Rules to follow:
  5.  ▶ Never EVER delete the credits and claim this code as your own.
  6.  ▶ Do not distribute this code to others. Please direct the person to my coding blog, kawaii-lau.tumblr.com if they like to use this template.
  7.  ▶ If you need any help in fixing codes, contact me on Discord (Kawaii-lau#6316). Major changes in code is not accepted.
  8.  
  9. Check out my blog to see if any commissions are open.
  10. Don't forget to leave a like!
  11.  
  12.  
  13. --->
  14.  
  15.  
  16.  
  17. <style>
  18.     /* CUSTOM CSS */
  19.     ::selection {
  20.         background-color: rgba(16, 81, 211, 0.4);
  21.     }
  22.  
  23.     ::-webkit-scrollbar {
  24.         width: 5px;
  25.         height: 5px;
  26.         background-color: rgb(62, 75, 116, 0.3);
  27.     }
  28.  
  29.     ::-webkit-scrollbar-thumb {
  30.         background-color: rgb(162, 237, 235, 0.5);
  31.         box-shadow: 0px 0px 5px rgb(162, 237, 235, 0.4);
  32.     }
  33.  
  34.     .bg-img {
  35.         background: url(https://66.media.tumblr.com/9348a3347757267167ed4b81dafbf430/tumblr_npvj6c8Qhz1rgda2fo2_500.gifv) center/90% 90% fixed;
  36.  
  37.     }
  38.  
  39.     .bg-color {
  40.         background-color: rgba(0, 0, 150, 0.2);
  41.         padding: 1px;
  42.  
  43.     }
  44.  
  45.     .main-text {
  46.         color: rgb(210, 210, 210);
  47.         font-family: 'Oswald';
  48.         font-size: 18px;
  49.     }
  50.  
  51.     .whole-slide {
  52.         border-radius: 0px 0px 0px 20px;
  53.         border: 4px solid transparent;
  54.  
  55.     }
  56.  
  57.     .slide-cover {
  58.         background: rgba(32, 41, 80, 0.8);
  59.     }
  60.  
  61.     .light-box {
  62.         border: 1px solid rgba(255, 255, 255, 0.1);
  63.         outline: none;
  64.         background: rgb(32, 41, 80);
  65.     }
  66.  
  67.     .cover {
  68.         background: rgba(32, 41, 80, 0.3);
  69.         box-shadow: -5px 5px 5px rgba(163, 246, 243, 0.3), -7px 6px 5px rgba(231, 137, 244, 0.3);
  70.         ;
  71.         border-left: 1px solid rgb(13, 68, 124, 0.8);
  72.     }
  73.  
  74.     .cover-content {
  75.         box-shadow: 4px 4px 15px rgba(231, 137, 244, 0.4), -4px -4px 15px rgba(163, 246, 243, 0.4);
  76.         border-radius: 10px;
  77.     }
  78.  
  79.     .pt p {
  80.         margin: 5px;
  81.     }
  82.  
  83.     .profile-text p span:first-child {
  84.         background-color: rgba(39, 88, 159, 0.5);
  85.         color: white;
  86.         padding: 0px 5px;
  87.     }
  88.  
  89.     .nav button {
  90.         border: 1px solid rgba(255, 255, 255, 0.1);
  91.         outline: none;
  92.         background: rgb(32, 41, 80);
  93.         font-size: 20px;
  94.         padding: 5px;
  95.         width: 150px;
  96.         color: rgb(190, 190, 190);
  97.         font-family: Impact;
  98.         margin-left: auto;
  99.         margin-right: auto;
  100.         margin-top: 5px;
  101.         margin-bottom: 5px;
  102.  
  103.     }
  104.  
  105.     .nav button:hover {
  106.         color: white;
  107.         border: 1px solid rgba(255, 255, 255, 0.5);
  108.     }
  109.  
  110.  
  111.     ul>li {
  112.         margin: 2px 0px 0px -20px;
  113.         padding-bottom: 2px;
  114.         text-overflow: ellipsis;
  115.         white-space: nowrap;
  116.         overflow: hidden;
  117.         border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  118.     }
  119.  
  120.  
  121.  
  122.  
  123.     .gallery {
  124.         padding: 5px 10px;
  125.         display: flex;
  126.         flex-direction: row;
  127.         height: 300px;
  128.         overflow: auto
  129.     }
  130.  
  131.     .gallery>img {
  132.         width: 200px;
  133.         margin-right: 2px;
  134.     }
  135.  
  136.     .quote {
  137.         text-align: center;
  138.         font-family: 'Oswald';
  139.         font-size: 20px;
  140.         font-style: italic
  141.     }
  142.  
  143.     .divider {
  144.         border-width: 2px 0px 0px 0px;
  145.         border-style: solid;
  146.         border-color: rgba(220, 220, 220);
  147.         width: 80%
  148.     }
  149.  
  150.     .playlist {
  151.         font-family: serif;
  152.         font-size: 12px;
  153.     }
  154.  
  155.     .player-header {
  156.         font-size: 28px;
  157.         letter-spacing: 2px
  158.     }
  159.  
  160.     .player-name {
  161.         text-align: center;
  162.         font-family: Impact;
  163.         letter-spacing: 5px;
  164.         font-size: 40px
  165.     }
  166.  
  167.     .hero-name {
  168.         color: rgb(218, 103, 178);
  169.         font-size: 26px;
  170.     }
  171.  
  172.     .hero-info {
  173.         font-size: 14px
  174.     }
  175.  
  176.     .oog {
  177.         background: rgba(32, 41, 80)
  178.     }
  179.  
  180.     .oog-box {
  181.         background: rgba(32, 41, 80);
  182.     }
  183.  
  184.     .oog-text {
  185.  
  186.         color: #6D4BBA;
  187.         font-family: Impact;
  188.         text-indent: 10px
  189.     }
  190.  
  191.  
  192.     .credits-box {
  193.         background: rgba(32, 41, 80, 0.8);
  194.         border-radius: 10px 0% 0% 10px;
  195.         box-shadow: -5px 5px 5px rgba(163, 246, 243, 0.3), -3px 6px 5px rgba(231, 137, 244, 0.3);
  196.         border-bottom: 1px solid rgb(13, 68, 124, 0.6);
  197.     }
  198.  
  199.     .credits {
  200.         color: rgb(210, 210, 210);
  201.         text-decoration: none;
  202.         font-family: Impact;
  203.         font-size: 20px
  204.     }
  205.  
  206.     .credits:hover {
  207.         color: AB95E0;
  208.         transition: 1s ease;
  209.     }
  210.  
  211.     /* END OF CUSTOM CSS - DO NOT REMOVE THE FOLLOWING CSS (or it will break...) */
  212.     .nav button {
  213.         transition: 1s ease;
  214.     }
  215.  
  216.     .whole-slide {
  217.         margin-right: 20px;
  218.         height: 550px;
  219.         width: 700px;
  220.         overflow: hidden;
  221.  
  222.         position: relative;
  223.     }
  224.  
  225.     .slide-cover {
  226.         left: -707px;
  227.         transition: 2s ease;
  228.     }
  229.  
  230.     .slide-cover:hover {
  231.         left: 0px;
  232.         transition: 2s ease;
  233.     }
  234.  
  235.     .oog:hover {
  236.         height: 550px;
  237.         transition: 1s ease;
  238.     }
  239.  
  240.     .oog {
  241.         height: 65px;
  242.         transition: 1s ease;
  243.         position: relative;
  244.         margin-top: 25px
  245.     }
  246.  
  247.     .oog-text {
  248.         writing-mode: vertical-rl;
  249.         font-size: 28px;
  250.         text-align: left;
  251.     }
  252.  
  253.     .main-box {
  254.         display: flex;
  255.         flex-direction: row;
  256.         width: 800px;
  257.         margin-top: 20px;
  258.         margin-left: auto;
  259.         margin-right: auto;
  260.     }
  261.  
  262.     .content {
  263.         display: none;
  264.         overflow: auto;
  265.         width: 500px;
  266.         height: 450px;
  267.         padding: 10px;
  268.         position: relative;
  269.         float: left;
  270.     }
  271.  
  272.     .relation {
  273.         width: 95%;
  274.         height: 100px;
  275.         padding: 5px;
  276.         display: flex;
  277.         flex-direction: row
  278.     }
  279.  
  280.     .hero-image {
  281.         width: 95px;
  282.         height: 90px;
  283.         background-color: rgba(32, 41, 80);
  284.         border: 4px double rgb(255, 255, 255, 0.3);
  285.         margin-left: 5px;
  286.     }
  287.  
  288.     .fade {
  289.         -webkit-animation-name: fade;
  290.         -webkit-animation-duration: 1.5s;
  291.         animation-name: fade;
  292.         animation-duration: 1.5s;
  293.     }
  294.  
  295.     @-webkit-keyframes fade {
  296.         from {
  297.             opacity: 0
  298.         }
  299.  
  300.         to {
  301.             opacity: 1
  302.         }
  303.     }
  304.  
  305.     @keyframes fade {
  306.         from {
  307.             opacity: 0
  308.         }
  309.  
  310.         to {
  311.             opacity: 1
  312.         }
  313.     }
  314.  
  315.     .shift {
  316.         top: 0px;
  317.         transition: 1s ease;
  318.     }
  319.  
  320.     .shift1:hover {
  321.         top: -90px;
  322.     }
  323.  
  324.     .shift2:hover {
  325.         top: -180px;
  326.     }
  327.  
  328.     .shift3:hover {
  329.         top: -270px;
  330.     }
  331.  
  332.     .shift4:hover {
  333.         top: -360px;
  334.     }
  335. </style>
  336.  
  337. <script>
  338.     function openInfo(evt, contPage) {
  339.         var i, tabcontent, tablinks;
  340.         tabcontent = document.getElementsByClassName("content");
  341.         for (i = 0; i < tabcontent.length; i++) {
  342.            tabcontent[i].style.display = "none";
  343.        }
  344.        tablinks = document.getElementsByClassName("tablinks");
  345.        for (i = 0; i < tablinks.length; i++) {
  346.            tablinks[i].className = tablinks[i].className.replace(" active", "");
  347.        }
  348.        document.getElementById(contPage).style.display = "block";
  349.        evt.currentTarget.className += " active";
  350.    } {}
  351. </script>
  352.  
  353. <link href='https://fonts.googleapis.com/css?family=Impact' rel='stylesheet'>
  354. <link href='https://fonts.googleapis.com/css?family=Oswald' rel='stylesheet'>
  355.  
  356. <body>
  357.  
  358.     <div class="bg-img" style="width: 900px;
  359.        height: 600px;
  360.        margin-left: auto;
  361.        margin-right: auto">
  362.         <div class="bg-color main-text" style="height: 100%;
  363.        width: 100%;">
  364.  
  365.             <div class="main-box">
  366.                 <div class="pt whole-slide">
  367.                     <div style="width:1400px;height:550px;position:relative;" class="slide-cover">
  368.                         <div style="display:flex;flex-direction:row;width:100%;height:100%">
  369.                             <div style="width:50%;height:100%;" class="slide-end">
  370.                                 <div style="position:relative;top:10px;float:right;;width:170px;height:40px;z-index:3;left:1px" class="credits-box">
  371.                                     <div style="padding:10px;"> <a href="https://kawaii-lau.tumblr.com" target="_blank" class="credits">&copy; Kawaii-Lau</a></div>
  372.                                 </div>
  373.                                 <!------ ----->
  374.  
  375.                                 <!-- BEGINNING OF MAIN CONTENT - ABOUT -->
  376.                                 <div style="width:500px;margin:10px;" class="player-header">
  377.                                     <b>"The True Hero"</b>
  378.                                 </div>
  379.  
  380.  
  381.                                 <div style="display:block" id="page1" class="content fade">
  382.  
  383.                                     <div class="profile-text" style="position:relative;float:left;height:400px;width:235px;margin-right:10px">
  384.  
  385.                                         <p><span>Aliases.</span> Enter Input....</p>
  386.                                         <p><span>Age.</span> Enter Input....</p>
  387.                                         <p><span>Birthdate.</span> Enter Input....</p>
  388.                                         <p><span>Birthplace.</span> Enter Input....</p>
  389.                                         <p><span>Gender.</span> Enter Input....</p>
  390.                                         <p><span>Allegiance.</span> Enter Input....</p>
  391.                                         <p><span>Blood Status.</span> Enter Input....</p>
  392.                                         <p><span>Occupation.</span> Enter Input....</p>
  393.                                         <p><span>Special Ability.</span> Enter Input....</p>
  394.  
  395.                                         <p><span>Civil Status.</span> Enter Input....</p>
  396.                                         <p><span>Orientation.</span> Enter Input....</p>
  397.                                     </div>
  398.  
  399.                                     <div style="position:relative;float:left;height:400px;width:250px;">
  400.  
  401.                                         <img src="https://i.pinimg.com/originals/f6/08/4e/f6084e643cb341813a07ee7d56427c5a.gif" style="width:250px" />
  402.  
  403.                                         <div style="position:relative;height:150px;width:250px;margin-top:10px;" class="light-box playlist">
  404.                                             <div style="padding:10px">
  405.                                                 <p>▷
  406.                                                     Playing queue...
  407.                                                 </p>
  408.                                                 <ul style="border-left:1px solid rgba(255, 255, 255, 0.3);padding:0px 0px 0px 30px;">
  409.                                                     <li>Torn by Ava Max</li>
  410.                                                     <li>...Are You Ready For It? by Taylor Swift</li>
  411.                                                     <li>Level Up by ONEUS</li>
  412.                                                     <li>Bleed Magic by I DON'T KNOW HOW BUT THEY FOUND ME</li>
  413.                                                 </ul>
  414.                                             </div>
  415.                                         </div>
  416.                                     </div>
  417.  
  418.                                 </div>
  419.  
  420.                                 <!-- MAIN CONTENT - PERSONALITY -->
  421.  
  422.                                 <div class="content fade profile-text" id="page2">
  423.                                     <div class="light-box" style="margin-bottom:20px">
  424.                                         <div style="padding:5px 10px">
  425.                                             <p style="font-size:26px;margin:-5px 0px">THE FIRST IMPRESSION...</p>
  426.                                             <p>Awaiting Input </p>
  427.                                         </div>
  428.  
  429.                                     </div>
  430.  
  431.  
  432.                                     <p><span>STRENGTHS</span></p>
  433.                                     <ul>
  434.                                         <li>Awaiting Input Here....</li>
  435.                                     </ul>
  436.                                     <p><span>WEAKNESSES</span></p>
  437.                                     <ul>
  438.                                         <li>Awaiting Input Here....</li>
  439.                                     </ul>
  440.                                     <p><span>PEEVES</span></p>
  441.                                     <ul>
  442.                                         <li>Awaiting Input Here....</li>
  443.                                     </ul>
  444.                                     <p><span>QUIRKS</span></p>
  445.                                     <ul>
  446.                                         <li>Awaiting Input Here....</li>
  447.                                     </ul>
  448.                                     <p><span>LIKES</span></p>
  449.                                     <ul>
  450.                                         <li>Awaiting Input Here....</li>
  451.                                     </ul>
  452.                                     <p><span>DISLIKES</span></p>
  453.                                     <ul>
  454.                                         <li>Awaiting Input Here....</li>
  455.                                     </ul>
  456.  
  457.  
  458.                                 </div>
  459.                                 <!-- MAIN CONTENT - APPEARANCE -->
  460.                                 <div class="content fade profile-text" id="page3">
  461.                                     <div class="light-box" style="margin-bottom:20px">
  462.                                         <div class="gallery">
  463.                                             <img src="https://i.pinimg.com/originals/b9/6e/c2/b96ec2de7d3203b5b20045c9673c4cd8.jpg" />
  464.                                             <img src="https://www.interviewmagazine.com/wp-content/uploads/2012/08/img-emma-stone-25_093903338877-873x1000.jpg" />
  465.                                             <img src="https://external-preview.redd.it/peZFjlw4KryrubEu74pBAKK2d5gZ4klr7Ne_Rwx6j9M.jpg?auto=webp&s=fdc6fcf752ccaa5e3556f61be47853b04252c9f4" />
  466.                                         </div>
  467.  
  468.                                     </div>
  469.  
  470.  
  471.                                     <p><span>ETHNICITY</span></p>
  472.                                     <ul>
  473.                                         <li>Awaiting Input Here....</li>
  474.                                     </ul>
  475.                                     <p><span>SKIN COLOR</span></p>
  476.                                     <ul>
  477.                                         <li>Awaiting Input Here....</li>
  478.                                     </ul>
  479.                                     <p><span>HAIR COLOR</span></p>
  480.                                     <ul>
  481.                                         <li>Awaiting Input Here....</li>
  482.                                     </ul>
  483.                                     <p><span>EYE COLOR</span></p>
  484.                                     <ul>
  485.                                         <li>Awaiting Input Here....</li>
  486.                                     </ul>
  487.                                     <p><span>HEIGHT</span></p>
  488.                                     <ul>
  489.                                         <li>Awaiting Input Here....</li>
  490.                                     </ul>
  491.                                     <p><span>WEIGHT</span></p>
  492.                                     <ul>
  493.                                         <li style="color:red">Error...</li>
  494.                                     </ul>
  495.                                 </div>
  496.                                 <!-- MAIN CONTENT - RELATIONS -->
  497.                                 <div class="content profile-text fade " id="page4">
  498.                                     <div class="relation light-box">
  499.                                         <div class="hero-image">
  500.                                             <img src="https://66.media.tumblr.com/19b430d3d1510955fc258c180b63e589/tumblr_pqe7zmv6Vu1rutcjwo1_250.png" style="width:100%;height:100%" />
  501.  
  502.                                         </div>
  503.                                         <div style="width:430px;" class="">
  504.                                             <p class="hero-name" style="margin-top:0px">RYAN GOSLING</p>
  505.                                             <p class="hero-info">Information to follow...</p>
  506.                                         </div>
  507.                                     </div>
  508.  
  509.                                     <div class="relation light-box" style="margin-top:10px">
  510.  
  511.                                         <div style="width:430px;text-align:right" class="">
  512.                                             <p class="hero-name" style="margin-top:0px">ENTER INPUT....</p>
  513.                                             <p class="hero-info">Information to follow... </p>
  514.                                         </div>
  515.  
  516.                                         <div class="hero-image">
  517.                                             <img src="  " style="width:100%;height:100%" />
  518.  
  519.                                         </div>
  520.                                     </div>
  521.  
  522.                                     <div class="relation light-box">
  523.                                         <div class="hero-image">
  524.                                             <img src="  " style="width:100%;height:100%" />
  525.  
  526.                                         </div>
  527.                                         <div style="width:430px;" class="">
  528.                                             <p class="hero-name" style="margin-top:0px">ENTER INPUT....</p>
  529.                                             <p class="hero-info">Information to follow... </p>
  530.                                         </div>
  531.                                     </div>
  532.  
  533.                                     <div class="relation light-box" style="margin-top:10px">
  534.  
  535.                                         <div style="width:430px;text-align:right" class="">
  536.                                             <p class="hero-name" style="margin-top:0px">ENTER INPUT...</p>
  537.                                             <p class="hero-info">Information to follow...</p>
  538.                                         </div>
  539.  
  540.                                         <div class="hero-image">
  541.                                             <img src="  " style="width:100%;height:100%" />
  542.  
  543.                                         </div>
  544.                                     </div>
  545.  
  546.                                 </div>
  547.  
  548.                                 <!--- MAIN CONTENT - MISCELLANEOUS --->
  549.                                 <div class="profile-text content fade" id="page5">
  550.                                     <div class="light-box" style="padding:150px;">
  551.                                         It seems to be empty here...
  552.                                     </div>
  553.                                 </div>
  554.  
  555.                                 <!----- NAVIGATION BUTTONS --->
  556.                                 <div style="width:150px;padding:10px;position:relative;float:left" class="nav">
  557.  
  558.                                     <button onclick="openInfo(event, 'page1')">ABOUT</button>
  559.                                     <button onclick="openInfo(event, 'page2')">PERSONALITY</button>
  560.                                     <button onclick="openInfo(event, 'page3')">APPEARANCE</button>
  561.                                     <button onclick="openInfo(event, 'page4')">RELATIONS</button>
  562.                                     <button onclick="openInfo(event, 'page5')">MISCELLANEOUS</button>
  563.  
  564.                                 </div>
  565.  
  566.                             </div>
  567.  
  568.  
  569.                             <!---- FRONT COVER ---->
  570.                             <div style="width:50%;height:100%;" class="cover">
  571.                                 <div style="padding:25px;">
  572.  
  573.                                     <div style="height:465px;padding:10px;" class="cover-content">
  574.  
  575.  
  576.                                         <div style="width:400px;margin-left:auto;margin-right:auto;height:305px;position:relative;">
  577.  
  578.                                             <img src="https://i.pinimg.com/564x/81/b1/33/81b133b362646d8c2e8c55bc0eee1014.jpg" style="width:200px;height:300px;float:left" />
  579.                                             <img src="https://i.pinimg.com/564x/c4/97/23/c49723abb95ceef7a76ea49193cc40fa.jpg" style="width:200px;height:300px;float:left" />
  580.  
  581.                                         </div>
  582.  
  583.                                         <div class="player-name">ENTER PLAYER NAME</div>
  584.                                         <hr class="divider">
  585.                                         <p class="quote">"I'm not in the business. I <span style="color:rgb(160, 160, 250)">AM</span> the business."</p>
  586.                                     </div>
  587.                                 </div>
  588.                             </div>
  589.                         </div>
  590.                     </div>
  591.                 </div>
  592.  
  593.  
  594.                 <!------  OOG BOX ----->
  595.                 <div style="width:70px;height:550px;padding:5px;position:relative;overflow:hidden" class="oog-box">
  596.  
  597.                     <div style="width:70px;overflow:hidden;" class="oog">
  598.                         <img src="http://www.clker.com/cliparts/y/1/E/6/r/P/man-white-icon-hi.png" style="width:68px;margin-left:auto;margin-right:auto;" />
  599.                         <div style="margin-left:auto;margin-right:auto">
  600.                             <p class="oog-text">Faceclaim: Emma Stone</p>
  601.                         </div>
  602.                     </div>
  603.  
  604.                     <div style="width:70px;overflow:hidden;" class="oog shift shift1">
  605.                         <img src="https://discordapp.com/assets/28174a34e77bb5e5310ced9f95cb480b.png" style="width:68px;margin-left:auto;margin-right:auto;" />
  606.                         <div style="margin-left:auto;margin-right:auto">
  607.                             <p class="oog-text">Discord Username</p>
  608.                         </div>
  609.                     </div>
  610.  
  611.  
  612.  
  613.                     <div style="width:70px;overflow:hidden;" class="oog shift shift2">
  614.                         <img src="https://images.squarespace-cdn.com/content/v1/5596b8dee4b040c14b0c0258/1436447445999-VGIJHVVCO5BTSHDBYG2U/ke17ZwdGBToddI8pDm48kIgPQh2DL0giqrAoBE4-YCp7gQa3H78H3Y0txjaiv_0fDoOvxcdMmMKkDsyUqMSsMWxHk725yiiHCCLfrh8O1z5QHyNOqBUUEtDDsRWrJLTm6KEY-Spuw-yUpMKRxtTkQUPKZOvABjD8rrxZn4bU6rv9LAm-33ocF0QGJP9_PyTF/icon+blue+globe.png" style="width:68px;margin-left:auto;margin-right:auto" />
  615.                         <div style="margin-left:auto;margin-right:auto">
  616.                             <p class="oog-text">Timezone</p>
  617.                         </div>
  618.                     </div>
  619.  
  620.                     <div style="width:70px;overflow:hidden;" class="oog shift shift3">
  621.                         <img src="https://cdn.pixabay.com/photo/2015/12/07/22/53/paper-planes-1081560_960_720.png" style="width:68px;margin-left:auto;margin-right:auto;margin-top:10px;margin-bottom:20px" />
  622.                         <div style="margin-left:auto;margin-right:auto">
  623.                             <p class="oog-text">Other sites</p>
  624.                         </div>
  625.                     </div>
  626.  
  627.                     <div style="width:70px;overflow:hidden;" class="oog shift shift4">
  628.                         <img src="https://retohercules.com/images250_/mail-2.png" style="width:68px;margin-left:auto;margin-right:auto" />
  629.                         <div style="margin-left:auto;margin-right:auto">
  630.                             <p class="oog-text">Email</p>
  631.                         </div>
  632.                     </div>
  633.  
  634.  
  635.  
  636.                 </div>
  637.  
  638.             </div>
  639.  
  640.         </div>
  641.     </div>
  642. </body>
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!