API tools faq
paste
Advertisement
CrispinAsheYA

Stampbook & Stamps (MISC, F2U)

CrispinAsheYA
Mar 29th, 2022 (edited)
206
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 48.36 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE HTML>
  2.  
  3. <!--RULES
  4.  
  5. YOU MAY
  6. -Frankenstein this with other codes and add/change/delete sections to your liking
  7. -Change colours, images, fonts, ect.
  8.  
  9. YOU MAYN'T
  10. -Resell or copy and paste this template pretty much exactly and pass it off as your own
  11. -Change every single image to be Minecraft Raw Porkchop
  12.  
  13. HOW TO USE
  14. -When editing, remember to turn WYSIWYG off! (AKA, the button should say "Enable WYSIWYG"! What does that stand for anyway?
  15. -I tend to litter comments everywhere. I like to assume that somewhere out there, one of my templates it's someone's first ever experience with HTML so I tend to explain accordingly. Feel free to delete the comments to your liking.
  16.  
  17. -Because this code is HUGE (just under 750 lines), I will be denoting areas that feature easy customiseabiliy with "BUS STOP HERE". This is so, if you copy and paste this into a Google Doc, you can just find and replace "B/S ST/P H/R/" and edit your name/stamps and then press next and be on your merry little way.
  18.  
  19. ###Bus Time Table###
  20. •Username & Font Awesome Icon (Cover)
  21. •Stamp sections on each page
  22. •Stamp count on each page
  23. (Bus does not cover innerpage, coverpage, or text colour. You can edit that with the tutorial below.)
  24.  
  25. -To change the colours, I recommend copy and pasting all of your code into a Google Doc, going onto "find and replace" and using the colours below to quickly change the colours globally.
  26.  
  27. -Once this comes out of beta, preferably you should only half the stamps you've actually achieved on your account as coloured. I have no way of checking if you do, but that IS the intent with this code.
  28.  
  29. Default Colours
  30. -Spine (Brown): #2F1810
  31. -Spine (Rings): #676767
  32. -Cover (Fill): #572B1B
  33. -Cover (Text): #F5B851
  34. -Cover (Text): #DE8928
  35. -Paper (Fill): #FDFEF9
  36. -Paper (Darker): #BBBBB3
  37. -Info Box (Fill): #E8E2D4 (Reccomend not changing this unless you also change the image (stamp key) too.)
  38. -Info Box (Border): #E4DEC7
  39. -Info Box (Writing): #61605B
  40.  
  41. ------------------------------Change Log------------------------------
  42. Version 1 - 29.03.22 - Beta released to the public. 0 Total Stamps
  43.  
  44. Thank you for reading!
  45. Crispin
  46.  
  47. -->
  48.  
  49. <!---------------------------------------------------------  START BACKGROUND --------------------------------------------------------->
  50.  
  51. <div class="col-lg-2 col-md-3 hidden-sm-down sidebar"></div>
  52. <div class="card rounded-0 border-0 col-lg-10 offset-lg-2 col-md-9 offset-md-3 p-0" style="overflow:hidden; position:fixed; bottom:0; top:0; left:0; z-index:-1; background-color:#371F15;">
  53. </div>
  54.  
  55. <!---------------------------------------------------------  END BACKGROUND --------------------------------------------------------->
  56.  
  57. <!------------------------------------------------------------- START STAMPBOOK ------------------------------------------------------------->
  58. <div class="text-dark m-auto tab-content">
  59.  
  60.   <!------------------------------------------------------------- START COVER ------------------------------------------------------------->
  61.    
  62.   <div class="tab-pane show active" id="cover">
  63.     <div class="row my-3" style="width:100%; height:588px; margin-left:auto; margin-right:auto;">
  64.       <div class="d-none d-md-block" style="height:10px; width:20%; float:left;"></div>
  65.      
  66.       <!----- START SPINE ----->
  67.       <div class="d-none d-sm-block" style="float: left; border-style: none; border-radius: 5px 0 0 5px; background-position: center; background-color:#2F1810;">
  68.        
  69.         <!-- That's a lot of rings at the side! -->
  70.         <hr style="border-style: solid; border-width: 5px; border-color: #676767;">
  71.         <hr style="border-style: solid; border-width: 5px; border-color: #676767;">
  72.         <hr style="border-style: solid; border-width: 5px; border-color: #676767;">
  73.         <hr style="border-style: solid; border-width: 5px; border-color: #676767;">
  74.         <hr style="border-style: solid; border-width: 5px; border-color: #676767;">
  75.         <hr style="border-style: solid; border-width: 5px; border-color: #676767;">
  76.         <hr style="border-style: solid; border-width: 5px; border-color: #676767;">
  77.         <hr style="border-style: solid; border-width: 5px; border-color: #676767;">
  78.         <hr style="border-style: solid; border-width: 5px; border-color: #676767;">
  79.         <hr style="border-style: solid; border-width: 5px; border-color: #676767;">
  80.         <hr style="border-style: solid; border-width: 5px; border-color: #676767;">
  81.         <hr style="border-style: solid; border-width: 5px; border-color: #676767;">
  82.         <hr style="border-style: solid; border-width: 5px; border-color: #676767;">
  83.         <hr style="border-style: solid; border-width: 5px; border-color: #676767;">
  84.         <hr style="border-style: solid; border-width: 5px; border-color: #676767;">
  85.         <hr style="border-style: solid; border-width: 5px; border-color: #676767;">
  86.         <hr style="border-style: solid; border-width: 5px; border-color: #676767;">
  87.         <hr style="border-style: solid; border-width: 5px; border-color: #676767;">
  88.         <hr style="border-style: solid; border-width: 5px; border-color: #676767;">
  89.         <hr style="border-style: solid; border-width: 5px; border-color: #676767;">
  90.         <hr style="border-style: solid; border-width: 5px; border-color: #676767;">
  91.         <hr style="border-style: solid; border-width: 5px; border-color: #676767;">
  92.         <!-- End of Many Rings -->
  93.        
  94.       </div>
  95.       <!----- END SPINE ----->
  96.      
  97.      
  98.       <!----- START COVER ----->
  99.       <div style="float: left; background-color:#572B1B; height: 588px; max-width: 400px; border-style: none; border-radius: 5px; position: relative; box-shadow: 10px 6px 5px rgba(0, 0, 0, 0.4);">
  100.        
  101.         <a class="nav-link" style="position: absolute; width: 100%; height: 600px; display: block; z-index: 2;" data-toggle="tab" href="#book"></a>
  102.        
  103.         <div class="w-100 h-100 text-center" style="border:45px solid transparent;"> <!-- Sets up text -->
  104.          
  105.           <hr class="invisible" style="height: 30px;">
  106.          
  107.           <div style="padding: 10px;"> <!-- Start Padding -->
  108.            
  109.             <!-- BUS STOP HERE -->
  110.             <div style="color:#F5B851; font-size:30px; font-weight:bold; text-shadow:-2px 2px 0 #DE8928;">
  111.               <p>USERNAME HERE</p>
  112.             </div>
  113.            
  114.             <div style="color:#F5B851; font-size:200px; font-weight:bold;">
  115.               <p><i class="fa-duotone fa-leaf-oak"></i></p>
  116.             </div>
  117.             <!-- (buss stop end) -->
  118.          
  119.           </div> <!-- End Padding -->
  120.          
  121.         </div> <!-- End Set Up Text -->
  122.        
  123.       </div> <!-- End of Front-Cover of Front Cover-->
  124.      
  125.     </div> <!-- End of Height/Width Decider -->
  126.    
  127.   </div> <!-- End of Cover Altogether -->
  128.    
  129.   <!------------------------------------------------------------- END COVER ------------------------------------------------------------->
  130.    
  131.    
  132.    
  133.   <!------------------------------------------------------------- START PAGES ------------------------------------------------------------->
  134.    
  135.   <div class="tab-pane" id="book"> <!-- Set up -->
  136.  
  137.     <div style="background-color:#FDFEF9; max-width:900px; border-style:none; border-radius:5px; box-shadow: 4px 4px 5px rgba(0, 0, 0, 0.4);"> <!-- Style N Stuff! -->
  138.    
  139.       <div class="carousel" data-interval="100000" id="innercontent"> <!-- Div Johnny -->
  140.  
  141.         <div class="carousel-inner"> <!-- Div Amy -->
  142.        
  143.   <!---------------------------------------------------------- START PAGES 1-2 ----------------------------------------------------------->
  144.        
  145.           <div class="carousel-item active"> <!-- Div Jerry -->
  146.          
  147.             <div class="row no-gutters mx-2"> <!-- Div Sally -->
  148.            
  149.               <div class="col-12 col-sm-6" style="position: relative;"> <!-- Div Timmy -->
  150.                
  151.                 <!-- Start Read Previous Page -->
  152.                 <div class="d-flex justify-content-between" style="width: 100%; position: absolute; bottom: 30px; height: 80px; max-width: 900px;">
  153.                   <a class="carousel-control-prev" href="#innercontent" style="margin-top: auto; height: 100px;  display: block;" data-slide="prev"></a>
  154.                   <a class="carousel-control-next d-block d-sm-none" href="#innercontent" style="  margin-top: auto; height: 100px; display: block;" data-slide="next"></a>
  155.                 </div>
  156.                 <!-- End Read Previous Page -->
  157.                
  158.                 <!-- Page Formatting 1 -->
  159.                 <div class="w-100" style="margin-top: 9px; margin-bottom: 30px; background:#FDFEF9; border-style: none; height: 90%;"><div>
  160.                  
  161.                   <!-- Page Formatting 2 -->
  162.                   <div class="p-1 px-2" style="overflow-x: none; overflow-y: auto; height: 500px; background:#FDFEF9;">
  163.                    
  164.                     <!---------- Start Stamps ---------->
  165.                     <p>
  166.                       <div class="row no-gutters">
  167.                        
  168.                         <ul>
  169.                           <li><a class="btn btn-outline" style="color:#61605B; font-size:32px; font-family:'comic sans ms',sans-serif;"><img src="https://media.discordapp.net/attachments/917542533930823690/958110968469135361/parties.png">Holidays</a></li>
  170.                           <li><a class="btn btn-outline" style="color:#61605B; font-size:32px; font-family:'comic sans ms',sans-serif;"><img src="https://media.discordapp.net/attachments/917542533930823690/958110948537806918/activities.png">Activities</a></li>
  171.                           <li><a class="btn btn-outline" style="color:#61605B; font-size:32px; font-family:'comic sans ms',sans-serif;"><img src="https://media.discordapp.net/attachments/917542533930823690/958110930636509204/games.png">Games</a></li>
  172.                           <li><a class="btn btn-outline" style="color:#61605B; font-size:32px; font-family:'comic sans ms',sans-serif;"><img src="https://media.discordapp.net/attachments/917542533930823690/958805764003217408/events.png">Events</a></li>
  173.                           <li><a class="btn btn-outline" style="color:#61605B; font-size:32px; font-family:'comic sans ms',sans-serif;"><img src="https://media.discordapp.net/attachments/917542533930823690/958110824227012648/pins.png">Pins</a></li>
  174.                         </ul>
  175.                        
  176.                       </div>
  177.                     </p>
  178.                     <!---------- End Stamps ---------->
  179.                    
  180.                   </div> <!-- End Page Formatting 1 -->
  181.                  
  182.                 </div> <!-- End Page Formatting 2 -->
  183.                
  184.               </div> <!-- End Div Timmy -->
  185.              
  186.             </div> <!-- End Div Sally -->
  187.            
  188.             <!------- Right Page Start ------->
  189.            
  190.             <div class="col-12 col-sm-6" style="position:relative;">
  191.              
  192.               <!--- Start "Go To Next Page" --->
  193.               <div class="d-flex justify-content-between" style="width: 100%; position: absolute; bottom: 30px; height: 80px; max-width: 900px;">
  194.                 <a class="carousel-control-prev d-block d-sm-none" href="#innercontent" style="  margin-top: auto; height: 100px;  display: block;" data-slide="prev"></a>
  195.                 <a class="carousel-control-next" href="#innercontent" style="margin-top: auto; height: 100px; display: block; z-index: 3;" data-slide="next"></a>
  196.               </div>
  197.               <!--- End "Go To Next Page" --->
  198.              
  199.               <!-- start top decor -->
  200.               <div class="w-100" style="position: absolute; top: -5px; clip-path: polygon(0% 100%, 4% 74%, 10% 43%, 19% 14%, 32% 0%, 45% 11%, 57% 33%, 70% 62%, 84% 84%, 100% 100%); height: 15px;"></div>
  201.               <div class="w-100" style="margin-top: 9px; margin-bottom: 30px; border-style: none; height: 90%;"><div>
  202.                 <!-- end top decor -->
  203.              
  204.               <!------- START CONTENT ------->
  205.               <div class="p-1 px-2" style="overflow-x: none; overflow-y: auto; height: 500px;">
  206.                
  207.                 <p>
  208.                  
  209.                   <!-- BUS STOP HERE -->
  210.                   <!----------------------------------------- EDIT AS YOU GET MORE STAMPS :) --------------------------------------------------->
  211.                   <span style="font-size:32px; color:#61605B;"><u>Contents | Total Stamps: 0/9</u></span>
  212.                  
  213.                   <!------------------------------------------ Feel Free To Change The Image --------------------------------------------------->
  214.                   <p style="text-align:left; color:#FDFEF9; font-size:18px;">secret message<br>secret message</p>
  215.                   <a class="nav-link btn btn" style="font-family:'comic sans ms'; color:#5B5B53; background-color:#E8E4D2; border:6px #E4DEC7 solid; border-radius: 4px 4px 0 0;" data-toggle="pill">
  216.                     <img src="https://media.discordapp.net/attachments/917542533930823690/958043995383136316/unknown.png">
  217.                   </a>
  218.                  
  219.                 </p>
  220.               </div>
  221.               <!-------- END CONTENT ------->
  222.              
  223.               <!-- Start Bottom Page Stuff -->
  224.               <div style="background:#FDFEF9;">
  225.                 <div class="w-100 text-center">- 2 -</div><!-- << Page Number -->
  226.                
  227.                 <!-- Start Next Page Link -->
  228.                 <div class="w-100" style="height:10px;"></div>
  229.                 <div class="w-100" style="position: relative; height:10px;">
  230.                  
  231.                   <!-- Start Paper -->
  232.                   <div style="position:absolute; right:0; bottom:0px; clip-path: polygon(0 0, 0% 100%, 100% 0); background: linear-gradient(to bottom right, #fcf8f2 10%, #BBBBB3); width:60px; height:60px;"></div>
  233.                   <!-- End Paper -->
  234.                  
  235.                 </div> <!-- End Next Page Link -->
  236.               </div> <!-- End Bottom Stuff -->
  237.             </div> <!-- End Right Page -->
  238.           </div> <!-- End Div Jerry -->
  239.         </div> <!-- End Div Amy -->
  240.       </div> <!-- End Johnny -->
  241.     </div> <!-- End Style N Stuff -->
  242.  
  243.   <!---------------------------------------------------------- END PAGES 1-2 ----------------------------------------------------------->
  244.  
  245.  
  246.   <!---------------------------------------------------------- START PAGES 3-4 ----------------------------------------------------------->
  247.        
  248.           <div class="carousel-item"> <!-- Div Jerry -->
  249.          
  250.             <div class="row no-gutters mx-2"> <!-- Div Sally -->
  251.            
  252.               <div class="col-12 col-sm-6" style="position: relative;"> <!-- Div Timmy -->
  253.                
  254.                 <!-- Start Read Previous Page -->
  255.                 <div class="d-flex justify-content-between" style="width: 100%; position: absolute; bottom: 30px; height: 80px; max-width: 900px;">
  256.                   <a class="carousel-control-prev" href="#innercontent" style="margin-top: auto; height: 100px;  display: block;" data-slide="prev"></a>
  257.                   <a class="carousel-control-next d-block d-sm-none" href="#innercontent" style="  margin-top: auto; height: 100px; display: block;" data-slide="next"></a>
  258.                 </div>
  259.                 <!-- End Read Previous Page -->
  260.                
  261.                 <!-- Page Formatting 1 -->
  262.                 <div class="w-100" style="margin-top: 9px; margin-bottom: 30px; background:#FDFEF9; border-style: none; height: 90%;"><div>
  263.                  
  264.                   <!-- Page Formatting 2 -->
  265.                   <div class="p-1 px-2" style="overflow-x: none; overflow-y: auto; height: 500px; background:#FDFEF9;">
  266.                    
  267.                     <!---------- Start Stamps ---------->
  268.                     <p>
  269.                       <div class="row no-gutters">
  270.                        
  271.                         <!-- BUS STOP HERE -->
  272.                        
  273.                         <!-- Start Stamp 1 | Unobtained: https://f2.toyhou.se/file/f2-toyhou-se/images/47359967_tlIdwra5xZGJGUl.jpg -->
  274.                         <a data-toggle="tooltip"
  275.                        href="https://toyhou.se/13468761.stampbook-stamps-html-"
  276.                        title="Own a Halloween themed character ">
  277.                         <img src="https://f2.toyhou.se/file/f2-toyhou-se/images/47359967_tlIdwra5xZGJGUl.jpg" width="100" height="100" />
  278.                         <!-- End Stamp 1 | Obtained: https://f2.toyhou.se/file/f2-toyhou-se/images/47359923_Y6ThfShScI1KJ3V.jpg -->
  279.                        
  280.                       </div>
  281.                      
  282.                     </p>
  283.                     <!---------- End Stamps ---------->
  284.                    
  285.                   </div> <!-- End Page Formatting 1 -->
  286.                  
  287.                 </div> <!-- End Page Formatting 2 -->
  288.                
  289.               </div> <!-- End Div Timmy -->
  290.              
  291.             </div> <!-- End Div Sally -->
  292.            
  293.             <!------- Right Page Start ------->
  294.            
  295.             <div class="col-12 col-sm-6" style="position:relative;">
  296.              
  297.               <!--- Start "Go To Next Page" --->
  298.               <div class="d-flex justify-content-between" style="width: 100%; position: absolute; bottom: 30px; height: 80px; max-width: 900px;">
  299.                 <a class="carousel-control-prev d-block d-sm-none" href="#innercontent" style="  margin-top: auto; height: 100px;  display: block;" data-slide="prev"></a>
  300.                 <a class="carousel-control-next" href="#innercontent" style="margin-top: auto; height: 100px; display: block; z-index: 3;" data-slide="next"></a>
  301.               </div>
  302.               <!--- End "Go To Next Page" --->
  303.              
  304.               <!-- start top decor -->
  305.               <div class="w-100" style="position: absolute; top: -5px; clip-path: polygon(0% 100%, 4% 74%, 10% 43%, 19% 14%, 32% 0%, 45% 11%, 57% 33%, 70% 62%, 84% 84%, 100% 100%); height: 15px;"></div>
  306.               <div class="w-100" style="margin-top: 9px; margin-bottom: 30px; border-style: none; height: 90%;"><div>
  307.                 <!-- end top decor -->
  308.                
  309.               <!------- START CONTENT ------->
  310.               <div class="p-1 px-2" style="overflow-x: none; overflow-y: auto; height: 500px;">
  311.                
  312.                 <p>
  313.                  
  314.                   <!-- BUS STOP HERE -->
  315.                   <!----------------------------------------- EDIT AS YOU GET MORE STAMPS :) --------------------------------------------------->
  316.                   <span style="font-size:32px; color:#61605B;"><u>Holidays | Total Stamps: 0/1</u></span>
  317.                  
  318.                   <!------------------------------------------ Feel Free To Change The Image --------------------------------------------------->
  319.                   <p style="text-align:left; color:#FDFEF9; font-size:18px;">secret message<br>secret message</p>
  320.                   <img src="https://images.unsplash.com/photo-1602692095685-d571be22806c?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxzZWFyY2h8MTR8fHBvbGFyb2lkfGVufDB8fDB8fA%3D%3D&auto=format&fit=crop&w=600&q=60" width="255" height="225" />
  321.                  
  322.                 </p>
  323.               </div>
  324.               <!-------- END CONTENT ------->
  325.              
  326.               <!-- Start Bottom Page Stuff -->
  327.               <div style="background:#FDFEF9;">
  328.                 <div class="w-100 text-center">- 4 -</div><!-- << Page Number -->
  329.                
  330.                 <!-- Start Next Page Link -->
  331.                 <div class="w-100" style="height:10px;"></div>
  332.                 <div class="w-100" style="position: relative; height:10px;">
  333.                  
  334.                   <!-- Start Paper -->
  335.                   <div style="position:absolute; right:0; bottom:0px; clip-path: polygon(0 0, 0% 100%, 100% 0); background: linear-gradient(to bottom right, #fcf8f2 10%, #BBBBB3); width:60px; height:60px;"></div>
  336.                   <!-- End Paper -->
  337.                  
  338.                 </div> <!-- End Next Page Link -->
  339.               </div> <!-- End Bottom Stuff -->
  340.             </div> <!-- End Right Page -->
  341.           </div> <!-- End Div Jerry -->
  342.         </div> <!-- End Div Amy -->
  343.       </div> <!-- End Johnny -->
  344.     </div> <!-- End Style N Stuff -->
  345.  
  346.   <!---------------------------------------------------------- END PAGES 3-4 ----------------------------------------------------------->
  347.  
  348.   <!---------------------------------------------------------- START PAGES 5-6 ----------------------------------------------------------->
  349.        
  350.           <div class="carousel-item"> <!-- Div Jerry -->
  351.          
  352.             <div class="row no-gutters mx-2"> <!-- Div Sally -->
  353.            
  354.               <div class="col-12 col-sm-6" style="position: relative;"> <!-- Div Timmy -->
  355.                
  356.                 <!-- Start Read Previous Page -->
  357.                 <div class="d-flex justify-content-between" style="width: 100%; position: absolute; bottom: 30px; height: 80px; max-width: 900px;">
  358.                   <a class="carousel-control-prev" href="#innercontent" style="margin-top: auto; height: 100px;  display: block;" data-slide="prev"></a>
  359.                   <a class="carousel-control-next d-block d-sm-none" href="#innercontent" style="  margin-top: auto; height: 100px; display: block;" data-slide="next"></a>
  360.                 </div>
  361.                 <!-- End Read Previous Page -->
  362.                
  363.                 <!-- Page Formatting 1 -->
  364.                 <div class="w-100" style="margin-top: 9px; margin-bottom: 30px; background:#FDFEF9; border-style: none; height: 90%;"><div>
  365.                  
  366.                   <!-- Page Formatting 2 -->
  367.                   <div class="p-1 px-2" style="overflow-x: none; overflow-y: auto; height: 500px; background:#FDFEF9;">
  368.                    
  369.                     <!---------- Start Stamps ---------->
  370.                     <p>
  371.                       <div class="row no-gutters">
  372.                        
  373.                         <!-- BUS STOP HERE -->
  374.                        
  375.                         <!-- Start Stamp 1 | Unobtained: https://f2.toyhou.se/file/f2-toyhou-se/images/47361785_b9pDAejc8lyxAc0.jpg -->
  376.                         <a data-toggle="tooltip"
  377.                        href="https://toyhou.se/13468761.stampbook-stamps-html-"
  378.                        title="Make 1 thread on the forums">
  379.                         <img src="https://f2.toyhou.se/file/f2-toyhou-se/images/47361785_b9pDAejc8lyxAc0.jpg" width="100" height="100" />
  380.                         <!-- End Stamp 1 | Obtained: https://f2.toyhou.se/file/f2-toyhou-se/images/47361775_T8ma2p2ugSWJejZ.jpg -->
  381.                        
  382.                         <!-- Start Stamp 2 | Unobtained: https://f2.toyhou.se/file/f2-toyhou-se/images/47361724_fINOxCKttoiPyGv.jpg -->
  383.                         <a data-toggle="tooltip"
  384.                        href="https://toyhou.se/13468761.stampbook-stamps-html-"
  385.                        title="Make 5 threads on the forums">
  386.                         <img src="https://f2.toyhou.se/file/f2-toyhou-se/images/47361724_fINOxCKttoiPyGv.jpg" width="100" height="100" />
  387.                         <!-- End Stamp 2 | Obtained: https://f2.toyhou.se/file/f2-toyhou-se/images/47361709_uCrRa2fUgZLbe7L.jpg -->
  388.                        
  389.                         <!-- Start Stamp 3 | Unobtained: https://f2.toyhou.se/file/f2-toyhou-se/images/47361679_V08WptIPmEURCuS.jpg -->
  390.                         <a data-toggle="tooltip"
  391.                        href="https://toyhou.se/13468761.stampbook-stamps-html-"
  392.                        title="Make 10 threads on the forums">
  393.                         <img src="https://f2.toyhou.se/file/f2-toyhou-se/images/47361679_V08WptIPmEURCuS.jpg" width="100" height="100" />
  394.                         <!-- End Stamp 3 | Obtained: https://f2.toyhou.se/file/f2-toyhou-se/images/47361654_rQqBXkFtOTovrLN.jpg -->
  395.                        
  396.                         <!-- Start Stamp 4 | Unobtained: https://f2.toyhou.se/file/f2-toyhou-se/images/47361616_B4breZtJKxsD4uN.jpg -->
  397.                         <a data-toggle="tooltip"
  398.                        href="https://toyhou.se/13468761.stampbook-stamps-html-"
  399.                        title="Make 20 threads on the forums">
  400.                         <img src="https://f2.toyhou.se/file/f2-toyhou-se/images/47361616_B4breZtJKxsD4uN.jpg" width="100" height="100" />
  401.                         <!-- End Stamp 4 | Obtained: https://f2.toyhou.se/file/f2-toyhou-se/images/47361597_7imCkLa22LYEaLW.jpg -->
  402.                        
  403.                       </div>
  404.                      
  405.                     </p>
  406.                     <!---------- End Stamps ---------->
  407.                    
  408.                   </div> <!-- End Page Formatting 1 -->
  409.                  
  410.                 </div> <!-- End Page Formatting 2 -->
  411.                
  412.               </div> <!-- End Div Timmy -->
  413.              
  414.             </div> <!-- End Div Sally -->
  415.            
  416.             <!------- Right Page Start ------->
  417.            
  418.             <div class="col-12 col-sm-6" style="position:relative;">
  419.              
  420.               <!--- Start "Go To Next Page" --->
  421.               <div class="d-flex justify-content-between" style="width: 100%; position: absolute; bottom: 30px; height: 80px; max-width: 900px;">
  422.                 <a class="carousel-control-prev d-block d-sm-none" href="#innercontent" style="  margin-top: auto; height: 100px;  display: block;" data-slide="prev"></a>
  423.                 <a class="carousel-control-next" href="#innercontent" style="margin-top: auto; height: 100px; display: block; z-index: 3;" data-slide="next"></a>
  424.               </div>
  425.               <!--- End "Go To Next Page" --->
  426.              
  427.               <!-- start top decor -->
  428.               <div class="w-100" style="position: absolute; top: -5px; clip-path: polygon(0% 100%, 4% 74%, 10% 43%, 19% 14%, 32% 0%, 45% 11%, 57% 33%, 70% 62%, 84% 84%, 100% 100%); height: 15px;"></div>
  429.               <div class="w-100" style="margin-top: 9px; margin-bottom: 30px; border-style: none; height: 90%;"><div>
  430.                 <!-- end top decor -->
  431.                
  432.               <!------- START CONTENT ------->
  433.               <div class="p-1 px-2" style="overflow-x: none; overflow-y: auto; height: 500px;">
  434.                
  435.                 <p>
  436.                  
  437.                   <!-- BUS STOP HERE -->
  438.                   <!----------------------------------------- EDIT AS YOU GET MORE STAMPS :) --------------------------------------------------->
  439.                   <span style="font-size:32px; color:#61605B;"><u>Activities | Total Stamps: 0/4</u></span>
  440.                  
  441.                   <!------------------------------------------ Feel Free To Change The Image --------------------------------------------------->
  442.                   <p style="text-align:left; color:#FDFEF9; font-size:18px;">secret message<br>secret message</p>
  443.                   <img src="https://images.unsplash.com/photo-1602692095685-d571be22806c?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxzZWFyY2h8MTR8fHBvbGFyb2lkfGVufDB8fDB8fA%3D%3D&auto=format&fit=crop&w=600&q=60" width="255" height="225" />
  444.                  
  445.                 </p>
  446.               </div>
  447.               <!-------- END CONTENT ------->
  448.              
  449.               <!-- Start Bottom Page Stuff -->
  450.               <div style="background:#FDFEF9;">
  451.                 <div class="w-100 text-center">- 6 -</div><!-- << Page Number -->
  452.                
  453.                 <!-- Start Next Page Link -->
  454.                 <div class="w-100" style="height:10px;"></div>
  455.                 <div class="w-100" style="position: relative; height:10px;">
  456.                  
  457.                   <!-- Start Paper -->
  458.                   <div style="position:absolute; right:0; bottom:0px; clip-path: polygon(0 0, 0% 100%, 100% 0); background: linear-gradient(to bottom right, #fcf8f2 10%, #BBBBB3); width:60px; height:60px;"></div>
  459.                   <!-- End Paper -->
  460.                  
  461.                 </div> <!-- End Next Page Link -->
  462.               </div> <!-- End Bottom Stuff -->
  463.             </div> <!-- End Right Page -->
  464.           </div> <!-- End Div Jerry -->
  465.         </div> <!-- End Div Amy -->
  466.       </div> <!-- End Johnny -->
  467.     </div> <!-- End Style N Stuff -->
  468.  
  469.   <!---------------------------------------------------------- END PAGES 5-6 ----------------------------------------------------------->
  470.  
  471.   <!---------------------------------------------------------- START PAGES 7-8 ----------------------------------------------------------->
  472.        
  473.           <div class="carousel-item"> <!-- Div Jerry -->
  474.          
  475.             <div class="row no-gutters mx-2"> <!-- Div Sally -->
  476.            
  477.               <div class="col-12 col-sm-6" style="position: relative;"> <!-- Div Timmy -->
  478.                
  479.                 <!-- Start Read Previous Page -->
  480.                 <div class="d-flex justify-content-between" style="width: 100%; position: absolute; bottom: 30px; height: 80px; max-width: 900px;">
  481.                   <a class="carousel-control-prev" href="#innercontent" style="margin-top: auto; height: 100px;  display: block;" data-slide="prev"></a>
  482.                   <a class="carousel-control-next d-block d-sm-none" href="#innercontent" style="  margin-top: auto; height: 100px; display: block;" data-slide="next"></a>
  483.                 </div>
  484.                 <!-- End Read Previous Page -->
  485.                
  486.                 <!-- Page Formatting 1 -->
  487.                 <div class="w-100" style="margin-top: 9px; margin-bottom: 30px; background:#FDFEF9; border-style: none; height: 90%;"><div>
  488.                  
  489.                   <!-- Page Formatting 2 -->
  490.                   <div class="p-1 px-2" style="overflow-x: none; overflow-y: auto; height: 500px; background:#FDFEF9;">
  491.                    
  492.                     <!---------- Start Stamps ---------->
  493.                     <p>
  494.                       <div class="row no-gutters">
  495.                        
  496.                         <!-- BUS STOP HERE -->
  497.                        
  498.                         <!-- Start Stamp 1 | Unobtained: https://f2.toyhou.se/file/f2-toyhou-se/images/47328467_kpCoxuoXVjHyAoY.jpg -->
  499.                         <a data-toggle="tooltip"
  500.                        href="https://toyhou.se/13468761.stampbook-stamps-html-"
  501.                        title="Own 50 characters at a time">
  502.                         <img src="https://f2.toyhou.se/file/f2-toyhou-se/images/47328467_kpCoxuoXVjHyAoY.jpg" width="100" height="100" />
  503.                         <!-- End Stamp 1 | Obtained: https://f2.toyhou.se/file/f2-toyhou-se/images/47328066_FNY1zCSkmyqYDuf.jpg -->
  504.                        
  505.                         <!-- Start Stamp 2 | Unobtained: https://f2.toyhou.se/file/f2-toyhou-se/images/47328411_rNagsK7UPA5RO7J.jpg -->
  506.                         <a data-toggle="tooltip"
  507.                        href="https://toyhou.se/13468761.stampbook-stamps-html-"
  508.                        title="Own 100 characters at a time">
  509.                         <img src="https://f2.toyhou.se/file/f2-toyhou-se/images/47328411_rNagsK7UPA5RO7J.jpg" width="100" height="100" />
  510.                         <!-- End Stamp 2 | Obtained: https://f2.toyhou.se/file/f2-toyhou-se/images/47328103_XFiU3JmHU2akPDT.jpg -->
  511.                        
  512.                         <!-- Start Stamp 3 | Unobtained: https://f2.toyhou.se/file/f2-toyhou-se/images/47328377_H3Ls3jclK33QPMb.jpg -->
  513.                         <a data-toggle="tooltip"
  514.                        href="https://toyhou.se/13468761.stampbook-stamps-html-"
  515.                        title="Own 200 characters at a time">
  516.                         <img src="https://f2.toyhou.se/file/f2-toyhou-se/images/47328377_H3Ls3jclK33QPMb.jpg" width="100" height="100" />
  517.                         <!-- End Stamp 3 | Obtained: https://f2.toyhou.se/file/f2-toyhou-se/images/47328148_euMnOL7dtYJ0ksT.jpg -->
  518.                        
  519.                         <!-- Start Stamp 4 | Unobtained: https://f2.toyhou.se/file/f2-toyhou-se/images/47328350_8pLcmuUEF5Ub4uu.jpg -->
  520.                         <a data-toggle="tooltip"
  521.                        href="https://toyhou.se/13468761.stampbook-stamps-html-"
  522.                        title="Make 20 threads on the forums">
  523.                         <img src="https://f2.toyhou.se/file/f2-toyhou-se/images/47328350_8pLcmuUEF5Ub4uu.jpg" width="100" height="100" />
  524.                         <!-- End Stamp 4 | Obtained: https://f2.toyhou.se/file/f2-toyhou-se/images/47328185_aEuU6jUI5uTUe5Z.jpg -->
  525.                        
  526.                       </div>
  527.                      
  528.                     </p>
  529.                     <!---------- End Stamps ---------->
  530.                    
  531.                   </div> <!-- End Page Formatting 1 -->
  532.                  
  533.                 </div> <!-- End Page Formatting 2 -->
  534.                
  535.               </div> <!-- End Div Timmy -->
  536.              
  537.             </div> <!-- End Div Sally -->
  538.            
  539.             <!------- Right Page Start ------->
  540.            
  541.             <div class="col-12 col-sm-6" style="position:relative;">
  542.              
  543.               <!--- Start "Go To Next Page" --->
  544.               <div class="d-flex justify-content-between" style="width: 100%; position: absolute; bottom: 30px; height: 80px; max-width: 900px;">
  545.                 <a class="carousel-control-prev d-block d-sm-none" href="#innercontent" style="  margin-top: auto; height: 100px;  display: block;" data-slide="prev"></a>
  546.                 <a class="carousel-control-next" href="#innercontent" style="margin-top: auto; height: 100px; display: block; z-index: 3;" data-slide="next"></a>
  547.               </div>
  548.               <!--- End "Go To Next Page" --->
  549.              
  550.               <!-- start top decor -->
  551.               <div class="w-100" style="position: absolute; top: -5px; clip-path: polygon(0% 100%, 4% 74%, 10% 43%, 19% 14%, 32% 0%, 45% 11%, 57% 33%, 70% 62%, 84% 84%, 100% 100%); height: 15px;"></div>
  552.               <div class="w-100" style="margin-top: 9px; margin-bottom: 30px; border-style: none; height: 90%;"><div>
  553.                 <!-- end top decor -->
  554.                
  555.               <!------- START CONTENT ------->
  556.               <div class="p-1 px-2" style="overflow-x: none; overflow-y: auto; height: 500px;">
  557.                
  558.                 <p>
  559.                  
  560.                   <!-- BUS STOP HERE -->
  561.                   <!----------------------------------------- EDIT AS YOU GET MORE STAMPS :) --------------------------------------------------->
  562.                   <span style="font-size:32px; color:#61605B;"><u>Games | Total Stamps: 0/4</u></span>
  563.                  
  564.                   <!------------------------------------------ Feel Free To Change The Image --------------------------------------------------->
  565.                   <p style="text-align:left; color:#FDFEF9; font-size:18px;">secret message<br>secret message</p>
  566.                   <img src="https://images.unsplash.com/photo-1602692095685-d571be22806c?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxzZWFyY2h8MTR8fHBvbGFyb2lkfGVufDB8fDB8fA%3D%3D&auto=format&fit=crop&w=600&q=60" width="255" height="225" />
  567.                  
  568.                 </p>
  569.               </div>
  570.               <!-------- END CONTENT ------->
  571.              
  572.               <!-- Start Bottom Page Stuff -->
  573.               <div style="background:#FDFEF9;">
  574.                 <div class="w-100 text-center">- 8 -</div><!-- << Page Number -->
  575.                
  576.                 <!-- Start Next Page Link -->
  577.                 <div class="w-100" style="height:10px;"></div>
  578.                 <div class="w-100" style="position: relative; height:10px;">
  579.                  
  580.                   <!-- Start Paper -->
  581.                   <div style="position:absolute; right:0; bottom:0px; clip-path: polygon(0 0, 0% 100%, 100% 0); background: linear-gradient(to bottom right, #fcf8f2 10%, #BBBBB3); width:60px; height:60px;"></div>
  582.                   <!-- End Paper -->
  583.                  
  584.                 </div> <!-- End Next Page Link -->
  585.               </div> <!-- End Bottom Stuff -->
  586.             </div> <!-- End Right Page -->
  587.           </div> <!-- End Div Jerry -->
  588.         </div> <!-- End Div Amy -->
  589.       </div> <!-- End Johnny -->
  590.     </div> <!-- End Style N Stuff -->
  591.  
  592.   <!---------------------------------------------------------- END PAGES 7-8 ----------------------------------------------------------->
  593.  
  594.   <!---------------------------------------------------------- START PAGES 9-10 ----------------------------------------------------------->
  595.        
  596.           <div class="carousel-item"> <!-- Div Jerry -->
  597.          
  598.             <div class="row no-gutters mx-2"> <!-- Div Sally -->
  599.            
  600.               <div class="col-12 col-sm-6" style="position: relative;"> <!-- Div Timmy -->
  601.                
  602.                 <!-- Start Read Previous Page -->
  603.                 <div class="d-flex justify-content-between" style="width: 100%; position: absolute; bottom: 30px; height: 80px; max-width: 900px;">
  604.                   <a class="carousel-control-prev" href="#innercontent" style="margin-top: auto; height: 100px;  display: block;" data-slide="prev"></a>
  605.                   <a class="carousel-control-next d-block d-sm-none" href="#innercontent" style="  margin-top: auto; height: 100px; display: block;" data-slide="next"></a>
  606.                 </div>
  607.                 <!-- End Read Previous Page -->
  608.                
  609.                 <!-- Page Formatting 1 -->
  610.                 <div class="w-100" style="margin-top: 9px; margin-bottom: 30px; background:#FDFEF9; border-style: none; height: 90%;"><div>
  611.                  
  612.                   <!-- Page Formatting 2 -->
  613.                   <div class="p-1 px-2" style="overflow-x: none; overflow-y: auto; height: 500px; background:#FDFEF9;">
  614.                    
  615.                     <!---------- Start Stamps ---------->
  616.                     <p>
  617.                       <div class="row no-gutters">
  618.                        
  619.                         <!-- BUS STOP HERE -->
  620.                        
  621.                         <!-- Start Stamp 1 | Unobtained: # -->
  622.                         <a data-toggle="tooltip"
  623.                        href="https://toyhou.se/13468761.stampbook-stamps-html-"
  624.                        title="Placeholder!">
  625.                         <img src="https://f2.toyhou.se/file/f2-toyhou-se/images/47328467_kpCoxuoXVjHyAoY.jpg" width="100" height="100" />
  626.                         <!-- End Stamp 1 | Obtained: # -->
  627.                        
  628.                       </div>
  629.                      
  630.                     </p>
  631.                     <!---------- End Stamps ---------->
  632.                    
  633.                   </div> <!-- End Page Formatting 1 -->
  634.                  
  635.                 </div> <!-- End Page Formatting 2 -->
  636.                
  637.               </div> <!-- End Div Timmy -->
  638.              
  639.             </div> <!-- End Div Sally -->
  640.            
  641.             <!------- Right Page Start ------->
  642.            
  643.             <div class="col-12 col-sm-6" style="position:relative;">
  644.              
  645.               <!--- Start "Go To Next Page" --->
  646.               <div class="d-flex justify-content-between" style="width: 100%; position: absolute; bottom: 30px; height: 80px; max-width: 900px;">
  647.                 <a class="carousel-control-prev d-block d-sm-none" href="#innercontent" style="  margin-top: auto; height: 100px;  display: block;" data-slide="prev"></a>
  648.                 <a class="carousel-control-next" href="#innercontent" style="margin-top: auto; height: 100px; display: block; z-index: 3;" data-slide="next"></a>
  649.               </div>
  650.               <!--- End "Go To Next Page" --->
  651.              
  652.               <!-- start top decor -->
  653.               <div class="w-100" style="position: absolute; top: -5px; clip-path: polygon(0% 100%, 4% 74%, 10% 43%, 19% 14%, 32% 0%, 45% 11%, 57% 33%, 70% 62%, 84% 84%, 100% 100%); height: 15px;"></div>
  654.               <div class="w-100" style="margin-top: 9px; margin-bottom: 30px; border-style: none; height: 90%;"><div>
  655.                 <!-- end top decor -->
  656.                
  657.               <!------- START CONTENT ------->
  658.               <div class="p-1 px-2" style="overflow-x: none; overflow-y: auto; height: 500px;">
  659.                
  660.                 <p>
  661.                  
  662.                   <!-- BUS STOP HERE -->
  663.                   <!----------------------------------------- EDIT AS YOU GET MORE STAMPS :) --------------------------------------------------->
  664.                   <span style="font-size:32px; color:#61605B;"><u>Events | Total Stamps: 0/0</u></span>
  665.                  
  666.                   <!------------------------------------------ Feel Free To Change The Image --------------------------------------------------->
  667.                   <p style="text-align:left; color:#FDFEF9; font-size:18px;">secret message<br>secret message</p>
  668.                   <img src="https://images.unsplash.com/photo-1602692095685-d571be22806c?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxzZWFyY2h8MTR8fHBvbGFyb2lkfGVufDB8fDB8fA%3D%3D&auto=format&fit=crop&w=600&q=60" width="255" height="225" />
  669.                  
  670.                 </p>
  671.               </div>
  672.               <!-------- END CONTENT ------->
  673.              
  674.               <!-- Start Bottom Page Stuff -->
  675.               <div style="background:#FDFEF9;">
  676.                 <div class="w-100 text-center">- 10 -</div><!-- << Page Number -->
  677.                
  678.                 <!-- Start Next Page Link -->
  679.                 <div class="w-100" style="height:10px;"></div>
  680.                 <div class="w-100" style="position: relative; height:10px;">
  681.                  
  682.                   <!-- Start Paper -->
  683.                   <div style="position:absolute; right:0; bottom:0px; clip-path: polygon(0 0, 0% 100%, 100% 0); background: linear-gradient(to bottom right, #fcf8f2 10%, #BBBBB3); width:60px; height:60px;"></div>
  684.                   <!-- End Paper -->
  685.                  
  686.                 </div> <!-- End Next Page Link -->
  687.               </div> <!-- End Bottom Stuff -->
  688.             </div> <!-- End Right Page -->
  689.           </div> <!-- End Div Jerry -->
  690.         </div> <!-- End Div Amy -->
  691.       </div> <!-- End Johnny -->
  692.     </div> <!-- End Style N Stuff -->
  693.  
  694.   <!---------------------------------------------------------- END PAGES 9-10 ----------------------------------------------------------->
  695.  
  696.   <!---------------------------------------------------------- START PAGES 11-12 ----------------------------------------------------------->
  697.        
  698.           <div class="carousel-item"> <!-- Div Jerry -->
  699.          
  700.             <div class="row no-gutters mx-2"> <!-- Div Sally -->
  701.            
  702.               <div class="col-12 col-sm-6" style="position: relative;"> <!-- Div Timmy -->
  703.                
  704.                 <!-- Start Read Previous Page -->
  705.                 <div class="d-flex justify-content-between" style="width: 100%; position: absolute; bottom: 30px; height: 80px; max-width: 900px;">
  706.                   <a class="carousel-control-prev" href="#innercontent" style="margin-top: auto; height: 100px;  display: block;" data-slide="prev"></a>
  707.                   <a class="carousel-control-next d-block d-sm-none" href="#innercontent" style="  margin-top: auto; height: 100px; display: block;" data-slide="next"></a>
  708.                 </div>
  709.                 <!-- End Read Previous Page -->
  710.                
  711.                 <!-- Page Formatting 1 -->
  712.                 <div class="w-100" style="margin-top: 9px; margin-bottom: 30px; background:#FDFEF9; border-style: none; height: 90%;"><div>
  713.                  
  714.                   <!-- Page Formatting 2 -->
  715.                   <div class="p-1 px-2" style="overflow-x: none; overflow-y: auto; height: 500px; background:#FDFEF9;">
  716.                    
  717.                     <!---------- Start Stamps ---------->
  718.                     <p>
  719.                       <div class="row no-gutters">
  720.                        
  721.                         <!-- BUS STOP HERE -->
  722.                        
  723.                         <!-- Start Stamp 1 | Unobtained: # -->
  724.                         <a data-toggle="tooltip"
  725.                        href="https://toyhou.se/13468761.stampbook-stamps-html-"
  726.                        title="Placeholder!">
  727.                         <img src="https://f2.toyhou.se/file/f2-toyhou-se/images/47328467_kpCoxuoXVjHyAoY.jpg" width="100" height="100" />
  728.                         <!-- End Stamp 1 | Obtained: # -->
  729.                        
  730.                       </div>
  731.                      
  732.                     </p>
  733.                     <!---------- End Stamps ---------->
  734.                    
  735.                   </div> <!-- End Page Formatting 1 -->
  736.                  
  737.                 </div> <!-- End Page Formatting 2 -->
  738.                
  739.               </div> <!-- End Div Timmy -->
  740.              
  741.             </div> <!-- End Div Sally -->
  742.            
  743.             <!------- Right Page Start ------->
  744.            
  745.             <div class="col-12 col-sm-6" style="position:relative;">
  746.              
  747.               <!--- Start "Go To Next Page" --->
  748.               <div class="d-flex justify-content-between" style="width: 100%; position: absolute; bottom: 30px; height: 80px; max-width: 900px;">
  749.                 <a class="carousel-control-prev d-block d-sm-none" href="#innercontent" style="  margin-top: auto; height: 100px;  display: block;" data-slide="prev"></a>
  750.                 <a class="carousel-control-next" href="#innercontent" style="margin-top: auto; height: 100px; display: block; z-index: 3;" data-slide="next"></a>
  751.               </div>
  752.               <!--- End "Go To Next Page" --->
  753.              
  754.               <!-- start top decor -->
  755.               <div class="w-100" style="position: absolute; top: -5px; clip-path: polygon(0% 100%, 4% 74%, 10% 43%, 19% 14%, 32% 0%, 45% 11%, 57% 33%, 70% 62%, 84% 84%, 100% 100%); height: 15px;"></div>
  756.               <div class="w-100" style="margin-top: 9px; margin-bottom: 30px; border-style: none; height: 90%;"><div>
  757.                 <!-- end top decor -->
  758.                
  759.               <!------- START CONTENT ------->
  760.               <div class="p-1 px-2" style="overflow-x: none; overflow-y: auto; height: 500px;">
  761.                
  762.                 <p>
  763.                  
  764.                   <!-- BUS STOP HERE -->
  765.                   <!----------------------------------------- EDIT AS YOU GET MORE STAMPS :) --------------------------------------------------->
  766.                   <span style="font-size:32px; color:#61605B;"><u>Pins | Total Stamps: 0/0</u></span>
  767.                  
  768.                   <!------------------------------------------ Feel Free To Change The Image --------------------------------------------------->
  769.                   <p style="text-align:left; color:#FDFEF9; font-size:18px;">secret message<br>secret message</p>
  770.                   <img src="https://images.unsplash.com/photo-1602692095685-d571be22806c?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxzZWFyY2h8MTR8fHBvbGFyb2lkfGVufDB8fDB8fA%3D%3D&auto=format&fit=crop&w=600&q=60" width="255" height="225" />
  771.                  
  772.                 </p>
  773.               </div>
  774.               <!-------- END CONTENT ------->
  775.              
  776.               <!-- Start Bottom Page Stuff -->
  777.               <div style="background:#FDFEF9;">
  778.                 <div class="w-100 text-center">- 12 -</div><!-- << Page Number -->
  779.                
  780.                 <!-- Start Next Page Link -->
  781.                 <div class="w-100" style="height:10px;"></div>
  782.                 <div class="w-100" style="position: relative; height:10px;">
  783.                  
  784.                   <!-- Start Paper -->
  785.                   <div style="position:absolute; right:0; bottom:0px; clip-path: polygon(0 0, 0% 100%, 100% 0); background: linear-gradient(to bottom right, #fcf8f2 10%, #BBBBB3); width:60px; height:60px;"></div>
  786.                   <!-- End Paper -->
  787.                  
  788.                 </div> <!-- End Next Page Link -->
  789.               </div> <!-- End Bottom Stuff -->
  790.             </div> <!-- End Right Page -->
  791.           </div> <!-- End Div Jerry -->
  792.         </div> <!-- End Div Amy -->
  793.       </div> <!-- End Johnny -->
  794.     </div> <!-- End Style N Stuff -->
  795.  
  796.   <!---------------------------------------------------------- END PAGES 11-12 ----------------------------------------------------------->
  797.  
  798.   </div> <!-- End Set Up -->
  799. </div> <!-- End Stampbook -->
  800. </div> <!-- Also here I can't track where from oops -->
  801.  
  802. <!---------- START CREDIT DO NOT REMOVE ---------->
  803. <div style="fixed-bottom p-2; text-left w-100">
  804.   <a href="https://toyhou.se/12660008.encyclopaedia-botannica-f2u-" target="_blank" class="m-1"><i class="fas fa-code"></i> Code By Himbocore</a><a href="https://toyhou.se/13468761.stampbook-stamps-html-" target="_blank" class="m-1">& CrispinAsheYA</a>
  805. </div>
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!