API tools faq
paste
Advertisement
rosiuel

22. cute folder

rosiuel
Jan 20th, 2024
1,498
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 32.71 KB | None | 0 0
raw download clone embed print report
  1. <!--
  2.  
  3.    [ 22 | CUTE FOLDER ]
  4.    
  5.    turn OFF WYSIWYG
  6.    turn ON code editor
  7.  
  8.    use chevrons on the side to stay organized
  9. <- over here
  10.  
  11.    DO NOT REMOVE CREDIT
  12.    
  13.    ~ RESOURCES ~
  14.    ♡ free live code editor :  https://th.circlejourney.net/
  15.    ♡ coding help forum     :  https://toyhou.se/~forums/16.htmlcss-graphics/48845.-help-thread-ask-your-questions-here-
  16.    ♡ how to edit icons     :  https://toyhou.se/3536712.
  17.    ♡ coding resources      :  https://toyhou.se/Elithian/characters/folder:881832
  18.  
  19.    ~ COLORS ~
  20.    ♡ accent  : #e690a7
  21.    
  22.    use ctrl+f to quickly change colors
  23.  
  24. -->
  25.  
  26. <div class="mx-auto" style="max-width: 600px;">
  27.     <div class="card border-0 p-1 bg-faded">
  28.         <div class="card border-0 p-2">
  29.            
  30.             <!-- header -->
  31.             <div
  32.                class="p-5 card text-center border-0 mb-2 align-items-center justify-content-center"
  33.                style="
  34.                    background: url(
  35.                    
  36.                    https://images.unsplash.com/photo-1523992038393-d5ab874a077e?q=80&w=2070&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D
  37.                    
  38.                    ) center no-repeat;
  39.                    background-size: cover;
  40.                "
  41.            >
  42.                 <h1 class="m-0" style="font-size: 3rem; color: #fff; text-shadow: 0 0 10px #000; font-family: Arial;">
  43.                     <span class="text-uppercase">
  44.                         <span style="color: #e690a7;">F</span>older
  45.                         <span style="color: #e690a7;">N</span>ame
  46.                     </span>
  47.                 </h1>
  48.             </div>
  49.             <!-- end header -->
  50.  
  51.             <div class="row no-gutters">
  52.                
  53.                 <!-- nav -->
  54.                 <div class="col-lg mr-lg-2 mb-lg-0 mb-2">
  55.                     <ul class="nav nav-pills flex-column h-100">
  56.                         <!-- 01 -->
  57.                         <li class="nav-item mb-2 h-100">
  58.                             <a
  59.                                href="#warnings"
  60.                                class="nav-link active btn btn-default align-items-center justify-content-center h-100"
  61.                                data-toggle="tab"
  62.                                style="color: #fff; background: #e690a7; border: 1px solid #e690a7; box-shadow: none;"
  63.                            >
  64.                                 <i class="fa-light fa-warning fa-2x"></i>
  65.                             </a>
  66.                         </li>
  67.  
  68.                         <!-- 02 -->
  69.                         <li class="nav-item mb-2 h-100">
  70.                             <a href="#intro" class="nav-link btn btn-default align-items-center justify-content-center h-100" data-toggle="tab" style="color: #fff; background: #e690a7; border: 1px solid #e690a7; box-shadow: none;">
  71.                                 <i class="fa-light fa-info-circle fa-2x"></i>
  72.                             </a>
  73.                         </li>
  74.  
  75.                         <!-- 03 -->
  76.                         <li class="nav-item mb-2 h-100">
  77.                             <a href="#locals" class="nav-link btn btn-default align-items-center justify-content-center h-100" data-toggle="tab" style="color: #fff; background: #e690a7; border: 1px solid #e690a7; box-shadow: none;">
  78.                                 <i class="fa-light fa-building fa-2x"></i>
  79.                             </a>
  80.                         </li>
  81.  
  82.                         <!-- 04 -->
  83.                         <li class="nav-item h-100">
  84.                             <a href="#characters" class="nav-link btn btn-default align-items-center justify-content-center h-100" data-toggle="tab" style="color: #fff; background: #e690a7; border: 1px solid #e690a7; box-shadow: none;">
  85.                                 <i class="fa-light fa-users fa-2x"></i>
  86.                             </a>
  87.                         </li>
  88.                     </ul>
  89.                 </div>
  90.                 <!-- end nav -->
  91.  
  92.                 <!-- content -->
  93.                 <div class="col-lg-10">
  94.                     <div class="tab-content text-justify">
  95.                        
  96.                         <!-- warnings -->
  97.                         <div id="warnings" class="tab-pane fade active show" style="height: 300px;">
  98.                             <div class="h-100 flex-column">
  99.                                 <!-- header -->
  100.                                 <div class="card border-0 p-3 bg-faded text-center">
  101.                                     <h1 class="m-0">
  102.                                         <i class="fa-solid fa-heart fa-fw" style="color: #e690a7;"></i>
  103.  
  104.                                         GENERAL WARNINGS
  105.  
  106.                                         <i class="fa-solid fa-heart fa-fw" style="color: #e690a7;"></i>
  107.                                     </h1>
  108.                                 </div>
  109.  
  110.                                 <!-- text // this box scrolls -->
  111.                                 <div class="h-100 text-justify my-2 overflow-auto">
  112.                                     <p>
  113.                                         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
  114.                                         velit blandit dapibus. Curabitur ac finibus eros. Duis placerat velit vitae massa sodales, eget mattis nibh pellentesque.
  115.                                     </p>
  116.  
  117.                                     <!-- add more above here -->
  118.                                 </div>
  119.  
  120.                                 <!-- end text -->
  121.  
  122.                                 <div class="h-100 text-center">
  123.                                     <!-- warnings -->
  124.                                     <div class="flex-row no-gutters" style="overflow-x: auto; font-size: 10px;">
  125.                                        
  126.                                         <!-- warning -->
  127.                                         <div class="col card bg-faded border-0 p-3 align-items-center mx-1">
  128.                                             <!-- icon -->
  129.                                             <i class="fa-solid fa-skull fa-fw fa-3x" style="color: #e690a7;"></i>
  130.  
  131.                                             <hr class="my-2" />
  132.                                             <span class="text-uppercase">
  133.                                                 Death
  134.                                             </span>
  135.                                         </div>
  136.                                         <!-- end warning -->
  137.  
  138.                                         <!-- warning -->
  139.                                         <div class="col card bg-faded border-0 p-3 align-items-center mx-1">
  140.                                             <!-- icon -->
  141.                                             <i class="fa-solid fa-pills fa-fw fa-3x" style="color: #e690a7;"></i>
  142.  
  143.                                             <hr class="my-2" />
  144.                                             <span class="text-uppercase">
  145.                                                 Drugs
  146.                                             </span>
  147.                                         </div>
  148.                                         <!-- end warning -->
  149.  
  150.                                         <!-- warning -->
  151.                                         <div class="col card bg-faded border-0 p-3 align-items-center mx-1">
  152.                                             <!-- icon -->
  153.                                             <i class="fa-solid fa-heart fa-fw fa-3x" style="color: #e690a7;"></i>
  154.  
  155.                                             <hr class="my-2" />
  156.                                             <span class="text-uppercase">
  157.                                                 Sexual Themes
  158.                                             </span>
  159.                                         </div>
  160.                                         <!-- end warning -->
  161.  
  162.                                         <!-- warning -->
  163.                                         <div class="col card bg-faded border-0 p-3 align-items-center mx-1">
  164.                                             <!-- icon -->
  165.                                             <i class="fa-solid fa-hand fa-fw fa-3x" style="color: #e690a7;"></i>
  166.  
  167.                                             <hr class="my-2" />
  168.                                             <span class="text-uppercase">
  169.                                                 Gore
  170.                                             </span>
  171.                                         </div>
  172.                                         <!-- end warning -->
  173.  
  174.                                         <!-- warning -->
  175.                                         <div class="col card bg-faded border-0 p-3 align-items-center mx-1">
  176.                                             <!-- icon -->
  177.                                             <i class="fa-solid fa-tint fa-fw fa-3x" style="color: #e690a7;"></i>
  178.  
  179.                                             <hr class="my-2" />
  180.                                             <span class="text-uppercase">
  181.                                                 Blood
  182.                                             </span>
  183.                                         </div>
  184.                                         <!-- end warning -->
  185.  
  186.                                         <!-- warning -->
  187.                                         <div class="col card bg-faded border-0 p-3 align-items-center mx-1">
  188.                                             <!-- icon -->
  189.                                             <i class="fa-solid fa-star fa-fw fa-3x" style="color: #e690a7;"></i>
  190.  
  191.                                             <hr class="my-2" />
  192.                                             <span class="text-uppercase">
  193.                                                 Bright Colors
  194.                                             </span>
  195.                                         </div>
  196.                                         <!-- end warning -->
  197.  
  198.                                         <!-- warning -->
  199.                                         <div class="col card bg-faded border-0 p-3 align-items-center mx-1">
  200.                                             <!-- icon -->
  201.                                             <i class="fa-solid fa-hand-fist fa-fw fa-3x" style="color: #e690a7;"></i>
  202.  
  203.                                             <hr class="my-2" />
  204.                                             <span class="text-uppercase">
  205.                                                 Abuse
  206.                                             </span>
  207.                                         </div>
  208.                                         <!-- end warning -->
  209.  
  210.                                         <!-- add more above here -->
  211.                                     </div>
  212.                                 </div>
  213.                             </div>
  214.                         </div>
  215.                         <!-- end warnings -->
  216.  
  217.                         <!-- intro -->
  218.                         <div id="intro" class="tab-pane fade" style="height: 300px;">
  219.                             <div class="h-100 flex-column">
  220.                                 <!-- header -->
  221.                                 <div class="card border-0 p-3 bg-faded mb-2 text-center">
  222.                                     <h1 class="m-0">
  223.                                         <i class="fa-solid fa-heart fa-fw" style="color: #e690a7;"></i>
  224.  
  225.                                         INTRODUCTION
  226.  
  227.                                         <i class="fa-solid fa-heart fa-fw" style="color: #e690a7;"></i>
  228.                                     </h1>
  229.                                 </div>
  230.  
  231.                                 <!-- quote -->
  232.                                 <div class="py-2 mb-2 text-center">
  233.                                     <p class="font-italic">
  234.                                         <i class="fa-duotone fa-quote-left fa-fw" style="color: #e690a7;"></i>
  235.  
  236.                                         Lorem ipsum dolor sit amet, consectetur adipiscing elit.
  237.  
  238.                                         <i class="fa-duotone fa-quote-right fa-fw" style="color: #e690a7;"></i>
  239.                                     </p>
  240.                                 </div>
  241.  
  242.                                 <div class="card border-0 p-3 bg-faded h-100 overflow-auto">
  243.                                     <p>
  244.                                         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
  245.                                         velit blandit dapibus. Curabitur ac finibus eros. Duis placerat velit vitae massa sodales, eget mattis nibh pellentesque.
  246.                                     </p>
  247.                                     <p>
  248.                                         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
  249.                                         velit blandit dapibus. Curabitur ac finibus eros. Duis placerat velit vitae massa sodales, eget mattis nibh pellentesque.
  250.                                     </p>
  251.  
  252.                                     <!-- add more above here -->
  253.                                 </div>
  254.                             </div>
  255.                         </div>
  256.                         <!-- end intro -->
  257.  
  258.                         <!-- places -->
  259.                         <div id="locals" class="tab-pane fade" style="height: 300px;">
  260.                             <div class="h-100 flex-column">
  261.                                 <!-- header -->
  262.                                 <div class="card border-0 p-3 bg-faded mb-2 text-center">
  263.                                     <h1 class="m-0 kirakira">
  264.                                         <i class="fa-solid fa-heart fa-fw" style="color: #e690a7;"></i>
  265.  
  266.                                         NOTABLE LOCATIONS
  267.  
  268.                                         <i class="fa-solid fa-heart fa-fw" style="color: #e690a7;"></i>
  269.                                     </h1>
  270.                                 </div>
  271.  
  272.                                 <!-- carousel -->
  273.                                 <div class="h-100 overflow-auto">
  274.                                     <div class="carousel slide pointer-event h-100" id="places" data-pause="true">
  275.                                         <div class="carousel-inner h-100">
  276.                                             <!-- make sure your place 1 is the only one with "active" or it'll break the carousel -->
  277.  
  278.                                             <!-- place 1 -->
  279.                                             <div class="carousel-item active h-100">
  280.                                                 <div class="row no-gutters h-100">
  281.                                                     <!-- side image -->
  282.                                                     <div
  283.                                                        class="col-4 card border-0 h-100"
  284.                                                        style="
  285.                                                            background: url(
  286.                                                            
  287.                                                            https://images.unsplash.com/photo-1520052205864-92d242b3a76b?q=80&w=2069&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D
  288.                                                            
  289.                                                            )
  290.                                                                center no-repeat;
  291.                                                            background-size: cover;
  292.                                                        "
  293.                                                    ></div>
  294.                                                     <div class="col card border-0 bg-faded p-3 text-justify ml-lg-2 h-100 overflow-auto">
  295.                                                         <h3>
  296.                                                             Location Name
  297.                                                         </h3>
  298.                                                         <!-- description -->
  299.                                                         <div class="text-justify" style="line-height: 1.2rem;">
  300.                                                             <p>
  301.                                                                 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
  302.                                                                 non. Duis porta eros et velit blandit dapibus. Curabitur ac finibus eros. Duis placerat velit vitae massa sodales, eget mattis nibh pellentesque.
  303.                                                             </p>
  304.                                                             <!-- add more above here -->
  305.                                                         </div>
  306.                                                     </div>
  307.                                                 </div>
  308.                                             </div>
  309.                                             <!-- end place 1 -->
  310.  
  311.                                             <!-- place 2 -->
  312.                                             <div class="carousel-item h-100">
  313.                                                 <div class="row no-gutters h-100">
  314.                                                     <!-- side image -->
  315.                                                     <div
  316.                                                        class="col-4 card border-0 h-100"
  317.                                                        style="
  318.                                                            background: url(
  319.                                                            
  320.                                                            https://images.unsplash.com/photo-1492171983775-a51717616c0d?q=80&w=2064&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D
  321.                                                            
  322.                                                            )
  323.                                                                center no-repeat;
  324.                                                            background-size: cover;
  325.                                                        "
  326.                                                    ></div>
  327.                                                     <div class="col card border-0 bg-faded p-3 text-justify ml-lg-2 h-100 overflow-auto">
  328.                                                         <h3>
  329.                                                             Location Name
  330.                                                         </h3>
  331.                                                         <!-- description -->
  332.                                                         <div class="text-justify" style="line-height: 1.2rem;">
  333.                                                             <p>
  334.                                                                 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
  335.                                                                 non. Duis porta eros et velit blandit dapibus. Curabitur ac finibus eros. Duis placerat velit vitae massa sodales, eget mattis nibh pellentesque.
  336.                                                             </p>
  337.                                                             <p>
  338.                                                                 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
  339.                                                                 non. Duis porta eros et velit blandit dapibus. Curabitur ac finibus eros. Duis placerat velit vitae massa sodales, eget mattis nibh pellentesque.
  340.                                                             </p>
  341.                                                             <!-- add more above here -->
  342.                                                         </div>
  343.                                                     </div>
  344.                                                 </div>
  345.                                             </div>
  346.                                             <!-- end place 2 -->
  347.  
  348.                                             <!-- place 3 -->
  349.                                             <div class="carousel-item h-100">
  350.                                                 <div class="row no-gutters h-100">
  351.                                                     <!-- side image -->
  352.                                                     <div
  353.                                                        class="col-4 card border-0 h-100"
  354.                                                        style="
  355.                                                            background: url(
  356.                                                            
  357.                                                            https://images.unsplash.com/photo-1514449372970-c013485804bd?q=80&w=1932&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D
  358.                                                            
  359.                                                            )
  360.                                                                center no-repeat;
  361.                                                            background-size: cover;
  362.                                                        "
  363.                                                    ></div>
  364.                                                     <div class="col card border-0 bg-faded p-3 text-justify ml-lg-2 h-100 overflow-auto">
  365.                                                         <h3>
  366.                                                             Location Name
  367.                                                         </h3>
  368.                                                         <!-- description -->
  369.                                                         <div class="text-justify" style="line-height: 1.2rem;">
  370.                                                             <p>
  371.                                                                 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
  372.                                                                 non. Duis porta eros et velit blandit dapibus. Curabitur ac finibus eros. Duis placerat velit vitae massa sodales, eget mattis nibh pellentesque.
  373.                                                             </p>
  374.                                                             <!-- add more above here -->
  375.                                                         </div>
  376.                                                     </div>
  377.                                                 </div>
  378.                                             </div>
  379.                                             <!-- end place 3 -->
  380.  
  381.                                             <!-- add more above here -->
  382.                                         </div>
  383.                                     </div>
  384.                                 </div>
  385.  
  386.                                 <!-- buttons -->
  387.                                 <div class="row no-gutters mt-2">
  388.                                     <div class="col mr-3">
  389.                                         <a href="#places" data-slide="prev" class="btn btn-default w-100 p-1" style="background: #e690a7; border: 1px solid #e690a7; color: #fff; box-shadow: none;">
  390.                                             <i class="fa-light fa-arrow-left fa-fw"></i>
  391.                                         </a>
  392.                                     </div>
  393.                                     <div class="col">
  394.                                         <a href="#places" data-slide="next" class="btn btn-default w-100 p-1" style="background: #e690a7; border: 1px solid #e690a7; color: #fff; box-shadow: none;">
  395.                                             <i class="fa-light fa-arrow-right fa-fw"></i>
  396.                                         </a>
  397.                                     </div>
  398.                                 </div>
  399.                                 <!-- end buttons -->
  400.                             </div>
  401.                         </div>
  402.                         <!-- end places -->
  403.  
  404.                         <!-- characters -->
  405.                         <div id="characters" class="tab-pane fade" style="height: 300px;">
  406.                             <div class="h-100 flex-column">
  407.                                 <div class="card border-0 p-3 bg-faded mb-2 text-center">
  408.                                     <h1 class="m-0">
  409.                                         <i class="fa-solid fa-heart fa-fw" style="color: #e690a7;"></i>
  410.  
  411.                                         CHARACTERS
  412.  
  413.                                         <i class="fa-solid fa-heart fa-fw" style="color: #e690a7;"></i>
  414.                                     </h1>
  415.                                 </div>
  416.  
  417.                                 <!-- carousel -->
  418.                                 <div class="h-100 overflow-auto">
  419.                                     <!-- character -->
  420.                                     <div class="row no-gutters my-1">
  421.                                         <!-- image -->
  422.                                         <div
  423.                                            class="col-2 card border-0 bg-faded"
  424.                                            style="
  425.                                                background: url(
  426.                                                
  427.                                                https://images.unsplash.com/photo-1570727624862-3008fe67a6be?q=80&w=2070&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D
  428.                                                
  429.                                                ) center
  430.                                                    no-repeat;
  431.                                                background-size: cover;
  432.                                            "
  433.                                        ></div>
  434.                                         <div class="col card border-0 bg-faded p-3 mx-2 align-items-center justify-content-center">
  435.                                             <a href="CHAR_LINK" style="color: #e690a7;"> NAME <i class="fa-light fa-heart"></i> </a>
  436.                                             <small>
  437.                                                 main character
  438.                                             </small>
  439.                                         </div>
  440.                                     </div>
  441.                                     <!-- end character -->
  442.  
  443.                                     <!-- character -->
  444.                                     <div class="row no-gutters my-1">
  445.                                         <!-- image -->
  446.                                         <div
  447.                                            class="col-2 card border-0 bg-faded"
  448.                                            style="
  449.                                                background: url(
  450.                                                
  451.                                                https://images.unsplash.com/photo-1570727624862-3008fe67a6be?q=80&w=2070&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D
  452.                                                
  453.                                                ) center
  454.                                                    no-repeat;
  455.                                                background-size: cover;
  456.                                            "
  457.                                        ></div>
  458.                                         <div class="col card border-0 bg-faded p-3 mx-2 align-items-center justify-content-center">
  459.                                             <a href="CHAR_LINK" style="color: #e690a7;"> NAME <i class="fa-light fa-star"></i> </a>
  460.                                             <small>
  461.                                                 secondary character
  462.                                             </small>
  463.                                         </div>
  464.                                     </div>
  465.                                     <!-- end character -->
  466.  
  467.                                     <!-- character -->
  468.                                     <div class="row no-gutters my-1">
  469.                                         <!-- image -->
  470.                                         <div
  471.                                            class="col-2 card border-0 bg-faded"
  472.                                            style="
  473.                                                background: url(
  474.                                                
  475.                                                https://images.unsplash.com/photo-1570727624862-3008fe67a6be?q=80&w=2070&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D
  476.                                                
  477.                                                ) center
  478.                                                    no-repeat;
  479.                                                background-size: cover;
  480.                                            "
  481.                                        ></div>
  482.                                         <div class="col card border-0 bg-faded p-3 mx-2 align-items-center justify-content-center">
  483.                                             <a href="CHAR_LINK" style="color: #e690a7;"> NAME <i class="fa-light fa-star"></i> </a>
  484.                                             <small>
  485.                                                 secondary character
  486.                                             </small>
  487.                                         </div>
  488.                                     </div>
  489.                                     <!-- end character -->
  490.  
  491.                                     <!-- character -->
  492.                                     <div class="row no-gutters my-1">
  493.                                         <!-- image -->
  494.                                         <div
  495.                                            class="col-2 card border-0 bg-faded"
  496.                                            style="
  497.                                                background: url(
  498.                                                
  499.                                                https://images.unsplash.com/photo-1570727624862-3008fe67a6be?q=80&w=2070&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D
  500.                                                
  501.                                                ) center
  502.                                                    no-repeat;
  503.                                                background-size: cover;
  504.                                            "
  505.                                        ></div>
  506.                                         <div class="col card border-0 bg-faded p-3 mx-2 align-items-center justify-content-center">
  507.                                             <a href="CHAR_LINK" style="color: #e690a7;"> NAME <i class="fa-light fa-circle"></i> </a>
  508.                                             <small>
  509.                                                 background character
  510.                                             </small>
  511.                                         </div>
  512.                                     </div>
  513.                                     <!-- end character -->
  514.  
  515.                                     <!-- add more above here -->
  516.                                 </div>
  517.                             </div>
  518.                         </div>
  519.                         <!-- end characters -->
  520.                     </div>
  521.                 </div>
  522.             </div>
  523.         </div>
  524.     </div>
  525.  
  526.     <!-- credit // DO NOT REMOVE -->
  527.     <div class="text-right">
  528.         <a href="https://toyhou.se/25411656.22-cute-folder" style="color: #e690a7;" class="tooltipster" title="code by peachybonnie">
  529.             <i class="fa-solid fa-heart fa-xs"></i>
  530.         </a>
  531.     </div>
  532. </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!