API tools faq
paste
Jade-Everstone

Resort Party! (CQ 2023 February - CC)

Jade-Everstone
Feb 17th, 2023 (edited)
1,620
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 22.96 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE HTML>
  2.  
  3. <!--Rules:
  4.  
  5. Resort Party!
  6.  
  7. For the Coders Quarters Feburary 2023 Challenge
  8. Based on the "Flip" Layout by Togo: https://toyhou.se/Togo
  9.  
  10. --edit 3/14/23: title change--
  11.  
  12. You may
  13. -frankenstein with other codes (as long as the creator of said code allows it)
  14. -edit/change as much as you need (example: making character codes into user codes, vice-versa)
  15. -use offsite
  16.  
  17. You may not
  18. -Redistribute, resell, and/or claim its yours
  19. -Remove credit (you're allowed to move & edit it though, just keep it visible)
  20.  
  21. Misc Notes:
  22. -When editing, remember to turn WYSIWYG off! My codes may break otherwise
  23. -Some basic html knowledge is recommended for editing
  24.  
  25. Default Colors (Custom Color vers):
  26. - Main color, links: #ef6b89
  27. - Header text, sidebar icons: text white
  28. - image credit links: #ffffff
  29. - sidebar, character & ref, basic info bgs: #f9f4f5
  30. - Section header lines, Dividers: #8edae4
  31.  
  32. - Header fonts: arial
  33.  
  34. Change the colors: Ctrl+f and search for the color you want to change.
  35.  
  36. -->
  37.  
  38. <div class="container" style="max-width:1200px">
  39.    
  40.     <div class="row">
  41.        
  42.        
  43.         <!-- /// Sidebar 1 /// -->
  44.         <div class="col-lg-4 col-xl-3 order-4 order-lg-1 mb-3 mb-lg-0">
  45.            
  46.             <!--Sidebar bg-->
  47.             <div class="card h-100 p-2 mb-1 border-0 rounded-0" style="
  48.                background-image:url(https://images.unsplash.com/photo-1504321946642-8f661bf96ff0?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=2070&q=80);
  49.                background-position:center;
  50.                background-size:cover;
  51.                background-attachment:fixed;
  52.                box-shadow:3px 3px 0px rgba(0,0,0,0.25) inset;
  53.                max-width:350px;
  54.                margin-left:auto;margin-right:auto;
  55.                background-color:#f9f4f5">
  56.                
  57.                
  58.                 <!-- /// moodboard /// -->
  59.                 <div class="my-3" style="position:sticky;top:20px;width:200px;margin-left:auto;margin-right:auto;
  60.                    font-size:1.25em;
  61.                    text-shadow:3px 3px 0px rgba(0,0,0,0.25);">
  62.                    
  63.                     <!--image 1-->
  64.                     <div class="bg-primary rounded-0 mb-3 p-1" style="height:30vh;box-shadow:3px 3px 0px rgba(0,0,0,0.25);
  65.                    background-image:url(https://images.unsplash.com/photo-1501426026826-31c667bdf23d?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=1936&q=80);
  66.                    background-position:center;
  67.                    background-size:cover;">
  68.                        
  69.                         <!--image credit-->
  70.                         <a href="https://unsplash.com/photos/m82uh_vamhg" target="_blank" style="color:#ffffff" data-toggle="tooltip" title="img - unsplash">
  71.                             <i class="fa-solid fa-plane-departure"></i>
  72.                         </a>
  73.                        
  74.                     </div>
  75.                    
  76.                     <!--image 2-->
  77.                     <div class="bg-primary rounded-0 mb-3 p-1" style="height:30vh;box-shadow:3px 3px 0px rgba(0,0,0,0.25);
  78.                    background-image:url(https://images.unsplash.com/photo-1546446587-f0af2037eaa1?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=2071&q=80);
  79.                    background-position:center;
  80.                    background-size:cover;">
  81.                        
  82.                         <!--image credit-->
  83.                         <a href="https://unsplash.com/photos/b6C2oGuAads" target="_blank" style="color:#ffffff" data-toggle="tooltip" title="img - unsplash">
  84.                             <i class="fa-solid fa-plane-departure"></i>
  85.                         </a>
  86.                        
  87.                     </div>
  88.                    
  89.                     <!--image 3-->
  90.                     <div class="bg-primary rounded-0 mb-3 p-1" style="height:30vh;box-shadow:3px 3px 0px rgba(0,0,0,0.25);
  91.                    background-image:url(https://images.unsplash.com/photo-1529905270444-b5e32acc3bdd?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=2070&q=80);
  92.                    background-position:center;
  93.                    background-size:cover;">
  94.                        
  95.                         <!--image credit-->
  96.                         <a href="https://unsplash.com/photos/Nukqi6L_5DU" target="_blank" style="color:#ffffff" data-toggle="tooltip" title="img - unsplash">
  97.                             <i class="fa-solid fa-plane-departure"></i>
  98.                         </a>
  99.                        
  100.                     </div>
  101.                    
  102.                 </div>
  103.                 <!-- /// end moodboard /// -->
  104.                
  105.             </div>
  106.            
  107.         </div>
  108.         <!-- /// end by Sidebar 1 /// -->
  109.        
  110.        
  111.         <!-- /// Info section /// -->
  112.         <div class="col-lg-5 col-xl-5 order-2 order-lg-2 mb-3 mb-lg-0">
  113.            
  114.             <!--Header-->
  115.             <div class="card p-2 mb-2 border-0 rounded-0" style="box-shadow:3px 3px 0px rgba(0,0,0,0.25);background-color:#ef6b89">
  116.                 <div class="card-body text-white">
  117.                     <span style="font-weight:bold;font-size:2.5em;font-style:italic;font-family:arial,sans-serif;text-shadow:3px 3px 0px rgba(0,0,0,0.25)">
  118.                         <i class="fa-solid fa-plane"></i>
  119.                         Character Name
  120.                         </span>
  121.                     <hr class="my-0" style="border-color:#ffffff">
  122.                 </div>
  123.             </div>
  124.            
  125.             <p>This section expands!</p>
  126.                
  127.             <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis sollicitudin elit sed tellus blandit viverra sed eget odio. Donec accumsan tempor lacus, et venenatis elit feugiat non. Duis porta eros et velit blandit dapibus. Curabitur ac finibus eros. Duis placerat velit vitae massa sodales, eget mattis nibh pellentesque.</p>
  128.                    
  129.             <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis sollicitudin elit sed tellus blandit viverra sed eget odio. Donec accumsan tempor lacus, et venenatis elit feugiat non. Duis porta eros et velit blandit dapibus. Curabitur ac finibus eros. Duis placerat velit vitae massa sodales, eget mattis nibh pellentesque.</p>
  130.            
  131.            
  132.             <!--section header-->
  133.             <span style="font-weight:bold;font-size:2em;font-style:italic;font-family:arial,sans-serif;text-shadow:3px 3px 0px rgba(0,0,0,0.1)">
  134.                 <i class="fa-solid fa-island-tropical"></i>
  135.                 Section Title
  136.                 <div class="mt-0 mb-3" style="height:3px;width:100%;background-color:#8edae4"></div>
  137.             </span>
  138.            
  139.            
  140.             <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis sollicitudin elit sed tellus blandit viverra sed eget odio. Donec accumsan tempor lacus, et venenatis elit feugiat non. Duis porta eros et velit blandit dapibus. Curabitur ac finibus eros. Duis placerat velit vitae massa sodales, eget mattis nibh pellentesque.</p>
  141.            
  142.             <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis sollicitudin elit sed tellus blandit viverra sed eget odio. Donec accumsan tempor lacus, et venenatis elit feugiat non. Duis porta eros et velit blandit dapibus. Curabitur ac finibus eros. Duis placerat velit vitae massa sodales, eget mattis nibh pellentesque.</p>
  143.            
  144.             <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis sollicitudin elit sed tellus blandit viverra sed eget odio. Donec accumsan tempor lacus, et venenatis elit feugiat non. Duis porta eros et velit blandit dapibus. Curabitur ac finibus eros. Duis placerat velit vitae massa sodales, eget mattis nibh pellentesque.</p>
  145.            
  146.             <!--divider-->
  147.             <div class="my-3 d-flex flex-row align-items-center" style="font-size:25px;color:#8edae4">
  148.                 <div class="mr-1" style="height:3px;width:100%;background-color:#8edae4"></div>
  149.                 <i class="fa-solid fa-plane"></i>
  150.                 <i class="fa-solid fa-island-tropical"></i>
  151.                 <i class="fa-solid fa-clouds"></i>
  152.             </div>
  153.            
  154.            
  155.             <p><i class="fa-solid fa-plane"></i> Lorem Ipsum is simply dummy text of the printing and typesetting industry.</p>
  156.            
  157.             <p><i class="fa-solid fa-plane"></i> Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. </p>
  158.            
  159.             <p><i class="fa-solid fa-plane"></i> It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. </p>
  160.            
  161.            
  162.             <!--divider-->
  163.             <div class="my-3 d-flex flex-row align-items-center" style="font-size:25px;color:#8edae4">
  164.                 <div class="mr-1" style="height:3px;width:100%;background-color:#8edae4"></div>
  165.                 <i class="fa-solid fa-plane"></i>
  166.                 <i class="fa-solid fa-island-tropical"></i>
  167.                 <i class="fa-solid fa-clouds"></i>
  168.             </div>
  169.            
  170.            
  171.             <!-- /// Design ///-->
  172.             <div class="row my-3 no-gutters">
  173.                
  174.                 <!--refsheet-->
  175.                 <div class="col-sm-11">
  176.                     <div class="card h-100 border-0 rounded-0" style="box-shadow:3px 3px 0px rgba(0,0,0,0.25);min-height:300px;
  177.                    background-image:url(https://images.unsplash.com/photo-1501426026826-31c667bdf23d?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=1936&q=80);
  178.                    background-size:cover;
  179.                    background-position:center;
  180.                    background-color:#f9f4f5">
  181.                     </div>
  182.                 </div>
  183.                
  184.                 <!--Link to full view-->
  185.                 <div class="col-sm-1">
  186.                     <div class="card py-1 h-100 border-0 rounded-0" style="box-shadow:3px 3px 0px rgba(0,0,0,0.25);font-size:1.5em;text-shadow:3px 3px 0px rgba(0,0,0,0.25);text-align:center;background-color:#ef6b89;">
  187.                        
  188.                         <a href="https://unsplash.com/photos/m82uh_vamhg" target="_blank" style="color:#ffffff" data-toggle="tooltip" title="full view">
  189.                             <i class="fa-solid fa-up-right-from-square"></i>
  190.                         </a>
  191.                        
  192.                     </div>
  193.                 </div>
  194.             </div>
  195.            
  196.            
  197.             <!--section header-->
  198.             <span style="font-weight:bold;font-size:2em;font-style:italic;font-family:arial,sans-serif;text-shadow:3px 3px 0px rgba(0,0,0,0.1)">
  199.                 <i class="fa-solid fa-island-tropical"></i>
  200.                 Design
  201.                 <div class="mt-0 mb-3" style="height:3px;width:100%;background-color:#8edae4"></div>
  202.             </span>
  203.            
  204.            
  205.             <p><i class="fa-solid fa-plane"></i> Placeholder pic from unsplash</p>
  206.            
  207.             <p><i class="fa-solid fa-plane"></i> Lorem Ipsum is simply dummy text of the printing and typesetting industry.</p>
  208.            
  209.             <p><i class="fa-solid fa-plane"></i> Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. </p>
  210.            
  211.             <!-- /// end Design ///-->
  212.            
  213.            
  214.             <!--divider-->
  215.             <div class="my-3 d-flex flex-row align-items-center" style="font-size:25px;color:#ef6b89">
  216.                 <div class="mr-1" style="height:3px;width:100%;background-color:#ef6b89"></div>
  217.                 <i class="fa-solid fa-plane"></i>
  218.                 <i class="fa-solid fa-island-tropical"></i>
  219.                 <i class="fa-solid fa-clouds"></i>
  220.             </div>
  221.            
  222.            
  223.             <!-- /// links /// -->
  224.            
  225.             <!--header-->
  226.             <span style="font-weight:bold;font-size:2em;font-style:italic;font-family:arial,sans-serif;text-shadow:3px 3px 0px rgba(0,0,0,0.1)">
  227.                 <i class="fa-solid fa-island-tropical"></i>
  228.                 Links
  229.                 <div class="mt-0 mb-3" style="height:3px;width:100%;background-color:#8edae4"></div>
  230.             </span>
  231.            
  232.            
  233.             <!-- /// link 1 /// -->
  234.             <div class="row my-3">
  235.                
  236.                 <!--link image-->
  237.                 <div class="col-sm-4 mb-2 mb-sm-0">
  238.                     <div class="card border-0 rounded-0" style="box-shadow:3px 3px 0px rgba(0,0,0,0.25);min-height:200px;
  239.                    background-image:url(https://images.unsplash.com/photo-1546446587-f0af2037eaa1?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=1171&q=80);
  240.                    background-size:cover;
  241.                    background-position:center;
  242.                    max-width:250px;
  243.                    margin-left:auto;margin-right:auto">
  244.                     </div>
  245.                 </div>
  246.                
  247.                 <!--blurb-->
  248.                 <div class="col-sm-8">
  249.                    
  250.                     <a href="#" style="font-weight:bold;font-size:1.5em;font-style:italic;font-family:arial,sans-serif;text-shadow:3px 3px 0px rgba(0,0,0,0.1);color:#ef6b89">
  251.                         <i class="fa-solid fa-plane"></i>
  252.                         Character name
  253.                         <div class="mt-0 mb-3" style="height:3px;width:100%;background-color:#ef6b89"></div>
  254.                     </a>
  255.                    
  256.                     <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis sollicitudin elit sed tellus blandit viverra sed eget odio. Donec accumsan tempor lacus, et venenatis elit feugiat non. Duis porta eros et velit blandit dapibus. Curabitur ac finibus eros.</p>
  257.                    
  258.                 </div>
  259.                
  260.             </div>
  261.            
  262.             <!--divider-->
  263.             <div class="my-3 d-flex flex-row align-items-center" style="font-size:25px;color:#8edae4">
  264.                 <div class="mr-1" style="height:3px;width:100%;background-color:#8edae4"></div>
  265.                 <i class="fa-solid fa-plane"></i>
  266.                 <i class="fa-solid fa-island-tropical"></i>
  267.                 <i class="fa-solid fa-clouds"></i>
  268.             </div>
  269.            
  270.             <!-- /// end link 1 /// -->
  271.            
  272.            
  273.             <!-- /// link 2 /// -->
  274.             <div class="row my-3">
  275.                
  276.                 <!--link image-->
  277.                 <div class="col-sm-4 mb-2 mb-sm-0">
  278.                     <div class="card border-0 rounded-0" style="box-shadow:3px 3px 0px rgba(0,0,0,0.25);min-height:200px;
  279.                    background-image:url(https://images.unsplash.com/photo-1546446587-f0af2037eaa1?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=1171&q=80);
  280.                    background-size:cover;
  281.                    background-position:center;
  282.                    max-width:250px;
  283.                    margin-left:auto;margin-right:auto">
  284.                     </div>
  285.                 </div>
  286.                
  287.                 <!--blurb-->
  288.                 <div class="col-sm-8">
  289.                    
  290.                     <a href="#" style="font-weight:bold;font-size:1.5em;font-style:italic;font-family:arial,sans-serif;text-shadow:3px 3px 0px rgba(0,0,0,0.1);color:#ef6b89">
  291.                         <i class="fa-solid fa-plane"></i>
  292.                         Character name
  293.                         <div class="mt-0 mb-3" style="height:3px;width:100%;background-color:#ef6b89"></div>
  294.                     </a>
  295.                    
  296.                     <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis sollicitudin elit sed tellus blandit viverra sed eget odio. Donec accumsan tempor lacus, et venenatis elit feugiat non. Duis porta eros et velit blandit dapibus. Curabitur ac finibus eros.</p>
  297.                    
  298.                 </div>
  299.                
  300.             </div>
  301.            
  302.             <!--divider-->
  303.             <div class="my-3 d-flex flex-row align-items-center" style="font-size:25px;color:#8edae4">
  304.                 <div class="mr-1" style="height:3px;width:100%;background-color:#8edae4"></div>
  305.                 <i class="fa-solid fa-plane"></i>
  306.                 <i class="fa-solid fa-island-tropical"></i>
  307.                 <i class="fa-solid fa-clouds"></i>
  308.             </div>
  309.            
  310.             <!-- /// end link 2 /// -->
  311.            
  312.            
  313.             <!-- /// end links /// -->
  314.            
  315.         </div>
  316.         <!-- /// end info section /// -->
  317.        
  318.        
  319.         <!-- /// img + basic info /// -->
  320.         <div class="col-lg-3 col-xl-3 order-1 order-lg-3 mb-3 mb-lg-0">
  321.             <div style="position:sticky;top:20px;max-width:350px;
  322.                margin-left:auto;margin-right:auto">
  323.                
  324.                 <div class="card p-2 mb-3 bg-faded rounded-0" style="min-height:350px;box-shadow:3px 3px 0px rgba(0,0,0,0.25);
  325.                    background-image:url(#);
  326.                    background-size:contain;
  327.                    background-position:center;
  328.                    background-repeat:no-repeat;
  329.                    font-size:1.25em;
  330.                    text-shadow:3px 3px 0px rgba(0,0,0,0.25);
  331.                    text-align:right;
  332.                    background-color:#f9f4f5
  333.                    ">
  334.                         <a href="#" target="_blank" style="color:#ef6b89" data-toggle="tooltip" title="img - credit">
  335.                             <i class="fa-solid fa-plane-departure"></i>
  336.                         </a>
  337.                 </div>
  338.                
  339.                 <div class="card p-2 border-0 rounded-0" style="box-shadow:3px 3px 0px rgba(0,0,0,0.25);background-color:#ef6b89">
  340.                     <div class="card-body text-white">
  341.                         <span style="font-weight:bold;font-size:1.5em;font-style:italic;font-family:arial,sans-serif;text-shadow:3px 3px 0px rgba(0,0,0,0.25)">
  342.                             <i class="fa-solid fa-clouds"></i>
  343.                             Basics</span>
  344.                         <hr class="my-0" style="border-color:#ffffff">
  345.                     </div>
  346.                 </div>
  347.                 <div class="card p-2 rounded-0 text-dark" style="min-height:100px;box-shadow:3px 3px 0px rgba(0,0,0,0.25);background-color:#f9f4f5">
  348.                     <div class="d-flex flex-row align-items-baseline">
  349.                         <span style="font-weight:bold">Gender</span> <div class="mx-1" style="height:2px;width:100%;background-color:#ef6b89"></div> text
  350.                     </div>
  351.                     <div class="d-flex flex-row align-items-baseline">
  352.                         <span style="font-weight:bold">Pro/noun</span> <div class="mx-1" style="height:2px;width:100%;background-color:#ef6b89"></div> text
  353.                     </div>
  354.                     <div class="d-flex flex-row align-items-baseline">
  355.                         <span style="font-weight:bold">Species/Race</span> <div class="mx-1" style="height:2px;width:100%;background-color:#ef6b89"></div> text
  356.                     </div>
  357.                     <div class="d-flex flex-row align-items-baseline">
  358.                         <span style="font-weight:bold">Birthday</span> <div class="mx-1" style="height:2px;width:100%;background-color:#ef6b89"></div> text
  359.                     </div>
  360.                 </div>
  361.                
  362.                 <div class="card p-2 mb-3 text-white border-0 rounded-0" style="min-height:50px;box-shadow:3px 3px 0px rgba(0,0,0,0.25);text-shadow:3px 3px 0px rgba(0,0,0,0.25);background-color:#ef6b89">
  363.                     <div class="card-body" style="text-align:center">
  364.                        
  365.                         <span style="font-weight:bold;font-style:italic;font-size:1.5em;font-family:arial,sans-serif">Blaze through the resort party! - IIDX Sound Team</span>
  366.                         <hr class="my-0" style="border-color:#ffffff">
  367.                        
  368.                         <div class="container" style="overflow:hidden;height:40px;font-size:1.5em;letter-spacing:3px">
  369.                             <iframe src="https://www.youtube-nocookie.com/embed/ehXAcvYX9mg?controls=0"
  370.                                frameborder="0"
  371.                                style="position:absolute;right:30px;top:-50px;width:200px;height:150px;z-index:1;opacity:0.001"></iframe>
  372.                                    
  373.                             <!--button decor-->
  374.                             <span><i class="fa-regular fa-shuffle"></i>
  375.                             <i class="fa-solid fa-backward-step"></i>
  376.                             <i class="fa-solid fa-play-pause"></i>
  377.                             <i class="fa-solid fa-forward-step"></i>
  378.                             <i class="fa-regular fa-repeat"></i></span>
  379.                            
  380.                         </div>
  381.                     </div>
  382.                 </div>
  383.                
  384.             </div>
  385.         </div>
  386.         <!-- /// end img + basic info /// -->
  387.        
  388.        
  389.         <!-- /// Sidebar 2 /// -->
  390.         <div class="col-1 d-none d-xl-block order-lg-4">
  391.             <div class="card h-100 p-2 mb-1 rounded-0 border-0 text-white" style="
  392.                background-image:url(https://images.unsplash.com/photo-1504321946642-8f661bf96ff0?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=2070&q=80);
  393.                background-position:center;
  394.                background-size:cover;
  395.                background-attachment:fixed;
  396.                box-shadow:3px 3px 0px rgba(0,0,0,0.25) inset;
  397.                text-align:center;
  398.                font-size:40px;
  399.                text-shadow:3px 3px 0px rgba(0,0,0,0.25);
  400.                background-color:#f9f4f5">
  401.                
  402.                 <div style="position:sticky;top:20px">
  403.                     <i class="fa-solid fa-plane"></i>
  404.                     <i class="fa-solid fa-clouds"></i>
  405.                     <i class="fa-solid fa-island-tropical"></i>
  406.                     <div class="my-2" style="height:3px;width:100%;background-color:#ffffff;box-shadow:3px 3px 0px rgba(0,0,0,0.25)"></div>
  407.                 </div>
  408.                
  409.             </div>
  410.         </div>
  411.         <!-- /// end Sidebar 2 /// -->
  412.        
  413.        
  414.     </div>
  415.    
  416.    
  417.     <!--Credit. You may move it, but please do not delete/remove-->
  418.    
  419.     <p class="mt-1">HTML - <a href="https://toyhou.se/20231880" style="color:#ef6b89"><i class='fa-solid fa-heart'></i> Jade-Everstone</a> // Layout - <a href="https://toyhou.se/Togo" style="color:#ef6b89">Togo</a> // BG - <a href="https://unsplash.com/photos/S1XAf3JxOLI" target="_blank" style="color:#ef6b89">Unsplash</a></p>
  420.    
  421. </div>
Advertisement
Add Comment
Please, Sign In to add comment
Public Pastes
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!