API tools faq
paste
Sokie_visuvel

ARCHIVE - F2U

Sokie_visuvel
Apr 10th, 2026 (edited)
730
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 15.98 KB | None | 0 0
raw download clone embed print report
  1. <!--
  2. Yeah i code i got NOTHING else to do bro but code... or draw... whatever idgaf but  if you use the code. uh.. comment.
  3.  
  4. COLORS:
  5.  
  6. #f7f7f7 – main background
  7. #ffffff – inner background
  8. #d6d6d6 – borders / heart icon
  9. #777 – main text / icons / accents
  10. #e6e6e6 – tag backgrounds
  11. #f0f0f0 – warning background
  12. #999 – warning accent
  13.  
  14. but i off topic I LOVE stanford pines aughhh
  15. -->
  16.  
  17. <div style="max-width:720px; margin:auto; text-align:center; font-family:'Ms gothic'; color:#444; font-size:0;">
  18.  
  19. <!-- FOLDER -->
  20. <div style="width:46%; display:inline-block; vertical-align:top; margin:1%; padding:8px; box-sizing:border-box;
  21. background:#f7f7f7; border:2px solid #d6d6d6; border-radius:10px; font-size:13px; text-align:left;">
  22.  
  23.     <!-- TITLE -->
  24.     <div style="font-size:15px; margin-bottom:6px; text-align:left">
  25.         <a href="LINK HERE" style="color:#777;">
  26.             <i class="fa-solid fa-folder-open" aria-hidden="true"></i> FOLDER NAME
  27.         </a>
  28.     </div>
  29.  
  30.     <!-- IMAGE -->
  31.     <div style="position:relative; height:110px; background-image:url(https://i.pinimg.com/736x/46/1a/d4/461ad48501d2080ad36659fc317de07a.jpg);
  32.    background-position:center; background-repeat:no-repeat; background-size:cover; border:2px solid #d6d6d6; border-radius:7px; margin-bottom:10px">
  33.  
  34.         <i class="fas fa-heart" style="font-size:30px;color:#d6d6d6;position:absolute;top:7px;left:7px;" aria-hidden="true"></i>
  35.  
  36.     </div>
  37.  
  38.     <!-- STAMPS -->
  39.     <div style="margin-bottom:6px; text-align:center;">
  40.         <img src="https://i.imgur.com/e92fXnN.png" style="height:45px; display:inline-block;">
  41.         <img src="https://i.imgur.com/e92fXnN.png" style="height:45px; display:inline-block;">
  42.         <img src="https://i.imgur.com/e92fXnN.png" style="height:45px; display:inline-block;">
  43.     </div>
  44.  
  45.     <!-- QUOTE -->
  46.     <div style="font-size:12px; font-style:italic; margin-bottom:6px; color:#777; text-align:center;">
  47.         “a short quote.”
  48.     </div>
  49.  
  50.     <!-- DESCRIPTION -->
  51.     <div style="position:relative; background:#ffffff; border:2px solid #777; border-radius:5px; padding:6px; margin-bottom:5px; height:85px;">
  52.  
  53.         <div style="position:absolute; left:6px; top:50%; transform:translateY(-50%);">
  54.             <i class="fa-solid fa-file-lines" style="font-size:30px; color:#777;" aria-hidden="true"></i>
  55.         </div>
  56.  
  57.         <div style="margin-left:45px; height:100%; overflow-y:scroll; overflow-x:hidden;
  58.        scrollbar-width:none; -ms-overflow-style:none; color:#777; font-size:13px; text-align:left;">
  59.             Content description. This part scrolls. 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.
  60.         </div>
  61.  
  62.     </div>
  63.  
  64.     <!-- WARNING -->
  65.     <div style="position:relative; background:#f0f0f0; border:2px solid #999; border-radius:5px; padding:6px; height:65px; margin-bottom:6px;">
  66.  
  67.         <div style="position:absolute; left:6px; top:50%; transform:translateY(-50%);">
  68.             <i class="fa-solid fa-triangle-exclamation" style="font-size:30px; color:#999;" aria-hidden="true"></i>
  69.         </div>
  70.  
  71.         <div style="margin-left:45px; height:100%; overflow-y:scroll; overflow-x:hidden;
  72.        scrollbar-width:none; -ms-overflow-style:none; color:#999; font-size:13px; text-align:left;">
  73.             Content warning. This part scrolls. Lorem ipsum dolor sit amet, consectetur adipiscing elit.
  74.         </div>
  75.  
  76.     </div>
  77.  
  78.     <!-- TAGS -->
  79.     <div style="font-size:15px; text-align:left; color:#777;">
  80.         <span style="background:#e6e6e6; padding:2px 6px; border-radius:6px;"><i class="fa-solid fa-tag" aria-hidden="true"></i> tag</span>
  81.         <span style="background:#e6e6e6; padding:2px 6px; border-radius:6px;"><i class="fa-solid fa-tag" aria-hidden="true"></i> tag</span>
  82.         <span style="background:#e6e6e6; padding:2px 6px; border-radius:6px;"><i class="fa-solid fa-tag" aria-hidden="true"></i> tag</span>
  83.         <span style="background:#e6e6e6; padding:2px 6px; border-radius:6px;"><i class="fa-solid fa-tag" aria-hidden="true"></i> tag</span>
  84.     </div>
  85.  
  86. </div>
  87. <!-- FOLDER -->
  88.  
  89. <!-- FOLDER -->
  90. <div style="width:46%; display:inline-block; vertical-align:top; margin:1%; padding:8px; box-sizing:border-box;
  91. background:#f7f7f7; border:2px solid #d6d6d6; border-radius:10px; font-size:13px; text-align:left;">
  92.  
  93.     <!-- TITLE -->
  94.     <div style="font-size:15px; margin-bottom:6px; text-align:left">
  95.         <a href="LINK HERE" style="color:#777;">
  96.             <i class="fa-solid fa-folder-open" aria-hidden="true"></i> FOLDER NAME
  97.         </a>
  98.     </div>
  99.  
  100.     <!-- IMAGE -->
  101.     <div style="position:relative; height:110px; background-image:url(https://i.pinimg.com/736x/46/1a/d4/461ad48501d2080ad36659fc317de07a.jpg);
  102.    background-position:center; background-repeat:no-repeat; background-size:cover; border:2px solid #d6d6d6; border-radius:7px; margin-bottom:10px">
  103.  
  104.         <i class="fas fa-heart" style="font-size:30px;color:#d6d6d6;position:absolute;top:7px;left:7px;" aria-hidden="true"></i>
  105.  
  106.     </div>
  107.  
  108.     <!-- STAMPS -->
  109.     <div style="margin-bottom:6px; text-align:center;">
  110.         <img src="https://i.imgur.com/e92fXnN.png" style="height:45px; display:inline-block;">
  111.         <img src="https://i.imgur.com/e92fXnN.png" style="height:45px; display:inline-block;">
  112.         <img src="https://i.imgur.com/e92fXnN.png" style="height:45px; display:inline-block;">
  113.     </div>
  114.  
  115.     <!-- QUOTE -->
  116.     <div style="font-size:12px; font-style:italic; margin-bottom:6px; color:#777; text-align:center;">
  117.         “a short quote.”
  118.     </div>
  119.  
  120.     <!-- DESCRIPTION -->
  121.     <div style="position:relative; background:#ffffff; border:2px solid #777; border-radius:5px; padding:6px; margin-bottom:5px; height:85px;">
  122.  
  123.         <div style="position:absolute; left:6px; top:50%; transform:translateY(-50%);">
  124.             <i class="fa-solid fa-file-lines" style="font-size:30px; color:#777;" aria-hidden="true"></i>
  125.         </div>
  126.  
  127.         <div style="margin-left:45px; height:100%; overflow-y:scroll; overflow-x:hidden;
  128.        scrollbar-width:none; -ms-overflow-style:none; color:#777; font-size:13px; text-align:left;">
  129.             Content description. This part scrolls. 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.
  130.         </div>
  131.  
  132.     </div>
  133.  
  134.     <!-- WARNING -->
  135.     <div style="position:relative; background:#f0f0f0; border:2px solid #999; border-radius:5px; padding:6px; height:65px; margin-bottom:6px;">
  136.  
  137.         <div style="position:absolute; left:6px; top:50%; transform:translateY(-50%);">
  138.             <i class="fa-solid fa-triangle-exclamation" style="font-size:30px; color:#999;" aria-hidden="true"></i>
  139.         </div>
  140.  
  141.         <div style="margin-left:45px; height:100%; overflow-y:scroll; overflow-x:hidden;
  142.        scrollbar-width:none; -ms-overflow-style:none; color:#999; font-size:13px; text-align:left;">
  143.             Content warning. This part scrolls. Lorem ipsum dolor sit amet, consectetur adipiscing elit.
  144.         </div>
  145.  
  146.     </div>
  147.  
  148.     <!-- TAGS -->
  149.     <div style="font-size:15px; text-align:left; color:#777;">
  150.         <span style="background:#e6e6e6; padding:2px 6px; border-radius:6px;"><i class="fa-solid fa-tag" aria-hidden="true"></i> tag</span>
  151.         <span style="background:#e6e6e6; padding:2px 6px; border-radius:6px;"><i class="fa-solid fa-tag" aria-hidden="true"></i> tag</span>
  152.         <span style="background:#e6e6e6; padding:2px 6px; border-radius:6px;"><i class="fa-solid fa-tag" aria-hidden="true"></i> tag</span>
  153.         <span style="background:#e6e6e6; padding:2px 6px; border-radius:6px;"><i class="fa-solid fa-tag" aria-hidden="true"></i> tag</span>
  154.     </div>
  155.  
  156. </div>
  157. <!-- FOLDER -->
  158.  
  159. <!-- FOLDER -->
  160. <div style="width:46%; display:inline-block; vertical-align:top; margin:1%; padding:8px; box-sizing:border-box;
  161. background:#f7f7f7; border:2px solid #d6d6d6; border-radius:10px; font-size:13px; text-align:left;">
  162.  
  163.     <!-- TITLE -->
  164.     <div style="font-size:15px; margin-bottom:6px; text-align:left">
  165.         <a href="LINK HERE" style="color:#777;">
  166.             <i class="fa-solid fa-folder-open" aria-hidden="true"></i> FOLDER NAME
  167.         </a>
  168.     </div>
  169.  
  170.     <!-- IMAGE -->
  171.     <div style="position:relative; height:110px; background-image:url(https://i.pinimg.com/736x/46/1a/d4/461ad48501d2080ad36659fc317de07a.jpg);
  172.    background-position:center; background-repeat:no-repeat; background-size:cover; border:2px solid #d6d6d6; border-radius:7px; margin-bottom:10px">
  173.  
  174.         <i class="fas fa-heart" style="font-size:30px;color:#d6d6d6;position:absolute;top:7px;left:7px;" aria-hidden="true"></i>
  175.  
  176.     </div>
  177.  
  178.     <!-- STAMPS -->
  179.     <div style="margin-bottom:6px; text-align:center;">
  180.         <img src="https://i.imgur.com/e92fXnN.png" style="height:45px; display:inline-block;">
  181.         <img src="https://i.imgur.com/e92fXnN.png" style="height:45px; display:inline-block;">
  182.         <img src="https://i.imgur.com/e92fXnN.png" style="height:45px; display:inline-block;">
  183.     </div>
  184.  
  185.     <!-- QUOTE -->
  186.     <div style="font-size:12px; font-style:italic; margin-bottom:6px; color:#777; text-align:center;">
  187.         “a short quote.”
  188.     </div>
  189.  
  190.     <!-- DESCRIPTION -->
  191.     <div style="position:relative; background:#ffffff; border:2px solid #777; border-radius:5px; padding:6px; margin-bottom:5px; height:85px;">
  192.  
  193.         <div style="position:absolute; left:6px; top:50%; transform:translateY(-50%);">
  194.             <i class="fa-solid fa-file-lines" style="font-size:30px; color:#777;" aria-hidden="true"></i>
  195.         </div>
  196.  
  197.         <div style="margin-left:45px; height:100%; overflow-y:scroll; overflow-x:hidden;
  198.        scrollbar-width:none; -ms-overflow-style:none; color:#777; font-size:13px; text-align:left;">
  199.             Content description. This part scrolls. 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.
  200.         </div>
  201.  
  202.     </div>
  203.  
  204.     <!-- WARNING -->
  205.     <div style="position:relative; background:#f0f0f0; border:2px solid #999; border-radius:5px; padding:6px; height:65px; margin-bottom:6px;">
  206.  
  207.         <div style="position:absolute; left:6px; top:50%; transform:translateY(-50%);">
  208.             <i class="fa-solid fa-triangle-exclamation" style="font-size:30px; color:#999;" aria-hidden="true"></i>
  209.         </div>
  210.  
  211.         <div style="margin-left:45px; height:100%; overflow-y:scroll; overflow-x:hidden;
  212.        scrollbar-width:none; -ms-overflow-style:none; color:#999; font-size:13px; text-align:left;">
  213.             Content warning. This part scrolls. Lorem ipsum dolor sit amet, consectetur adipiscing elit.
  214.         </div>
  215.  
  216.     </div>
  217.  
  218.     <!-- TAGS -->
  219.     <div style="font-size:15px; text-align:left; color:#777;">
  220.         <span style="background:#e6e6e6; padding:2px 6px; border-radius:6px;"><i class="fa-solid fa-tag" aria-hidden="true"></i> tag</span>
  221.         <span style="background:#e6e6e6; padding:2px 6px; border-radius:6px;"><i class="fa-solid fa-tag" aria-hidden="true"></i> tag</span>
  222.         <span style="background:#e6e6e6; padding:2px 6px; border-radius:6px;"><i class="fa-solid fa-tag" aria-hidden="true"></i> tag</span>
  223.         <span style="background:#e6e6e6; padding:2px 6px; border-radius:6px;"><i class="fa-solid fa-tag" aria-hidden="true"></i> tag</span>
  224.     </div>
  225.  
  226. </div>
  227. <!-- FOLDER -->
  228.  
  229. <!-- FOLDER -->
  230. <div style="width:46%; display:inline-block; vertical-align:top; margin:1%; padding:8px; box-sizing:border-box;
  231. background:#f7f7f7; border:2px solid #d6d6d6; border-radius:10px; font-size:13px; text-align:left;">
  232.  
  233.     <!-- TITLE -->
  234.     <div style="font-size:15px; margin-bottom:6px; text-align:left">
  235.         <a href="LINK HERE" style="color:#777;">
  236.             <i class="fa-solid fa-folder-open" aria-hidden="true"></i> FOLDER NAME
  237.         </a>
  238.     </div>
  239.  
  240.     <!-- IMAGE -->
  241.     <div style="position:relative; height:110px; background-image:url(https://i.pinimg.com/736x/46/1a/d4/461ad48501d2080ad36659fc317de07a.jpg);
  242.    background-position:center; background-repeat:no-repeat; background-size:cover; border:2px solid #d6d6d6; border-radius:7px; margin-bottom:10px">
  243.  
  244.         <i class="fas fa-heart" style="font-size:30px;color:#d6d6d6;position:absolute;top:7px;left:7px;" aria-hidden="true"></i>
  245.  
  246.     </div>
  247.  
  248.     <!-- STAMPS -->
  249.     <div style="margin-bottom:6px; text-align:center;">
  250.         <img src="https://i.imgur.com/e92fXnN.png" style="height:45px; display:inline-block;">
  251.         <img src="https://i.imgur.com/e92fXnN.png" style="height:45px; display:inline-block;">
  252.         <img src="https://i.imgur.com/e92fXnN.png" style="height:45px; display:inline-block;">
  253.     </div>
  254.  
  255.     <!-- QUOTE -->
  256.     <div style="font-size:12px; font-style:italic; margin-bottom:6px; color:#777; text-align:center;">
  257.         “a short quote.”
  258.     </div>
  259.  
  260.     <!-- DESCRIPTION -->
  261.     <div style="position:relative; background:#ffffff; border:2px solid #777; border-radius:5px; padding:6px; margin-bottom:5px; height:85px;">
  262.  
  263.         <div style="position:absolute; left:6px; top:50%; transform:translateY(-50%);">
  264.             <i class="fa-solid fa-file-lines" style="font-size:30px; color:#777;" aria-hidden="true"></i>
  265.         </div>
  266.  
  267.         <div style="margin-left:45px; height:100%; overflow-y:scroll; overflow-x:hidden;
  268.        scrollbar-width:none; -ms-overflow-style:none; color:#777; font-size:13px; text-align:left;">
  269.             Content description. This part scrolls. 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.
  270.         </div>
  271.  
  272.     </div>
  273.  
  274.     <!-- WARNING -->
  275.     <div style="position:relative; background:#f0f0f0; border:2px solid #999; border-radius:5px; padding:6px; height:65px; margin-bottom:6px;">
  276.  
  277.         <div style="position:absolute; left:6px; top:50%; transform:translateY(-50%);">
  278.             <i class="fa-solid fa-triangle-exclamation" style="font-size:30px; color:#999;" aria-hidden="true"></i>
  279.         </div>
  280.  
  281.         <div style="margin-left:45px; height:100%; overflow-y:scroll; overflow-x:hidden;
  282.        scrollbar-width:none; -ms-overflow-style:none; color:#999; font-size:13px; text-align:left;">
  283.             Content warning. This part scrolls. Lorem ipsum dolor sit amet, consectetur adipiscing elit.
  284.         </div>
  285.  
  286.     </div>
  287.  
  288.     <!-- TAGS -->
  289.     <div style="font-size:15px; text-align:left; color:#777;">
  290.         <span style="background:#e6e6e6; padding:2px 6px; border-radius:6px;"><i class="fa-solid fa-tag" aria-hidden="true"></i> tag</span>
  291.         <span style="background:#e6e6e6; padding:2px 6px; border-radius:6px;"><i class="fa-solid fa-tag" aria-hidden="true"></i> tag</span>
  292.         <span style="background:#e6e6e6; padding:2px 6px; border-radius:6px;"><i class="fa-solid fa-tag" aria-hidden="true"></i> tag</span>
  293.         <span style="background:#e6e6e6; padding:2px 6px; border-radius:6px;"><i class="fa-solid fa-tag" aria-hidden="true"></i> tag</span>
  294.     </div>
  295.  
  296. </div>
  297. <!-- FOLDER -->
  298.  
  299.   <!-- CREDIT [DON'T REMOVE!] -->
  300.   <div class="text-center mx-1" style="font-size:15px;">
  301.     <a href="https://toyhou.se/sokie_Visuvel"><i class="fas fa-cloud" style="color:skyblue" aria-hidden="true"></i></a>
  302.   </div>
  303.  
  304. </div>
  305. </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!