Possibbly

featured chars fix

Feb 20th, 2025
73
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 2.64 KB | None | 0 0
  1. <div class="container bg-dark" style="max-width:700px; padding-top:30px; padding-bottom:30px; border-radius:30px;">
  2.   
  3.  
  4. <div style="position:absolute;top:0; height:100%;width:700px; 
  5.  
  6.     background-image: url(IMG_URL); 
  7.     
  8.     background-size:cover; background-position:right; background-repeat:no-repeat;"></div>
  9.  
  10.  
  11.  
  12.  
  13. <div class="container">
  14.                 <div class="card border-0 text-center col-lg-3 col-md-sm-4 mx-auto" style="font-weight:700;font-variant:small-caps;">
  15.                 
  16.                 <h2 style="font-weight:900" class="pt-1">Featured</h2>
  17.                 
  18.             </div>
  19.     
  20.     <div class="row no-gutter justify-content-center">
  21.         
  22.         
  23.         <div class="mx-3 mt-3">
  24.             <div style="background-image: url(IMG_URL); 
  25.       background-size: cover; background-position: top; background-repeat: no-repeat; width:150px;min-height: 150px;border-radius:100px;">
  26.       </div>
  27.             
  28.             <div class="card border-0 mt-3 text-center" style="font-weight:700;font-variant:small-caps;">
  29.                 
  30.                 <a href="LINK" class="text-info">Name</a>
  31.                 
  32.             </div>
  33.         </div>
  34.         
  35.         <div class="mx-3 mt-3">
  36.             <div style="background-image: url(IMG_URL); 
  37.       background-size: cover; background-position: center 0; background-repeat: no-repeat; width:150px;min-height: 150px;border-radius:100px;">
  38.       </div>
  39.             <div class="card border-0 mt-3 text-center" style="font-weight:700;font-variant:small-caps;">
  40.                 
  41.                 <a href="LINK" class="text-info">Name</a>
  42.                 
  43.             </div>
  44.         </div>
  45.         
  46.         <div class="mx-3 mt-3">
  47.             <div style="background-image: url(IMG_URL); 
  48.       background-size: cover; background-position: center 0; background-repeat: no-repeat; width:150px;min-height: 150px;border-radius:100px;">
  49.       </div>
  50.             <div class="card border-0 mt-3 text-center" style="font-weight:700;font-variant:small-caps;">
  51.                 
  52.                 <a href="LINK" class="text-info">Name</a>
  53.                 
  54.             </div>
  55.         </div>
  56.         
  57.         
  58.         
  59.     </div>
  60.    
  61.    
  62.    
  63.     
  64.     
  65. </div>
  66.  
  67.  
  68. </div>
  69.  
  70. <div class="container col-4 pull-right">
  71.     <a href="https://toyhou.se/Strixxus"><i class="fa fa-code"></i></a>
  72. </div>
Add Comment
Please, Sign In to add comment