[text] Idk

Viewer

  1. <div style="max-width: 970px; font-family: Gotham,Helvetica Neue,Helvetica,Arial,Lucida Grande,sans-serif; font-size: 16px; font-weight: 400; line-height: 1.4em;"
  2. class="card border-0 rounded-0 bg-transparent m-auto">
  3.  
  4.  
  5.   <!-- 
  6.     ROBLOX PROFILE - by @faq
  7.     
  8.     =========================
  9.     TERMS OF SERVICE
  10.     listen. i dont really care what you do with this thing. 
  11.     feel free to edit, redistribute, et cetera. if you claim 
  12.     it as your own i don't really care because im not a cop.
  13.     if you sold it for money that would be a mega shitty thing 
  14.     to do. that said it would be extremely dickish if you had
  15.     a super cool character profile code and your followers 
  16.     couldnt find the source of it if they wanted to. so if 
  17.     you're for some reason debating on whether or not to 
  18.     delete the credits just consider that. also, it would 
  19.     create ugly ass empty space if you took it out
  20.     ========================= 
  21.     -->
  22.  
  23.  
  24.   <!-- icon, username, status, follower counts  -->
  25.   <div style="padding: 15px; margin-bottom: 18px;" class="bg-faded">
  26.     <div class="float-left" style="position: relative; margin-right: 12px; width: 128px; height: 128px; margin-right: 12px;">
  27.  
  28.       <!-- edit the SRC="" property to be an icon of choice -->
  29.       <img src="https://i.imgur.com/zn3ZB6P.png" class="rounded-circle" style="background: rgba(0,0,0,0.1)"
  30.       alt="">
  31.  
  32.       <!-- change background-position depending on what icon you'd like. 
  33.             green "in-game" symbol:                  0, 0
  34.             orange "in-studio" symbol:               0, -28px
  35.             blue "online" symbol:                    0, -56px
  36.             no symbol ("offline"):                   0, -84px
  37.             -->
  38.       <div> <span style="background-position: 0 -56px;    bottom: 4%; position: absolute; right: 5%; 
  39.       background-image: url(https://images.rbxcdn.com/0825a5ee0156a0c2a2becccd5d563a01-friendsstatus.svg);
  40.       background-repeat: no-repeat; background-size: 100% auto; width: 28px; height: 28px;
  41.       display: inline-block; vertical-align: middle;"></span> </div>
  42.     </div>
  43.     <div class="d-flex flex-column" style="justify-content: space-between; height: 128px;">
  44.  
  45.       <!-- username/title -->
  46.       <h2 style="line-height: 1.4em; font-size: 32px; font-weight: 800; margin: 0 12px 0 0;">
  47.                 USERNAME
  48.       </h2>
  49.  
  50.       <!-- status message -->
  51.       <span class="text-muted" style="overflow: hidden;text-overflow: ellipsis;white-space: nowrap;">
  52.                 "This is a status message!"
  53.       </span>
  54.  
  55.       <!-- friend, follower, and following counts -->
  56.       <div style="min-height: 35px;">
  57.         <ul style="padding: 0;">
  58.           <li class="float-left" style="display: flex; flex-direction: row-reverse; align-items: center; padding-right: 15px;">
  59.             <span style="margin-left: 6px; font-size: 12px;">Friends</span>            <span style="font-weight: 500;">72</span> </li>
  60.           <li class="float-left" style="display: flex; flex-direction: row-reverse; align-items: center; padding-right: 15px;">
  61.             <span style="margin-left: 6px; font-size: 12px;">Followers</span>            <span style="font-weight: 500;">400</span> </li>
  62.           <li class="float-left" style="display: flex; flex-direction: row-reverse; align-items: center;">
  63.             <span style="margin-left: 6px; font-size: 12px;">Following</span>            <span style="font-weight: 500;">255</span> </li>
  64.         </ul>
  65.       </div>
  66.  
  67.  
  68.       <!-- CREDITS -->
  69.       <div class="fa-stack" style="font-size: 1.25em; position: absolute; top: 6px; right: 0px;">
  70.         <i class="fas fa-square fa-stack-2x" style="color: rgba(0, 0, 0, 0.3)"></i>
  71.         <a class="fas fa-sheep  fa-stack-1x" style="color: rgba(255,255, 255, 0.85)"
  72.         href="https://toyhou.se/faq"></a>
  73.       </div>
  74.     </div>
  75.   </div>
  76.  
  77.   <!-- tabs ("home" and "creations") -->
  78.   <div class="nav bg-faded" id="nav-tab" role="tablist">
  79.     <a style="font-weight: 500;" class="col-md-6 text-center nav-item nav-link active"
  80.     id="home-tab" data-toggle="tab" href="#home" role="tab" aria-controls="home"
  81.     aria-selected="true">
  82.                         Home
  83.                 </a>
  84.     <a style="font-weight: 500;" class="col-md-6 text-center  nav-item nav-link"
  85.     id="creations-tab" data-toggle="tab" href="#creations" role="tab" aria-controls="creations"
  86.     aria-selected="false">
  87.                         Creations
  88.                 </a> </div>
  89.  
  90.   <!-- tab contents -->
  91.   <div class="tab-content" id="nav-tabContent">
  92.  
  93.     <!-- ABOUT TAB: bio, currently wearing, friends list, groups, favorites -->
  94.     <div class="tab-pane fade show active" id="home" role="tabpanel" aria-labelledby="home-tab">
  95.  
  96.       <!-- DO NOT DELETE -->
  97.       <div class="row" style="max-width: 970px; height: 4px; margin: -4px auto 1em auto">
  98.         <div class="col-6 bg-secondary"> </div>
  99.         <div class="col-6"> </div>
  100.       </div>
  101.       <!-- DO NOT DELETE -->
  102.  
  103.       <!-- "ABOUT" biography section -->
  104.       <div>
  105.         <div class="px-2" style="margin: 1em auto 1.4em auto">
  106.           <h3 style="font-size: 20px; font-weight: 700" class="pb-2">About</h3> 
  107.           Yolo yolo library filteringenabled, library yolo telamon. Advertisement
  108.           builder's club Loomian Legacy RAP, tycoon dominus tix #### guest
  109.           pl0x, advertisement scripting free robux runner Adopt Me Flamingo.
  110.           Morph magic gravity coil admin ###### ####### easter egg lootbox,
  111.           UGC paintball im reporting filteringenabled, admin powering imagination
  112.           Loomian Legacy admin. #### UGC builderman, easter egg roleplay
  113.           limited library. Ninja roleplay ##### /e free Roblox pwnage,
  114.           obby scammer cheezit gravity coil. CFrame workspace lag aesthetic
  115.           ninja lootbox, tix pwnage tee vee roblox premium filteringenabled.
  116.           Swag workspace ninja Adopt Me, dominus ninja roblox studio adidas
  117.           runner, builderman adidas lag
  118.         </div>
  119.       </div>
  120.  
  121.       <div class="card card-outline-secondary border-bottom-0 border-left-0 border-right-0 rounded-0 my-2 py-2">
  122.         <span class="text-danger text-right" style="font-size: 12px; font-weight: 500; padding-right: 0.5em">Report Abuse</span>
  123.       </div>
  124.  
  125.       <!-- "CURRENTLY WEARING" section -->
  126.       <div>
  127.         <h3 style="font-size: 20px; font-weight: 700" class="pb-2">Currently Wearing</h3>
  128.         <div class="card rounded-0 border-0 mb-4" style="background: rgba(0,0,0,0.1)">
  129.           <div class="row no-gutters">
  130.             <div class="col-md-6 text-center">
  131.               <div class="tab-content">
  132.                 <!-- "2D" image -->
  133.                 <div class="tab-pane fade" id="d2" role="tabpanel" aria-labelledby="2d-tab">
  134.                   <img src="https://i.imgur.com/1nmjJGZ.png" class="card-img" alt="" style="width: 300px; height: 300px;">                  </div>
  135.                 <!-- "3D" image -->
  136.                 <div class="tab-pane fade show active" id="d3" role="tabpanel" aria-labelledby="3d-tab">
  137.                   <img src="https://i.imgur.com/zn3ZB6P.png" class="card-img" alt="" style="width: 300px; height: 300px;">                  </div>
  138.               </div>
  139.  
  140.               <ul class="nav nav-pills p-3" style="position: absolute; top: 0; right: 0;"
  141.               role="tablist">
  142.                 <li class="nav-item"> <a class="nav-link p-2" data-toggle="tab" id="2d-tab" role="tab"
  143.                   href="#d2">2D</a> </li>
  144.                 <li class="nav-item"> <a class="nav-link p-2 active" data-toggle="tab" id="3d-tab"
  145.                   role="tab" href="#d3">3D</a> </li>
  146.               </ul>
  147.  
  148.             </div>
  149.             <div class="col-md-6 bg-faded" style="padding: 20px 22px;">
  150.               <div class="tab-content">
  151.                 <div class="tab-pane fade active show" id="CurrWearingPageOne">
  152.                   <div style="margin: 12px 0 6px; height: 220px;">
  153.                     <ul class="list-unstyled d-block p-0 float-left" style="overflow-x: auto;">
  154.                       <li style="float: left;padding: 5px;">
  155.                         <a href=""> <img title="" alt="" src="https://i.imgur.com/zn3ZB6P.png"
  156.                           style="border-radius: 4px;width: 100%;height: auto; max-width: 100px; max-height: 100px; background: rgba(0, 0, 0, 0.15)">                          </a>
  157.                       </li>
  158.                       <li style="float: left;padding: 5px;">
  159.                         <a href=""> <img title="" alt="" src="https://i.imgur.com/1nmjJGZ.png"
  160.                           style="border-radius: 4px;width: 100%;height: auto; max-width: 100px; max-height: 100px; background: rgba(0, 0, 0, 0.15)">                          </a>
  161.                       </li>
  162.                       <li style="float: left;padding: 5px;">
  163.                         <a href=""> <img title="" alt="" src="https://i.imgur.com/zn3ZB6P.png"
  164.                           style="border-radius: 4px;width: 100%;height: auto; max-width: 100px; max-height: 100px; background: rgba(0, 0, 0, 0.15)">                          </a>
  165.                       </li>
  166.                       <li style="float: left;padding: 5px;">
  167.                         <a href=""> <img title="" alt="" src="https://i.imgur.com/1nmjJGZ.png"
  168.                           style="border-radius: 4px;width: 100%;height: auto; max-width: 100px; max-height: 100px; background: rgba(0, 0, 0, 0.15)">                          </a>
  169.                       </li>
  170.                       <li style="float: left;padding: 5px;">
  171.                         <a href=""> <img title="" alt="" src="https://i.imgur.com/1nmjJGZ.png"
  172.                           style="border-radius: 4px;width: 100%;height: auto; max-width: 100px; max-height: 100px; background: rgba(0, 0, 0, 0.15)">                          </a>
  173.                       </li>
  174.                       <li style="float: left;padding: 5px;">
  175.                         <a href=""> <img title="" alt="" src="https://i.imgur.com/zn3ZB6P.png"
  176.                           style="border-radius: 4px;width: 100%;height: auto; max-width: 100px; max-height: 100px; background: rgba(0, 0, 0, 0.15)">                          </a>
  177.                       </li>
  178.                       <li style="float: left;padding: 5px;">
  179.                         <a href=""> <img title="" alt="" src="https://i.imgur.com/1nmjJGZ.png"
  180.                           style="border-radius: 4px;width: 100%;height: auto; max-width: 100px; max-height: 100px; background: rgba(0, 0, 0, 0.15)">                          </a>
  181.                       </li>
  182.                       <li style="float: left;padding: 5px;">
  183.                         <a href=""> <img title="" alt="" src="https://i.imgur.com/zn3ZB6P.png"
  184.                           style="border-radius: 4px;width: 100%;height: auto; max-width: 100px; max-height: 100px; background: rgba(0, 0, 0, 0.15)">                          </a>
  185.                       </li>
  186.                     </ul>
  187.                   </div>
  188.  
  189.                 </div>
  190.  
  191.                 <div class="tab-pane fade" id="CurrWearingPageTwo">
  192.                   <div style="margin: 12px 0 6px; height: 220px;">
  193.                     <ul class="list-unstyled d-block p-0 float-left">
  194.                       <li style="float: left;padding: 5px;">
  195.                         <a href=""> <img title="" alt="" src="https://i.imgur.com/zn3ZB6P.png"
  196.                           style="border-radius: 4px;width: 100%;height: auto; max-width: 100px; max-height: 100px; background: rgba(0, 0, 0, 0.15)">                          </a>
  197.                       </li>
  198.                       <li style="float: left;padding: 5px;">
  199.                         <a href=""> <img title="" alt="" src="https://i.imgur.com/1nmjJGZ.png"
  200.                           style="border-radius: 4px;width: 100%;height: auto; max-width: 100px; max-height: 100px; background: rgba(0, 0, 0, 0.15)">                          </a>
  201.                       </li>
  202.                       <li style="float: left;padding: 5px;">
  203.                         <a href=""> <img title="" alt="" src="https://i.imgur.com/zn3ZB6P.png"
  204.                           style="border-radius: 4px;width: 100%;height: auto; max-width: 100px; max-height: 100px; background: rgba(0, 0, 0, 0.15)">                          </a>
  205.                       </li>
  206.                       <li style="float: left;padding: 5px;">
  207.                         <a href=""> <img title="" alt="" src="https://i.imgur.com/1nmjJGZ.png"
  208.                           style="border-radius: 4px;width: 100%;height: auto; max-width: 100px; max-height: 100px; background: rgba(0, 0, 0, 0.15)">                          </a>
  209.                       </li>
  210.                       <li style="float: left;padding: 5px;">
  211.                         <a href=""> <img title="" alt="" src="https://i.imgur.com/1nmjJGZ.png"
  212.                           style="border-radius: 4px;width: 100%;height: auto; max-width: 100px; max-height: 100px; background: rgba(0, 0, 0, 0.15)">                          </a>
  213.                       </li>
  214.                     </ul>
  215.                   </div>
  216.                 </div>
  217.               </div>
  218.  
  219.               <ul class="nav justify-content-center" style="position: absolute; z-index: 99; width: calc(100% - 44px); bottom: 15px;">
  220.                 <li class="nav-item">
  221.                   <a class="nav-link active show p-0" data-toggle="tab" href="#CurrWearingPageOne">
  222.                     <span class="far fa-circle fa-1x"></span></a>
  223.                 </li>
  224.                 <li style="width: 18px; display: block;">
  225.                 </li>
  226.                 <li class="nav-item">
  227.                   <a class="nav-link p-0" data-toggle="tab" href="#CurrWearingPageTwo">
  228.                     <span class="far fa-circle fa-1x"></span></a>
  229.                 </li>
  230.               </ul>
  231.  
  232.  
  233.             </div>
  234.           </div>
  235.         </div>
  236.       </div>
  237.  
  238.       <!-- "FRIENDS" section -->
  239.       <div>
  240.         <h3 style="font-size: 20px; font-weight: 700" class="pb-2">Friends (72)</h3>
  241.         <div class="d-flex flex-wrap justify-content-center" style="">
  242.           <div class="d-flex" style="position:relative; width:970px; overflow-x: auto;">
  243.             <!-- unordered list -->
  244.             <div class="d-inline-block" style="position:relative; height: 148px; padding: 0 8.8888px; width: 107.77777px">
  245.               <a href="" class="m-auto d-block" style="width: 90px;">
  246.                 <img src="https://i.imgur.com/zn3ZB6P.png" style="width: 90px; height: 90px; background: rgba(0, 0, 0, 0.15)"
  247.                 class="rounded-circle">
  248.                 <span class="d-block text-center" style="font-size: 12px; font-weight: 500; margin: 3px 0 0;">
  249.                             USERNAME 1
  250.                         </span>
  251.                 <div class="text-center" style="font-size: 10px; font-weight: 500; line-height: 14px;">
  252.                   SUBTITLE 1
  253.                 </div>
  254.  
  255.                 <!-- blue status -->
  256.                 <span style="background-position: 0 -56px;position: absolute; right:8px; top: 64px; z-index: 5;
  257.       background-image: url(https://images.rbxcdn.com/0825a5ee0156a0c2a2becccd5d563a01-friendsstatus.svg);
  258.       background-repeat: no-repeat; background-size: 100% auto; width: 28px; height: 28px;
  259.       display: inline-block; vertical-align: middle;"></span>
  260.               </a>
  261.             </div>
  262.  
  263.             <div class="d-inline-block" style="position:relative; height: 148px; padding: 0 8.8888px; width: 107.77777px">
  264.               <a href="" class="m-auto d-block" style="width: 90px;">
  265.                 <img src="https://i.imgur.com/1nmjJGZ.png" style="width: 90px; height: 90px; background: rgba(0, 0, 0, 0.15)"
  266.                 class="rounded-circle">
  267.                 <span class="d-block text-center" style="font-size: 12px; font-weight: 500; margin: 3px 0 0;">
  268.                             USERNAME 2
  269.                         </span>
  270.                 <div class="text-center" style="font-size: 10px; font-weight: 500; line-height: 14px;">
  271.                   SUBTITLE 2
  272.                 </div>
  273.  
  274.                 <!-- yellow status -->
  275.                 <span style="background-position: 0 -28px;position: absolute; right:8px; top: 64px; z-index: 5;
  276.       background-image: url(https://images.rbxcdn.com/0825a5ee0156a0c2a2becccd5d563a01-friendsstatus.svg);
  277.       background-repeat: no-repeat; background-size: 100% auto; width: 28px; height: 28px;
  278.       display: inline-block; vertical-align: middle;"></span>
  279.               </a>
  280.             </div>
  281.  
  282.             <div class="d-inline-block" style="position:relative; height: 148px; padding: 0 8.8888px; width: 107.77777px">
  283.               <a href="" class="m-auto d-block" style="width: 90px;">
  284.                 <img src="https://i.imgur.com/zn3ZB6P.png" style="width: 90px; height: 90px; background: rgba(0, 0, 0, 0.15)"
  285.                 class="rounded-circle">
  286.                 <span class="d-block text-center" style="font-size: 12px; font-weight: 500; margin: 3px 0 0;">
  287.                             USERNAME 3
  288.                         </span>
  289.                 <div class="text-center" style="font-size: 10px; font-weight: 500; line-height: 14px;">
  290.                   SUBTITLE 3
  291.                 </div>
  292.  
  293.                 <!-- green status -->
  294.                 <span style="background-position: 0 -0px;position: absolute; right:8px; top: 64px; z-index: 5;
  295.       background-image: url(https://images.rbxcdn.com/0825a5ee0156a0c2a2becccd5d563a01-friendsstatus.svg);
  296.       background-repeat: no-repeat; background-size: 100% auto; width: 28px; height: 28px;
  297.       display: inline-block; vertical-align: middle;"></span>
  298.               </a>
  299.             </div>
  300.  
  301.             <div class="d-inline-block" style="position:relative; height: 148px; padding: 0 8.8888px; width: 107.77777px">
  302.               <a href="" class="m-auto d-block" style="width: 90px;">
  303.                 <img src="https://i.imgur.com/1nmjJGZ.png" style="width: 90px; height: 90px; background: rgba(0, 0, 0, 0.15)"
  304.                 class="rounded-circle">
  305.                 <span class="d-block text-center" style="font-size: 12px; font-weight: 500; margin: 3px 0 0;">
  306.                             USERNAME 4
  307.                         </span>
  308.                 <div class="text-center" style="font-size: 10px; font-weight: 500; line-height: 14px;">
  309.                   SUBTITLE 4
  310.                 </div>
  311.               </a>
  312.             </div>
  313.  
  314.             <div class="d-inline-block" style="position:relative; height: 148px; padding: 0 8.8888px; width: 107.77777px">
  315.               <a href="" class="m-auto d-block" style="width: 90px;">
  316.                 <img src="https://i.imgur.com/zn3ZB6P.png" style="width: 90px; height: 90px; background: rgba(0, 0, 0, 0.15)"
  317.                 class="rounded-circle">
  318.                 <span class="d-block text-center" style="font-size: 12px; font-weight: 500; margin: 3px 0 0;">
  319.                             USERNAME 5
  320.                         </span>
  321.                 <div class="text-center" style="font-size: 10px; font-weight: 500; line-height: 14px;">
  322.                   SUBTITLE 5
  323.                 </div>
  324.               </a>
  325.             </div>
  326.  
  327.             <div class="d-inline-block" style="position:relative; height: 148px; padding: 0 8.8888px; width: 107.77777px">
  328.               <a href="" class="m-auto d-block" style="width: 90px;">
  329.                 <img src="https://i.imgur.com/1nmjJGZ.png" style="width: 90px; height: 90px; background: rgba(0, 0, 0, 0.15)"
  330.                 class="rounded-circle">
  331.                 <span class="d-block text-center" style="font-size: 12px; font-weight: 500; margin: 3px 0 0;">
  332.                             USERNAME 6
  333.                         </span>
  334.                 <div class="text-center" style="font-size: 10px; font-weight: 500; line-height: 14px;">
  335.                   SUBTITLE 6
  336.                 </div>
  337.               </a>
  338.             </div>
  339.  
  340.             <div class="d-inline-block" style="position:relative; height: 148px; padding: 0 8.8888px; width: 107.77777px">
  341.               <a href="" class="m-auto d-block" style="width: 90px;">
  342.                 <img src="https://i.imgur.com/zn3ZB6P.png" style="width: 90px; height: 90px; background: rgba(0, 0, 0, 0.15)"
  343.                 class="rounded-circle">
  344.                 <span class="d-block text-center" style="font-size: 12px; font-weight: 500; margin: 3px 0 0;">
  345.                             USERNAME 7
  346.                         </span>
  347.                 <div class="text-center" style="font-size: 10px; font-weight: 500; line-height: 14px;">
  348.                   SUBTITLE 7
  349.                 </div>
  350.               </a>
  351.             </div>
  352.  
  353.             <div class="d-inline-block" style="position:relative; height: 148px; padding: 0 8.8888px; width: 107.77777px">
  354.               <a href="" class="m-auto d-block" style="width: 90px;">
  355.                 <img src="https://i.imgur.com/1nmjJGZ.png" style="width: 90px; height: 90px; background: rgba(0, 0, 0, 0.15)"
  356.                 class="rounded-circle">
  357.                 <span class="d-block text-center" style="font-size: 12px; font-weight: 500; margin: 3px 0 0;">
  358.                             USERNAME 8
  359.                         </span>
  360.                 <div class="text-center" style="font-size: 10px; font-weight: 500; line-height: 14px;">
  361.                   SUBTITLE 8
  362.                 </div>
  363.               </a>
  364.             </div>
  365.  
  366.             <div class="d-inline-block" style="position:relative; height: 148px; padding: 0 8.8888px; width: 107.77777px">
  367.               <a href="" class="m-auto d-block" style="width: 90px;">
  368.                 <img src="https://i.imgur.com/zn3ZB6P.png" style="width: 90px; height: 90px; background: rgba(0, 0, 0, 0.15)"
  369.                 class="rounded-circle">
  370.                 <span class="d-block text-center" style="font-size: 12px; font-weight: 500; margin: 3px 0 0;">
  371.                             USERNAME 9
  372.                         </span>
  373.                 <div class="text-center" style="font-size: 10px; font-weight: 500; line-height: 14px;">
  374.                   SUBTITLE 9
  375.                 </div>
  376.               </a>
  377.             </div>
  378.  
  379.           </div>
  380.         </div>
  381.       </div>
  382.       
  383.       <div class="d-flex justify-content-between">
  384.         <h3 style="font-size: 20px; font-weight: 700" class="pb-2">Groups</h3>
  385.  
  386.         <ul class="nav nav-pills float-right" id="myTab" role="tablist">
  387.           <li class="nav-item">
  388.             <a class="nav-link btn btn-outline-primary active" id="GroupCarousel-tab"
  389.             data-toggle="tab" href="#GroupCarousel" role="tab" aria-controls="GroupCarousel"
  390.             aria-selected="true" style="line-height: 20px; padding: 1px 20px; display: inline-block;">
  391.               <span style="background-image: url(https://images.rbxcdn.com/c37a5314ba360c995451518527cf293c-generic_light.svg); 
  392.                           background-position: -20px -760px; display: inline-block; background-size: 40px auto; width: 20px; height: 20px;
  393.                           vertical-align: middle;"></span>
  394.             </a>
  395.           </li>
  396.           
  397.           <li class="nav-item">
  398.             <a class="nav-link btn btn-outline-primary" id="GroupGrid-tab"
  399.             data-toggle="tab" href="#GroupGrid" role="tab" aria-controls="GroupGrid"
  400.             aria-selected="true" style="line-height: 20px; padding: 1px 20px; display: inline-block;">
  401.               <span style="background-image: url(https://images.rbxcdn.com/c37a5314ba360c995451518527cf293c-generic_light.svg); 
  402.                           background-position: 0 -740px; display: inline-block; background-size: 40px auto; width: 20px; height: 20px;
  403.                           vertical-align: middle;"></span>
  404.             </a>
  405.           </li>
  406.         </ul>
  407.       </div>
  408.  
  409.  
  410. <div class="tab-content">
  411.   <div class="tab-pane active" id="GroupCarousel" role="tabpanel" aria-labelledby="GroupCarousel-tab">
  412.  
  413.     <div id="groupControls" class="carousel carousel-fade slide"
  414.     data-ride="carousel">
  415.       <div class="carousel-inner">
  416.  
  417.         <div class="carousel-item active">
  418.           <div class="row no-gutters" style="min-height: 300px;">
  419.             <div class="col-6" style="background: rgba(0, 0, 0, 0.1); text-align: center; padding: 30px 0;">
  420.               <a href="">
  421.                 <img src="https://i.imgur.com/zn3ZB6P.png" style="height: 240px; width: 240px; border-radius: 9px; background: rgba(0, 0, 0, 0.15);">
  422.                 <!-- GROUP THUMBNAIL -->
  423.               </a>
  424.             </div>
  425.  
  426.             <div class="col-6 bg-faded" style="padding: 20px 30px;">
  427.               <h2 style="font-size: 32px; font-weight: 800; text-overflow: ellipsis; white-space:nowrap; overflow: hidden;">
  428.                 GROUP NAME 1 
  429.               </h2>
  430.               <div class="card card-outline-secondary border-bottom-0 border-left-0 border-right-0 rounded-0 pb-2">
  431.               </div>
  432.               <div style="height: 100px; line-height: 24px; overflow: hidden;" class="text-muted">
  433.                 LMad simulator runner OOF RAP, ##### adidas morph magic adidas vip RAP,
  434.                 gravity coil yolo guest. Tee vee pl0x vip valkyrie, gravity
  435.                 coil builderman admin group CFrame builder's club rthro.
  436.                 Tycoon runner paintball monster mash valkyrie, UGC simulator
  437.                 builder's club ODer. ##### Flamingo monster mash, runner
  438.                 obby im reporting library runner. OOF lag LMad bacon hair,
  439.                 /e free tee vee #####
  440.               </div>
  441.               <div class="row" style="position: absolute; width: calc(100% - 60px); bottom: 36px;">
  442.                 <div class="col">
  443.                   <span class="text-muted">Members</span>
  444.                   <br> 1
  445.                 </div>
  446.                 <div class="col">
  447.                   <span class="text-muted">Rank</span>
  448.                   <br> Owner
  449.                 </div>
  450.               </div>
  451.             </div>
  452.           </div>
  453.         </div>
  454.         <div class="carousel-item">
  455.           <div class="row no-gutters" style="min-height: 300px;">
  456.             <div class="col-6" style="background: rgba(0, 0, 0, 0.1); text-align: center; padding: 30px 0;">
  457.               <a href="">
  458.                 <img src="https://i.imgur.com/1nmjJGZ.png" style="height: 240px; width: 240px; border-radius: 9px; background: rgba(0, 0, 0, 0.15);">
  459.                 <!-- GROUP THUMBNAIL -->
  460.               </a>
  461.             </div>
  462.  
  463.             <div class="col-6 bg-faded" style="padding: 20px 30px;">
  464.               <h2 style="font-size: 32px; font-weight: 800; text-overflow: ellipsis; white-space:nowrap; overflow: hidden;">
  465.                 GROUP NAME 2 
  466.               </h2>
  467.               <div class="card card-outline-secondary border-bottom-0 border-left-0 border-right-0 rounded-0 pb-2">
  468.               </div>
  469.               <div style="height: 100px; line-height: 24px; overflow: hidden;" class="text-muted">
  470.                 Telamon dominus swag Flamingo monster mash builder's club, lua simulator
  471.                 paintball paintball. Adopt Me Loomian Legacy lua tee vee
  472.                 vip builder's club. Admin filteringenabled dominus doge
  473.                 library gravity coil, bloxy cola robloxian bloxy cola builder's
  474.                 club robloxian UGC. /E dance gear free robux, lootbox bacon
  475.                 hair easter egg rthro. CFrame scripting LMad limited yolo,
  476.                 obby valkyrie advertisement shedletsky. Accessory RAP #######
  477.                 valkyrie obby im reporting, ODer library robloxian bloxy
  478.                 cola shedletsky, robloxian guest ##### rthro ODer pl0x
  479.                 ######
  480.               </div>
  481.               <div class="row" style="position: absolute; width: calc(100% - 60px); bottom: 36px;">
  482.                 <div class="col">
  483.                   <span class="text-muted">Members</span>
  484.                   <br> 65
  485.                 </div>
  486.                 <div class="col">
  487.                   <span class="text-muted">Rank</span>
  488.                   <br> New User
  489.                 </div>
  490.               </div>
  491.             </div>
  492.           </div>
  493.         </div>
  494.  
  495.       </div>
  496.  
  497.       <a class="carousel-control-prev" href="#groupControls" role="button"
  498.       data-slide="prev">
  499.         <span class="carousel-control-prev-icon" style="filter: invert(100%)" aria-hidden="true"></span>
  500.         <span class="sr-only">Previous</span>
  501.       </a>
  502.       <a class="carousel-control-next" href="#groupControls" role="button"
  503.       data-slide="next">
  504.         <span class="carousel-control-next-icon" style="filter: invert(100%)" aria-hidden="true"></span>
  505.         <span class="sr-only">Next</span>
  506.       </a>
  507.     </div>
  508.  
  509.     <div class="card border-0 rounded-0 mb-4">
  510.     </div>
  511.   </div>
  512.  
  513.   <div class="tab-pane" id="GroupGrid" role="tabpanel" aria-labelledby="GroupGrid-tab">
  514.     <div class="row m-0 d-flex">
  515.  
  516.       <div class="" style="padding: 0 14px 0 0; display: inline-block; height: 240px; float: none;">
  517.         <a href="">
  518.           <img src="https://i.imgur.com/zn3ZB6P.png" style="width: 150px; height: 150px; border-radius: 8px; background: rgba(0, 0, 0, 0.15);">
  519.           <!-- GROUP THUMBNAIL -->
  520.         </a>
  521.  
  522.         <div style="font-weight: 500; margin: 6px 0 4px 0; text-overflow: ellipsis; overflow: hidden; max-height: 44px; max-width: 150px;">
  523.           GROUP NAME 1
  524.         </div>
  525.         <div style="">
  526.           <span style="padding: 0 12px 0 0; line-height: 18px; font-weight: 500; font-size: 16px;"
  527.           class="text-muted">
  528.             1 Member
  529.           </span>
  530.                   <br>
  531.           <span style="padding: 0 12px 0 0; line-height: 18px; font-weight: 500; font-size: 16px;"
  532.           class="text-muted">
  533.             Owner
  534.           </span>
  535.         </div>
  536.       </div>
  537.       <div class="" style="padding: 0 14px 0 0; display: inline-block; height: 240px; float: none;">
  538.         <a href="">
  539.           <img src="https://i.imgur.com/1nmjJGZ.png" style="width: 150px; height: 150px; border-radius: 8px; background: rgba(0, 0, 0, 0.15);">
  540.           <!-- PLACE THUMBNAIL -->
  541.         </a>
  542.  
  543.         <div style="font-weight: 500; margin: 6px 0 4px 0; text-overflow: ellipsis; overflow: hidden; max-height: 44px; max-width: 150px;">
  544.           GROUP NAME 2
  545.         </div>
  546.         <div style="">
  547.           <span style="padding: 0 6px; line-height: 18px; font-weight: 500; font-size: 16px;"
  548.           class="text-muted">
  549.             65 Members
  550.           </span>
  551.                   <br>
  552.           <span style="padding: 0 6px; line-height: 18px; font-weight: 500; font-size: 16px;"
  553.           class="text-muted">
  554.             New User
  555.           </span>
  556.         </div>
  557.       </div>
  558.  
  559.     </div>
  560.   </div>
  561. </div>
  562.       
  563.     </div>
  564.  
  565.  
  566.     <!-- CREATIONS TAB -->
  567.     <div class="tab-pane fade" id="creations" role="tabpanel" aria-labelledby="creations-tab">
  568.       <!-- DO NOT DELETE -->
  569.       <div class="row" style="max-width: 970px; height: 4px; margin: -4px auto 1em auto">
  570.         <div class="col-6"> </div>
  571.         <div class="col-6 bg-secondary"> </div>
  572.       </div>
  573.       <!-- DO NOT DELETE -->
  574.  
  575.       <!-- GAMES SECTION -->
  576.       <div class="d-flex justify-content-between">
  577.         <h3 style="font-size: 20px; font-weight: 700" class="pb-2">Games</h3>
  578.  
  579.         <ul class="nav nav-pills float-right" id="myTab" role="tablist">
  580.           <li class="nav-item">
  581.             <a class="nav-link btn btn-outline-primary active" id="GameCarousel-tab"
  582.             data-toggle="tab" href="#GameCarousel" role="tab" aria-controls="GameCarousel"
  583.             aria-selected="true" style="line-height: 20px; padding: 1px 20px; display: inline-block;">
  584.               <span style="background-image: url(https://images.rbxcdn.com/c37a5314ba360c995451518527cf293c-generic_light.svg); 
  585.                           background-position: -20px -760px; display: inline-block; background-size: 40px auto; width: 20px; height: 20px;
  586.                           vertical-align: middle;"></span>
  587.             </a>
  588.           </li>
  589.           
  590.           <li class="nav-item">
  591.             <a class="nav-link btn btn-outline-primary" id="GameGrid-tab"
  592.             data-toggle="tab" href="#GameGrid" role="tab" aria-controls="GameGrid"
  593.             aria-selected="true" style="line-height: 20px; padding: 1px 20px; display: inline-block;">
  594.               <span style="background-image: url(https://images.rbxcdn.com/c37a5314ba360c995451518527cf293c-generic_light.svg); 
  595.                           background-position: 0px -740px; display: inline-block; background-size: 40px auto; width: 20px; height: 20px;
  596.                           vertical-align: middle;"></span>
  597.             </a>
  598.           </li>
  599.         </ul>
  600.       </div>
  601.  
  602.  
  603.       <div class="tab-content">
  604.         <div class="tab-pane active" id="GameCarousel" role="tabpanel" aria-labelledby="GameCarousel-tab">
  605.  
  606.           <div id="gameControls" class="carousel carousel-fade slide"
  607.           data-ride="carousel">
  608.             <div class="carousel-inner">
  609.  
  610.               <div class="carousel-item active">
  611.                 <div class="row no-gutters" style="min-height: 300px;">
  612.                   <div class="col-6" style="background: rgba(0, 0, 0, 0.1); text-align: center; padding: 30px 0;">
  613.                     <a href="">
  614.                       <img src="https://t3.rbxcdn.com/711ac8fda32d21987d1aeb65aff103cb" style="height: 240px; width: 240px; border-radius: 9px;">
  615.                       <!-- PLACE THUMBNAIL -->
  616.                     </a>
  617.                   </div>
  618.  
  619.                   <div class="col-6 bg-faded" style="padding: 20px 30px;">
  620.                     <h2 style="font-size: 32px; font-weight: 800; text-overflow: ellipsis; white-space:nowrap; overflow: hidden;">
  621.                         USERNAME's Place Number: 1 
  622.                     </h2>
  623.                     <div class="card card-outline-secondary border-bottom-0 border-left-0 border-right-0 rounded-0 pb-2">
  624.                     </div>
  625.                     <div style="height: 100px; line-height: 24px; overflow: hidden;" class="text-muted">
  626.                       LMad simulator runner OOF RAP, ##### adidas morph magic adidas vip RAP,
  627.                       gravity coil yolo guest. Tee vee pl0x vip valkyrie,
  628.                       gravity coil builderman admin group CFrame builder's
  629.                       club rthro. Tycoon runner paintball monster mash
  630.                       valkyrie, UGC simulator builder's club ODer. #####
  631.                       Flamingo monster mash, runner obby im reporting library
  632.                       runner. OOF lag LMad bacon hair, /e free tee vee
  633.                       #####
  634.                     </div>
  635.                     <div class="row" style="position: absolute; width: calc(100% - 60px); bottom: 36px;">
  636.                       <div class="col">
  637.                         <span class="text-muted">Playing</span>
  638.                         <br> 0
  639.                       </div>
  640.                       <div class="col">
  641.                         <span class="text-muted">Visits</span>
  642.                         <br> 0
  643.                       </div>
  644.                     </div>
  645.                   </div>
  646.                 </div>
  647.               </div>
  648.               <div class="carousel-item">
  649.                 <div class="row no-gutters" style="min-height: 300px;">
  650.                   <div class="col-6" style="background: rgba(0, 0, 0, 0.1); text-align: center; padding: 30px 0;">
  651.                     <a href="">
  652.                       <img src="https://t0.rbxcdn.com/928ee7d840ba4547aaacc8e33cde4e05" style="height: 240px; width: 240px; border-radius: 9px;">
  653.                       <!-- PLACE THUMBNAIL -->
  654.                     </a>
  655.                   </div>
  656.  
  657.                   <div class="col-6 bg-faded" style="padding: 20px 30px;">
  658.                     <h2 style="font-size: 32px; font-weight: 800; text-overflow: ellipsis; white-space:nowrap; overflow: hidden;">
  659.                         USERNAME's Place Number: 2 
  660.                     </h2>
  661.                     <div class="card card-outline-secondary border-bottom-0 border-left-0 border-right-0 rounded-0 pb-2">
  662.                     </div>
  663.                     <div style="height: 100px; line-height: 24px; overflow: hidden;" class="text-muted">
  664.                       Telamon dominus swag Flamingo monster mash builder's club, lua simulator
  665.                       paintball paintball. Adopt Me Loomian Legacy lua
  666.                       tee vee vip builder's club. Admin filteringenabled
  667.                       dominus doge library gravity coil, bloxy cola robloxian
  668.                       bloxy cola builder's club robloxian UGC. /E dance
  669.                       gear free robux, lootbox bacon hair easter egg rthro.
  670.                       CFrame scripting LMad limited yolo, obby valkyrie
  671.                       advertisement shedletsky. Accessory RAP ####### valkyrie
  672.                       obby im reporting, ODer library robloxian bloxy cola
  673.                       shedletsky, robloxian guest ##### rthro ODer pl0x
  674.                       ######
  675.                     </div>
  676.                     <div class="row" style="position: absolute; width: calc(100% - 60px); bottom: 36px;">
  677.                       <div class="col">
  678.                         <span class="text-muted">Playing</span>
  679.                         <br> 0
  680.                       </div>
  681.                       <div class="col">
  682.                         <span class="text-muted">Visits</span>
  683.                         <br> 0
  684.                       </div>
  685.                     </div>
  686.                   </div>
  687.                 </div>
  688.               </div>
  689.  
  690.             </div>
  691.  
  692.             <a class="carousel-control-prev" href="#gameControls" role="button"
  693.             data-slide="prev">
  694.               <span class="carousel-control-prev-icon" style="filter: invert(100%)" aria-hidden="true"></span>
  695.               <span class="sr-only">Previous</span>
  696.             </a>
  697.             <a class="carousel-control-next" href="#gameControls" role="button"
  698.             data-slide="next">
  699.               <span class="carousel-control-next-icon" style="filter: invert(100%)" aria-hidden="true"></span>
  700.               <span class="sr-only">Next</span>
  701.             </a>
  702.           </div>
  703.  
  704.           <div class="card border-0 rounded-0 mb-4">
  705.           </div>
  706.         </div>
  707.  
  708.         <div class="tab-pane" id="GameGrid" role="tabpanel" aria-labelledby="GameGrid-tab">
  709.           <div class="row m-0 d-flex">
  710.  
  711.             <div class="" style="padding: 0 14px 0 0; display: inline-block; height: 240px; float: none;">
  712.               <a href="">
  713.                 <img src="https://t3.rbxcdn.com/711ac8fda32d21987d1aeb65aff103cb" style="width: 150px; height: 150px; border-radius: 8px;">
  714.                 <!-- PLACE THUMBNAIL -->
  715.               </a>
  716.  
  717.               <div style="font-weight: 500; margin: 6px 0 4px 0; text-overflow: ellipsis; overflow: hidden; max-height: 44px; max-width: 150px;">
  718.                 USERNAME's Place Number: 1
  719.               </div>
  720.               <div style="">
  721.                 <span style="background-image: url(https://images.rbxcdn.com/994d61715b1d8899f7c7abe114ec452a-common_sm_light_12032018.svg); background-position: 0 -32px; background-size: 32px auto; height: 16px; width: 16px; display: inline-block; vertical-align: middle;"></span>
  722.                 <span style="padding: 0 12px 0 0; line-height: 18px; font-weight: 500; font-size: 12px;"
  723.                 class="text-muted">
  724.                             100%
  725.                         </span>
  726.  
  727.                 <span style="background-image: url(https://images.rbxcdn.com/994d61715b1d8899f7c7abe114ec452a-common_sm_light_12032018.svg); background-position: 0 -48px; background-size: 32px auto; height: 16px; width: 16px; display: inline-block; vertical-align: middle;"></span>
  728.                 <span style="padding: 0 12px 0 0; line-height: 18px; font-weight: 500; font-size: 12px;"
  729.                 class="text-muted">
  730.                             0
  731.                         </span>
  732.               </div>
  733.             </div>
  734.             <div class="" style="padding: 0 14px 0 0; display: inline-block; height: 240px; float: none;">
  735.               <a href="">
  736.                 <img src="https://t0.rbxcdn.com/928ee7d840ba4547aaacc8e33cde4e05" style="width: 150px; height: 150px; border-radius: 8px;">
  737.                 <!-- PLACE THUMBNAIL -->
  738.               </a>
  739.  
  740.               <div style="font-weight: 500; margin: 6px 0 4px 0; text-overflow: ellipsis; overflow: hidden; max-height: 44px; max-width: 150px;">
  741.                 USERNAME's Place Number: 2
  742.               </div>
  743.               <div style="">
  744.                 <span style="background-image: url(https://images.rbxcdn.com/994d61715b1d8899f7c7abe114ec452a-common_sm_light_12032018.svg); background-position: 0 -32px; background-size: 32px auto; height: 16px; width: 16px; display: inline-block; vertical-align: middle;"></span>
  745.                 <span style="padding: 0 12px 0 0; line-height: 18px; font-weight: 500; font-size: 12px;"
  746.                 class="text-muted">
  747.                             100%
  748.                         </span>
  749.  
  750.                 <span style="background-image: url(https://images.rbxcdn.com/994d61715b1d8899f7c7abe114ec452a-common_sm_light_12032018.svg); background-position: 0 -48px; background-size: 32px auto; height: 16px; width: 16px; display: inline-block; vertical-align: middle;"></span>
  751.                 <span style="padding: 0 12px 0 0; line-height: 18px; font-weight: 500; font-size: 12px;"
  752.                 class="text-muted">
  753.                             0
  754.                         </span>
  755.               </div>
  756.             </div>
  757.  
  758.           </div>
  759.         </div>
  760.       </div>
  761.     </div>
  762.   </div>
  763. </div>

Editor

You can edit this paste and save as new:


File Description
  • Idk
  • Paste Code
  • 21 Jan-2022
  • 41.04 Kb
You can Share it: