Advertisement
Apollyna

F2U // Stacked Deck _ Apollyna @ TH

Aug 16th, 2022
1,613
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 22.12 KB | None | 0 0
  1. <!-- ====================================================================================================
  2.  
  3.        F2U // "Stacked Deck"
  4.        profile html by Apollyna
  5.  
  6.        default accent color:
  7.        #aaaaaa
  8.          
  9.        this html's accent color uses a "faded" tag by default, in order to make the contrast between all elements subtler.
  10.        if you don't like that and want a stronger accent color, ctrl+f the exact phrase below, including a space in front of "faded":
  11.  
  12. faded" style="color:#
  13.  
  14.        then replace that phrase with this exact phrase, including a space in front of the "/":
  15.        
  16. /faded style="color:#
  17.  
  18.        then you can ctrl+f your hex code as normal and it will render with no filtering!
  19.        
  20. ==================================================================================================== -->
  21.     <div class="container pt-1 px-0 mx-auto text-justify text-muted" style="max-width: 800px; font-size:1.1em;">
  22.         <!-- the "text-muted" tag directly above provides a subtle contrast between text and background. if you want a stronger look, deactivate it by making it look like this: "/text-muted" -->
  23.         <div class="mx-2 mt-2 mb-0 p-5">
  24.             <!-- directly below, remove the "/" from "/shadow" if you want a more 3D effect to the background. -->
  25.             <div class="card p-2 m-n4 /shadow">
  26.                 <!-- the bg-dark setting directly below looks best when on TH light mode and using dark aesthetic images. if this applies to you, just remove the "/" in front of "/bg-dark" directly below -->
  27.                 <div class="card /bg-dark">
  28.                     <!-- all content begin -->
  29.                     <div class="row no-gutters mt-n5 mx-n5 mb-n4">
  30.                         <!-- TALL IMAGES ==================================================================================================== -->
  31.                         <!-- IMG BLOCK ROW 1 -->
  32.                         <div class="order-1 order-md-1 col-12 col-md-6 d-flex mb-0 mb-md-n1">
  33.                             <div class="mr-md-2 d-flex flex-fill card border-0 overflow-hidden">
  34.                                 <div class="flex-fill" style="background-image:url('https://i.imgur.com/fvlYVab.png'); background-size:cover; background-position: center; min-height:30em;">&nbsp;</div>
  35.                             </div>
  36.                         </div>
  37.                         <!-- IMG BLOCK ROW 2 -->
  38.                         <div class="order-3 order-md-4 col-12 col-md-6 d-flex mb-0 mb-md-n1">
  39.                             <div class="ml-md-2 d-flex flex-fill card border-0 overflow-hidden">
  40.                                 <div class="flex-fill" style="background-image:url('https://i.imgur.com/fvlYVab.png'); background-size:cover; background-position: center; min-height:30em;">&nbsp;</div>
  41.                             </div>
  42.                         </div>
  43.                         <!-- IMG BLOCK ROW 3 -->
  44.                         <div class="order-5 order-md-5 col-12 col-md-6 d-flex mb-0 mb-md-n1">
  45.                             <div class="mr-md-2 d-flex flex-fill card border-0 overflow-hidden">
  46.                                 <div class="flex-fill" style="background-image:url('https://i.imgur.com/fvlYVab.png'); background-size:cover; background-position: center; min-height:30em;">&nbsp;</div>
  47.                             </div>
  48.                         </div>
  49.                         <!-- TEXT BLOCKS ==================================================================================================== -->
  50.                         <!-- TEXT BLOCKS ROW 1 -->
  51.                         <div class="order-2 order-md-2 col-12 col-md-6 d-flex mb-3 mb-md-n1">
  52.                             <div class="ml-md-n5 my-3 d-flex flex-fill">
  53.                                 <div class="row no-gutters d-flex flex-fill">
  54.                                     <!-- TITLE CARD ==================================================================================================== -->
  55.                                     <div class="card p-3 mb-3 flex-fill">
  56.  
  57.                                         <p class="display-4 text-center faded" style="color:#aaaaaa;">Lorem ipsum dolor sit</p>
  58.                                     </div>
  59.                                     <!-- QUOTE CARD ==================================================================================================== -->
  60.                                     <div class="card p-3 mb-3 flex-fill">
  61.                                         <div class="/display-4 text-center" style="font-size:1.1em;">
  62.                                             <div class="row no-gutters">
  63.                                                 <div class="col-auto align-self-start align-items-start"><i class="fal fa-light fa-quote-left faded" style="color:#aaaaaa;"></i></div>
  64.                                                 <div class="col align-self-middle px-2">
  65.                                                     <!-- quote text --><span class="faded">Duis porta eros et velit blandit dapibus. Curabitur ac finibus eros.</span></div>
  66.                                                 <div class="col-auto align-self-end align-items-end"><i class="fal fa-light fa-quote-right faded" style="color:#aaaaaa;"></i></div>
  67.                                             </div>
  68.                                         </div>
  69.                                     </div>
  70.                                     <!-- SUMMARY CARD ==================================================================================================== -->
  71.                                     <div class="col card p-3">
  72.                                         <!-- SUMMARY CARD TITLE ==================================================================================================== -->
  73.                                         <div class="row no-gutters mt-n2 mb-2 align-items-center" style="color:#aaaaaa;">
  74.                                             <div class="col-auto">
  75.  
  76.                                                 <p class="display-4 faded text-right">summary</p>
  77.                                             </div>
  78.                                             <div class="col ml-3">
  79.                                                 <hr class="d-none mt-4">
  80.                                             </div>
  81.                                             <div class="col-auto ml-3"><i class="fal fa-light fa-md faded fa-user mr-1 mt-2"></i></div>
  82.                                         </div>
  83.                                         <!-- SUMMARY CARD STATS ==================================================================================================== -->
  84.                                         <div class="mb-2 display-4 /faded" style="font-size:1.2em;">
  85.                                             <!-- duplicate or delete the "row" divs below if you need to add/remove stats. -->
  86.                                             <!-- -->
  87.                                             <div class="row no-gutters align-items-center">
  88.                                                 <div class="col-auto"><span>name</span></div>
  89.                                                 <div class="col mx-3">
  90.                                                     <hr class="m-0">
  91.                                                 </div>
  92.                                                 <div class="col-auto">character</div>
  93.                                             </div>
  94.                                             <!-- -->
  95.                                             <div class="row no-gutters align-items-center">
  96.                                                 <div class="col-auto"><span>pr/ns</span></div>
  97.                                                 <div class="col mx-3">
  98.                                                     <hr class="m-0">
  99.                                                 </div>
  100.                                                 <div class="col-auto">they/them</div>
  101.                                             </div>
  102.                                             <!-- -->
  103.                                             <div class="row no-gutters align-items-center">
  104.                                                 <div class="col-auto"><span>species</span></div>
  105.                                                 <div class="col mx-3">
  106.                                                     <hr class="m-0">
  107.                                                 </div>
  108.                                                 <div class="col-auto">creature</div>
  109.                                             </div>
  110.                                             <!-- -->
  111.                                             <div class="row no-gutters align-items-center">
  112.                                                 <div class="col-auto"><span>role</span></div>
  113.                                                 <div class="col mx-3">
  114.                                                     <hr class="m-0">
  115.                                                 </div>
  116.                                                 <div class="col-auto">job, etc.</div>
  117.                                             </div>
  118.                                             <!-- -->
  119.                                             <div class="row no-gutters align-items-center">
  120.                                                 <div class="col-auto"><span>obtained</span></div>
  121.                                                 <div class="col mx-3">
  122.                                                     <hr class="m-0">
  123.                                                 </div>
  124.                                                 <div class="col-auto">00/00/00</div>
  125.                                             </div>
  126.                                             <!-- -->
  127.                                             <div class="row no-gutters align-items-center">
  128.                                                 <div class="col-auto"><span>aesth</span></div>
  129.                                                 <div class="col mx-3">
  130.                                                     <hr class="m-0">
  131.                                                 </div>
  132.                                                 <div class="col-auto"><a href="#" id="" rel="noopener noreferrer" style="color:#aaaaaa;" target="_blank">[ pinterest ]</a></div>
  133.                                             </div>
  134.                                             <!-- -->
  135.                                             <div class="row no-gutters align-items-center">
  136.                                                 <div class="col-auto"><span>theme</span></div>
  137.                                                 <div class="col mx-3">
  138.                                                     <hr class="m-0">
  139.                                                 </div>
  140.                                                 <div class="col-auto"><a href="#" id="" rel="noopener noreferrer" style="color:#aaaaaa;" target="_blank">[ song link ]</a></div>
  141.                                             </div>
  142.                                         </div>
  143.                                         <!-- SUMMARY CARD TEXTBOX ==================================================================================================== -->
  144.                                         <div class="d-flex flex-fill" style="position: relative; flex: 1; height:15em;">
  145.                                             <div class="flex-fill mt-1 p-2" style="position: absolute; left: 0; top: 0; right: 0; bottom: 0; overflow-y: auto;">
  146.                                                 <div class="pr-2">
  147.  
  148.                                                     <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 placera velit vitae massa sodales, eget nibh.</p>
  149.  
  150.                                                     <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 placera velit vitae massa sodales, eget nibh.</p>
  151.                                                 </div>
  152.                                             </div>
  153.                                         </div>
  154.                                     </div>
  155.                                 </div>
  156.                             </div>
  157.                         </div>
  158.                         <!-- TEXT BLOCKS ROW 2 -->
  159.                         <div class="order-4 order-md-3 col-12 col-md-6 d-flex mb-3 mb-md-n1">
  160.                             <div class="mr-md-n5 my-3 d-flex flex-fill" style="z-index:1;">
  161.                                 <div class="row no-gutters d-flex flex-fill flex-column">
  162.                                     <div class="col card p-3 mb-3">
  163.                                         <!-- PERSONALITY CARD TITLE ==================================================================================================== -->
  164.                                         <div class="row no-gutters mt-n2 mb-2 align-items-center" style="color:#aaaaaa;">
  165.                                             <div class="col-auto">
  166.  
  167.                                                 <p class="display-4 faded text-right">personality</p>
  168.                                             </div>
  169.                                             <div class="col ml-3">
  170.                                                 <hr class="d-none mt-4">
  171.                                             </div>
  172.                                             <div class="col-auto ml-3"><i class="fal fa-light fa-lg faded fa-head-side-brain mr-1 mt-2"></i>
  173.                                                 <!-- -->
  174.                                             </div>
  175.                                         </div>
  176.                                         <!-- PERSONALITY CARD TEXTBOX ==================================================================================================== -->
  177.                                         <div class="d-flex flex-fill" style="position: relative; flex: 1; min-height:10em;">
  178.                                             <div class="flex-fill p-2" style="position: absolute; left: 0; top: 0; right: 0; bottom: 0; overflow-y: auto;">
  179.                                                 <div class="pr-2">
  180.  
  181.                                                     <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 placera velit vitae massa sodales, eget nibh.</p>
  182.  
  183.                                                     <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 placera velit vitae massa sodales, eget nibh.</p>
  184.                                                 </div>
  185.                                             </div>
  186.                                         </div>
  187.                                     </div>
  188.                                     <!-- LIKE / DISLIKE CARDS ==================================================================================================== -->
  189.                                     <!-- technically you could put anything here, like positive and negative traits etc -->
  190.                                     <div class="col /card mb-3">
  191.                                         <div class="row no-gutters">
  192.                                             <!-- LIKES -->
  193.                                             <div class="col-12 col-lg card p-3 mb-3 mb-lg-0 mr-lg-2">
  194.                                                 <div class="text-left">
  195.  
  196.                                                     <ul class="fa-ul pl-4 m-0">
  197.                                                         <li><i class="fa-li fal fa-check faded" style="color:#aaaaaa;"></i>lorem ipsum</li>
  198.                                                         <li><i class="fa-li fal fa-check faded" style="color:#aaaaaa;"></i>dolor sit amet</li>
  199.                                                         <li><i class="fa-li fal fa-check faded" style="color:#aaaaaa;"></i>duis sollicitudin</li>
  200.                                                     </ul>
  201.                                                 </div>
  202.                                             </div>
  203.                                             <!-- DISLIKES -->
  204.                                             <div class="col-12 col-lg card p-3 ml-lg-2">
  205.                                                 <div class="text-left">
  206.  
  207.                                                     <ul class="fa-ul pl-4 m-0">
  208.                                                         <li><i class="fa-li fal fa-times faded" style="color:#aaaaaa;"></i>lorem ipsum</li>
  209.                                                         <li><i class="fa-li fal fa-times faded" style="color:#aaaaaa;"></i>dolor sit amet</li>
  210.                                                         <li><i class="fa-li fal fa-times faded" style="color:#aaaaaa;"></i>duis sollicitudin</li>
  211.                                                     </ul>
  212.                                                 </div>
  213.                                             </div>
  214.                                         </div>
  215.                                     </div>
  216.                                     <!-- PERSONALITY STATS  ==================================================================================================== -->
  217.                                     <!-- zodiac. this "col" div can be deleted if not needed. -->
  218.                                     <div class="col card p-3 mb-3">
  219.                                         <div>
  220.                                             <div class="display-4" style="font-size:1.2em;">
  221.                                                 <!-- -->
  222.                                                 <div class="row no-gutters align-items-center">
  223.                                                     <div class="col-auto justify-content-between align-items-center"><i class="fal fa-fw fa-sm fa-sun mr-2 faded" style="color:#aaaaaa;"></i><span>sun</span></div>
  224.                                                     <div class="col mx-3">
  225.                                                         <hr class="m-0">
  226.                                                     </div>
  227.                                                     <div class="col-auto justify-content-end align-items-center">pisces</div>
  228.                                                 </div>
  229.                                                 <!-- -->
  230.                                                 <div class="row no-gutters align-items-center">
  231.                                                     <div class="col-auto justify-content-between align-items-center"><i class="fal fa-fw fa-sm fa-moon mr-2 faded" style="color:#aaaaaa;"></i>moon</div>
  232.                                                     <div class="col mx-3">
  233.                                                         <hr class="m-0">
  234.                                                     </div>
  235.                                                     <div class="col-auto justify-content-end align-items-center">capricorn</div>
  236.                                                 </div>
  237.                                                 <!-- -->
  238.                                                 <div class="row no-gutters align-items-center">
  239.                                                     <div class="col-auto justify-content-between align-items-center"><i class="fal fa-fw fa-sm fa-sparkles mr-2 faded" style="color:#aaaaaa;"></i>rising</div>
  240.                                                     <div class="col mx-3">
  241.                                                         <hr class="m-0">
  242.                                                     </div>
  243.                                                     <div class="col-auto justify-content-end align-items-center">gemini</div>
  244.                                                 </div>
  245.                                                 <!-- -->
  246.                                             </div>
  247.                                         </div>
  248.                                     </div>
  249.                                     <!-- aspects. personally i'd keep this div and just switch out the labels and icons if you want to convey something different about your character -->
  250.                                     <div class="col card p-3">
  251.                                         <div class="display-4" style="font-size:1.2em;">
  252.                                             <!-- just duplicate one of the "row" divs if you need more blanks -->
  253.                                             <!-- -->
  254.                                             <div class="row no-gutters align-items-center">
  255.                                                 <div class="col-auto justify-content-between align-items-center"><i class="fal fa-fw fa-sm fa-flask faded mr-2" style="color:#aaaaaa;"></i>humor</div>
  256.                                                 <div class="col mx-3">
  257.                                                     <hr class="m-0">
  258.                                                 </div>
  259.                                                 <div class="col-auto justify-content-between align-items-center">sanguine</div>
  260.                                             </div>
  261.                                             <!-- -->
  262.                                             <div class="row no-gutters align-items-center">
  263.                                                 <div class="col-auto justify-content-between align-items-center"><i class="fal fa-fw fa-sm fa-flower-tulip faded mr-2" style="color:#aaaaaa;"></i>flora</div>
  264.                                                 <div class="col mx-3">
  265.                                                     <hr class="m-0">
  266.                                                 </div>
  267.                                                 <div class="col-auto justify-content-between align-items-center">hibiscus</div>
  268.                                             </div>
  269.                                             <!-- -->
  270.                                             <div class="row no-gutters align-items-center">
  271.                                                 <div class="col-auto justify-content-between align-items-center"><i class="fal fa-fw fa-sm fa-deer faded mr-2" style="color:#aaaaaa;"></i>fauna</div>
  272.                                                 <div class="col mx-3">
  273.                                                     <hr class="m-0">
  274.                                                 </div>
  275.                                                 <div class="col-auto justify-content-between align-items-center">flamingos</div>
  276.                                             </div>
  277.                                             <!-- -->
  278.                                             <div class="row no-gutters align-items-center">
  279.                                                 <div class="col-auto justify-content-between align-items-center"><i class="fal fa-fw fa-sm fa-palette faded mr-2" style="color:#aaaaaa;"></i>color</div>
  280.                                                 <div class="col mx-3">
  281.                                                     <hr class="m-0">
  282.                                                 </div>
  283.                                                 <div class="col-auto justify-content-between align-items-center">salmon pink</div>
  284.                                             </div>
  285.                                             <!-- -->
  286.                                             <div class="row no-gutters align-items-center">
  287.                                                 <div class="col-auto justify-content-between align-items-center"><i class="fal fa-fw fa-sm fa-tv-retro faded mr-2" style="color:#aaaaaa;"></i>object</div>
  288.                                                 <div class="col mx-3">
  289.                                                     <hr class="m-0">
  290.                                                 </div>
  291.                                                 <div class="col-auto justify-content-between align-items-center">driftwood</div>
  292.                                             </div>
  293.                                             <!-- -->
  294.                                         </div>
  295.                                     </div>
  296.                                     <!-- -->
  297.                                 </div>
  298.                             </div>
  299.                         </div>
  300.                         <!-- TEXT BLOCKS ROW 3 -->
  301.                         <div class="order-6 order-md-6 col-12 col-md-6 d-flex mb-n3 mb-md-n1">
  302.                             <div class="ml-md-n5 my-3 d-flex flex-fill">
  303.                                 <div class="row no-gutters w-100 d-flex flex-fill">
  304.                                     <!-- TRIVIA CARD ==================================================================================================== -->
  305.                                     <div class="col-12 card p-3 mb-3">
  306.                                         <!-- TRIVIA CARD TITLE ==================================================================================================== -->
  307.                                         <div class="row no-gutters mt-n2 mb-2 align-items-center" style="color:#aaaaaa;">
  308.                                             <div class="col-auto">
  309.  
  310.                                                 <p class="display-4 faded text-right">trivia</p>
  311.                                             </div>
  312.                                             <div class="col ml-3">
  313.                                                 <hr class="d-none mt-4">
  314.                                             </div>
  315.                                             <div class="col-auto ml-3"><i class="fal fa-light fa-lg faded fa-list mr-1 mt-2"></i></div>
  316.                                         </div>
  317.                                         <!-- TRIVIA CARD TEXTBOX ==================================================================================================== -->
  318.                                         <div class="d-flex flex-fill" style="position: relative; flex: 1; min-height:12em;">
  319.                                             <div class="flex-fill mt-1 p-2" style="position: absolute; left: 0; top: 0; right: 0; bottom: 0; overflow-y: auto;">
  320.                                                 <div class="pr-2">
  321.  
  322.                                                     <ul class="pl-4 pr-2 mb-0" style="list-style-type: circle;">
  323.                                                         <li class="mb-1">Lorem ipsum dolor sit amet, consectetur.</li>
  324.                                                         <li class="mb-1">Adipiscing elit. Duis sollicitudin elit sed tellus blandit vi sed eget odio feugiat non.</li>
  325.                                                         <li class="mb-1">Duis porta eros et velit blandit dapibus.</li>
  326.                                                         <li class="mb-1">Lorem ipsum dolor sit amet, consectetur.</li>
  327.                                                         <li class="mb-1">Adipiscing elit. Duis sollicit elit sed tellus blandit viverra sed eget odio feugiat non.</li>
  328.                                                         <li class="mb-1">Donec acuums an tempor lacus, et venen.</li>
  329.                                                         <li class="mb-1">Duis porta eros et velit blandit dapibus.</li>
  330.                                                         <li class="mb-1">Curabitur ac finibus eros. Duis placerat velit vitae massa sodales, eget mattis nibh.</li>
  331.                                                     </ul>
  332.                                                 </div>
  333.                                             </div>
  334.                                         </div>
  335.                                         <!-- trivia card end -->
  336.                                     </div>
  337.                                     <!-- MOODBOARD ==================================================================================================== -->
  338.                                     <!-- MB IMG 1 -->
  339.                                     <div class="col-6">
  340.                                         <div class="card /border-0 mr-2 mb-3 overflow-hidden">
  341.                                             <div class="flex-fill" style="background-image:url('https://i.imgur.com/fvlYVab.png'); background-size:cover; background-position: center; min-height:8em;">&nbsp;</div>
  342.                                         </div>
  343.                                     </div>
  344.                                     <!-- MB IMG 2 -->
  345.                                     <div class="col-6">
  346.                                         <div class="card /border-0 ml-2 mb-3 overflow-hidden">
  347.                                             <div class="flex-fill" style="background-image:url('https://i.imgur.com/fvlYVab.png'); background-size:cover; background-position: center; min-height:8em;">&nbsp;</div>
  348.                                         </div>
  349.                                     </div>
  350.                                     <!-- MB IMG 3 -->
  351.                                     <div class="col-6">
  352.                                         <div class="card /border-0 mr-2 mb-3 overflow-hidden">
  353.                                             <div class="flex-fill" style="background-image:url('https://i.imgur.com/fvlYVab.png'); background-size:cover; background-position: center; min-height:8em;">&nbsp;</div>
  354.                                         </div>
  355.                                     </div>
  356.                                     <!-- MB IMG 4 -->
  357.                                     <div class="col-6">
  358.                                         <div class="card /border-0 ml-2 mb-3 overflow-hidden">
  359.                                             <div class="flex-fill" style="background-image:url('https://i.imgur.com/fvlYVab.png'); background-size:cover; background-position: center; min-height:8em;">&nbsp;</div>
  360.                                         </div>
  361.                                     </div>
  362.                                     <!-- MB IMG 5 -->
  363.                                     <div class="col-12 mb-3">
  364.                                         <div class="card /border-0 mb-0 overflow-hidden">
  365.                                             <div class="flex-fill" style="background-image:url('https://i.imgur.com/fvlYVab.png'); background-size:cover; background-position: center; min-height:8em;">&nbsp;</div>
  366.                                         </div>
  367.                                     </div>
  368.                                     <!-- CREDIT FOOTER ==================================================================================================== -->
  369.                                     <div class="col-12 justify-content-end">
  370.                                         <div class="card /mb-3 overflow-hidden flex-fill">
  371.                                             <div class="align-items-center mx-3">
  372.                                                 <hr class="flex-fill mr-3">
  373.                                                 <!-- image credit icon. you can duplicate this <a> element directly below to add more credit bubbles for different image sources -->
  374.                                                 <!-- -->
  375.                                                 <a href="#" id="" rel="noopener noreferrer" target="_blank"><i class="/text-muted mx-1 fa fa-fw fa-xs fa-light fa-image tooltipster faded" style="color:#aaaaaa;" title="images from unsplash"></i></a>
  376.                                                 <!-- -->
  377.                                                 <!-- coder credit. please do not remove from page -->
  378.                                                 <a href="https://toyhou.se/Apollyna" id="" rel="noopener noreferrer" target="_blank"><i class="mx-1 fa fa-fw fa-xs fa-light fa-code tooltipster faded" style="color:#aaaaaa;" title="&quot;F2U // Stacked Deck&quot; profile html by Apollyna"></i></a>
  379.                                                 <!-- -->
  380.                                                 <hr class="flex-fill ml-3">
  381.                                             </div>
  382.                                         </div>
  383.                                     </div>
  384.                                     <!-- credit footer end -->
  385.                                 </div>
  386.                             </div>
  387.                         </div>
  388.                     </div>
  389.                     <!-- all content end -->
  390.                 </div>
  391.             </div>
  392.         </div>
  393.     </div>
  394.     <!-- ====================================================================================================
  395.          F2U // "Stacked Deck" profile html end
  396. ==================================================================================================== -->
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement