API tools faq
paste
Advertisement
tera-toma

Stuck at Home (TROLL)

tera-toma
Oct 18th, 2019
1,399
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 14.23 KB | None | 0 0
raw download clone embed print report
  1. <div class="container p-0">
  2.   <div class="row no-gutters">
  3.    
  4.     <div class="col-lg-3 col-sm-12 p-1 d-flex">
  5.       <div class="card w-100 rounded-0 bg-faded p-3">
  6.        
  7.         <div id="carousel2" class="carousel slide mx-auto p-1" data-ride="carousel" style="height:243px;width:243px;">
  8.           <div class="carousel-inner">
  9.             <div class="carousel-item active">
  10.               <div style="background-image:url(URL);height:243px;background-position:center;background-size:contain;background-repeat:no-repeat;"></div>
  11.             </div>
  12.             <div class="carousel-item">
  13.               <div style="background-image:url(URL);height:243px;background-position:center;background-size:contain;background-repeat:no-repeat;"></div>
  14.             </div>
  15.             <div class="carousel-item">
  16.               <div style="background-image:url(URL);height:243px;background-position:center;background-size:contain;background-repeat:no-repeat;"></div>
  17.             </div>
  18.           </div>
  19.          
  20.             <a class="carousel-control-prev" href="#carousel2" role="button" data-slide="prev">
  21.              <span class="carousel-control-prev-icon" aria-hidden="true"></span>
  22.               <span class="sr-only">Previous</span>
  23.            </a>
  24.            <a class="carousel-control-next" href="#carousel2" role="button" data-slide="next">
  25.               <span class="carousel-control-next-icon" aria-hidden="true"></span>
  26.              <span class="sr-only">Next</span>
  27.             </a>
  28.         </div>
  29.        
  30.         <div class="card w-100 rounded-0 card-faded my-3">
  31.         <h2 class="text-uppercase text-center p-3 mb-0" style="letter-spacing:5px;font-size:1rem;">
  32.             DETAIL
  33.         </h2>
  34.         </div>
  35.        
  36.         <div class="d-flex justify-content-between mx-3 mb-2" style="letter-spacing:1px;font-size:.75rem;">
  37.           <b class="text-uppercase">sigil</b> content
  38.         </div>
  39.         <div class="d-flex justify-content-between mx-3 mb-2" style="letter-spacing:1px;font-size:.75rem;">
  40.           <b class="text-uppercase">bldcaste</b> content
  41.         </div>
  42.         <div class="d-flex justify-content-between mx-3 mb-2" style="letter-spacing:1px;font-size:.75rem;">
  43.           <b class="text-uppercase">bldclr</b> <span style="color:#BLOODHEX;">name #content</span>
  44.         </div>
  45.         <div class="d-flex justify-content-between mx-3" style="letter-spacing:1px;font-size:.75rem;">
  46.           <b class="text-uppercase">work</b> content
  47.         </div>
  48.        
  49.         <div><hr class="m-0 my-3" style="border-faded;border-width:1px 0 0;"></div>
  50.        
  51.         <div class="d-flex justify-content-between mx-3 mb-2" style="letter-spacing:1px;font-size:.75rem;">
  52.           <b class="text-uppercase">obtained</b> content
  53.         </div>
  54.         <div class="d-flex justify-content-between mx-3 mb-2" style="letter-spacing:1px;font-size:.75rem;">
  55.           <b class="text-uppercase">ufs/t/o</b> content
  56.         </div>
  57.         <div class="d-flex justify-content-between mx-3 mb-2" style="letter-spacing:1px;font-size:.75rem;">
  58.           <b class="text-uppercase">worth</b> content
  59.         </div>
  60.         <div class="d-flex justify-content-between mx-3" style="letter-spacing:1px;font-size:.75rem;">
  61.           <b class="text-uppercase">designer</b> content
  62.         </div>
  63.        
  64.       </div>
  65.     </div>
  66.      
  67.     <div class="col-lg-9 col-sm-12 p-1 d-flex">
  68.       <div class="card w-100 rounded-0 bg-faded p-3">
  69.         <div class="card w-100 rounded-0 card-faded mb-3">
  70.         <h2 class="text-uppercase text-center p-3 mb-0" style="letter-spacing:5px;font-size:1rem;">
  71.             SYNOPSIS
  72.         </h2>
  73.         </div>
  74.        
  75.         <div class="text-center mb-3" style="letter-spacing:5px;"><em>
  76.           <i class="fal fa-quote-left fa-xs"></i>&nbsp;&nbsp;&nbsp;
  77.                     Quote goes here
  78.           &nbsp;&nbsp;&nbsp;<i class="fal fa-quote-right fa-xs"></i></em></div>
  79.          
  80.         <div><hr class="m-0 mb-3" style="border-faded;border-width:1px 0 0;"></div>
  81.        
  82.         <div class="table-responsive">
  83.           <table class="table table-hover p-0 border-0" style="letter-spacing:1px;font-size:.75rem;">
  84.             <tr class="row">
  85.                 <td class="col-lg-3 col-sm-6 font-weight-bold text-right text-uppercase">Name</td>
  86.                 <td class="col-lg-3 col-sm-6 text-left text-muted">content</td>
  87.                 <td class="col-lg-3 col-sm-6 font-weight-bold text-right text-uppercase">Age</td>
  88.                 <td class="col-lg-3 col-sm-6 text-left text-muted">content</td>
  89.             </tr>
  90.              
  91.             <tr class="row">
  92.                 <td class="col-lg-3 col-sm-6 font-weight-bold text-right text-uppercase">gender</td>
  93.                 <td class="col-lg-3 col-sm-6 text-left text-muted">content</td>
  94.                 <td class="col-lg-3 col-sm-6 font-weight-bold text-right text-uppercase">pronouns</td>
  95.                 <td class="col-lg-3 col-sm-6 text-left text-muted">content</td>
  96.             </tr>
  97.              
  98.             <tr class="row">
  99.                 <td class="col-lg-3 col-sm-6 font-weight-bold text-right text-uppercase">orientation</td>
  100.                 <td class="col-lg-3 col-sm-6 text-left text-muted">content</td>
  101.                 <td class="col-lg-3 col-sm-6 font-weight-bold text-right text-uppercase">screen name</td>
  102.                 <td class="col-lg-3 col-sm-6 text-left text-muted">content</td>
  103.             </tr>
  104.             <tr class="row">
  105.                 <td class="col-lg-3 col-sm-6 font-weight-bold text-right text-uppercase">moon</td>
  106.                 <td class="col-lg-3 col-sm-6 text-left text-muted">content</td>
  107.                 <td class="col-lg-3 col-sm-6 font-weight-bold text-right text-uppercase">classpect</td>
  108.                 <td class="col-lg-3 col-sm-6 text-left text-muted">content</td>
  109.             </tr>
  110.             </table>
  111.         </div>
  112.        
  113.         <div><hr class="m-0 mb-3" style="border-faded;border-width:1px 0 0;"></div>
  114.        
  115.         <div class="table-responsive" style="height:260px;">
  116.           <table class="table table-hover p-0 border-0" style="letter-spacing:1px;font-size:.75rem;">            
  117.             <tr class="row">
  118.                 <td class="col-2 font-weight-bold text-right text-uppercase">typing quirk</td>
  119.                 <td class="col-10 text-justify text-muted"><span style="color:#BLOODHEX;">
  120.                 > Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
  121.                 <br>> Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
  122.                 <br>> Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
  123.                 <br>> Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</span></td>
  124.             </tr>            
  125.  
  126.             <tr class="row">
  127.                 <td class="col-2 font-weight-bold text-right text-uppercase">strife specibus</td>
  128.                 <td class="col-10 text-justify text-muted"><span style="color:#BLOODHEX;"><b>NAME</b></span>
  129.                 <br>Describe your character's strife specibus and fighting style here! Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</td>
  130.             </tr>
  131.            
  132.             <tr class="row">
  133.                 <td class="col-2 font-weight-bold text-right text-uppercase">fetchmodus</td>
  134.                 <td class="col-10 text-justify text-muted"><span style="color:#BLOODHEX;"><b>NAME</b></span>
  135.                 <br>Describe your character's fetchmodus here and how they grab and insert things! How does their deck work? How many cards do they start with? Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</td>
  136.             </tr>
  137.             <tr class="row">
  138.                 <td class="col-2 font-weight-bold text-right text-uppercase">powers</td>
  139.                 <td class="col-10 text-justify text-muted"><span style="color:#BLOODHEX;"><b>NAME</b></span>
  140.                 <br>These may include heightened physical strength, psionic ability, or other buffs that differentiate your troll from others. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
  141.                 <br><br><span style="color:#BLOODHEX;"><b>NAME</b></span>
  142.                 <br>Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</td>
  143.             </tr>
  144.           </table>
  145.         </div>
  146.        
  147.       </div>
  148.     </div>
  149.    
  150.   </div>
  151.    
  152.     <div id="collapse1" class="w-100 panel-collapse collapse">
  153.    
  154.   <div class="row no-gutters">
  155.  
  156.     <div class="col-lg-9 col-sm-12 p-1 d-flex">
  157.       <div class="card w-100 rounded-0 bg-faded p-3">
  158.         <div class="card w-100 rounded-0 card-faded mb-3">
  159.         <h2 class="text-uppercase text-center p-3 mb-0" style="letter-spacing:5px;font-size:1rem;">
  160.             BIOGRAPHY
  161.         </h2>
  162.         </div>
  163.        
  164.         <div class="text-center mb-3" style="letter-spacing:5px;"><em>
  165.           <i class="fal fa-quote-left fa-xs"></i>&nbsp;&nbsp;&nbsp;
  166.                     Quote goes here
  167.           &nbsp;&nbsp;&nbsp;<i class="fal fa-quote-right fa-xs"></i></em></div>
  168.          
  169.         <div><hr class="m-0 mb-3" style="border-faded;border-width:1px 0 0;"></div>
  170.        
  171.         <div class="table-responsive" style="height:460px;">
  172.           <table class="table table-hover p-0 border-0" style="letter-spacing:1px;font-size:.75rem;">            
  173.             <tr class="row">
  174.                 <td class="col-2 font-weight-bold text-right text-uppercase">appearance</td>
  175.                 <td class="col-10 text-justify text-muted">Describe your character's appearance and mannerisms here! Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</td>
  176.             </tr>
  177.            
  178.             <tr class="row">
  179.                 <td class="col-2 font-weight-bold text-right text-uppercase">personality</td>
  180.                 <td class="col-10 text-justify text-muted">Describe your character's personality and attitude here! Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</td>
  181.             </tr>
  182.             <tr class="row">
  183.                 <td class="col-2 font-weight-bold text-right text-uppercase">backstory</td>
  184.                 <td class="col-10 text-justify text-muted">Where did you come from, where did you go? Where did you come from, cotton-eye Joe... Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
  185.                 <br><br><span style="color:#BLOODHEX;"><b>CHAPTER</b></span>
  186.                 <br>Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
  187.                 <br><br><span style="color:#BLOODHEX;"><b>CHAPTER</b></span>
  188.                 <br>Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</td>
  189.             </tr>
  190.           </table>
  191.         </div>
  192.        
  193.       </div>
  194.     </div>
  195.    
  196.     <div class="col-lg-3 col-sm-12 p-1 d-flex">
  197.     <div class="row no-gutters">
  198.     <div class="card w-100 rounded-0 bg-faded p-3 mb-2">
  199.        
  200.         <!-----Try and keep images square! They may disturb the right column height otherwise.---->
  201.         <div style="height:243px;width:243px;background: url(https://via.placeholder.com/243x243) center no-repeat;"></div>
  202.        
  203.         <div class="card w-100 rounded-0 card-faded my-3">
  204.         <h2 class="text-uppercase text-center p-3 mb-0" style="letter-spacing:5px;font-size:1rem;">
  205.             LUSUS
  206.         </h2>
  207.         </div>
  208.        
  209.       <div class="d-flex justify-content-between mx-3 mb-2" style="letter-spacing:1px;font-size:.75rem;">
  210.             <b class="text-uppercase">name</b> content
  211.       </div>
  212.       <div class="d-flex justify-content-between mx-3 mb-2" style="letter-spacing:1px;font-size:.75rem;">
  213.             <b class="text-uppercase">species</b> content
  214.       </div>
  215.       <div class="d-flex justify-content-between mx-3 mb-2" style="letter-spacing:1px;font-size:.75rem;">
  216.             <b class="text-uppercase">bldcaste</b> content
  217.       </div>
  218.       <div class="d-flex justify-content-between mx-3" style="letter-spacing:1px;font-size:.75rem;">
  219.             <b class="text-uppercase">bldclr</b> <span style="color:#BLOODHEX;">name #content</span>
  220.       </div>
  221.        
  222.       </div>
  223.  
  224.         <div class="card w-100 rounded-0 bg-faded p-3">
  225.         <div class="card w-100 card rounded-0 card-faded mb-3">
  226.          
  227.           <h2 class="text-uppercase text-center p-3 mb-0" style="letter-spacing:5px;font-size:1rem;">
  228.             CREDITS
  229.           </h2>
  230.        
  231.         </div>
  232.         <div class="text-muted text-center" style="font-size:.75rem;">
  233.           LAYOUT BY: @teratoma
  234.           <br>
  235.           IMG BY: @source
  236.           <br>
  237.         </div>
  238.         </div>
  239.        
  240.       </div>
  241.     </div>
  242.    
  243.   </div>
  244.  
  245.   <div class="row no-gutters">
  246.    
  247.     <div class="col-lg-4 col-sm-12 p-1 d-flex">
  248.       <div class="card w-100 rounded-0 bg-faded p-3">
  249.        
  250.         <!-----Try and keep images square! They may disturb the right column height otherwise.---->
  251.         <div style="height:338px;width:338px;background: url(https://via.placeholder.com/338x338) center no-repeat;"></div>
  252.        
  253.         <div class="card w-100 rounded-0 card-faded my-3">
  254.         <h2 class="text-uppercase text-center p-3 mb-0" style="letter-spacing:5px;font-size:1rem;">
  255.             ANCESTOR
  256.         </h2>
  257.         </div>
  258.        
  259.         <div class="d-flex justify-content-between mx-3 mb-2" style="letter-spacing:1px;font-size:.75rem;">
  260.           <b class="text-uppercase">sigil</b> content
  261.         </div>
  262.         <div class="d-flex justify-content-between mx-3 mb-2" style="letter-spacing:1px;font-size:.75rem;">
  263.           <b class="text-uppercase">blood caste</b> content
  264.         </div>
  265.         <div class="d-flex justify-content-between mx-3 mb-2" style="letter-spacing:1px;font-size:.75rem;">
  266.           <b class="text-uppercase">blood color</b> <span style="color:#BLOODHEX;">name #content</span>
  267.         </div>
  268.         <div class="d-flex justify-content-between mx-3" style="letter-spacing:1px;font-size:.75rem;">
  269.           <b class="text-uppercase">title</b> content
  270.         </div>
  271.        
  272.       </div>
  273.     </div>
  274.      
  275.     <div class="col-lg-8 col-sm-12 p-1 d-flex">
  276.       <div class="card w-100 rounded-0 bg-faded p-3">
  277.         <div class="card w-100 rounded-0 card-faded mb-3">
  278.         <h2 class="text-uppercase text-center p-3 mb-0" style="letter-spacing:5px;font-size:1rem;">
  279.             EXTRAS
  280.         </h2>
  281.         </div>
  282.        
  283.         <div class="table-responsive" style="height:450px;">
  284.           <table class="table table-hover p-0 border-0" style="letter-spacing:1px;font-size:.75rem;">            
  285.             <tr class="row">
  286.                 <td class="col-2 font-weight-bold text-right text-uppercase">interests</td>
  287.                 <td class="col-10 text-justify text-muted"><span style="color:#BLOODHEX;"><b>NAME</b></span>
  288.                 <br>Here's a cool thing your character LOVES! Why? How do they incorporate their favorite thing into their lives? Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
  289.                 <br><br><span style="color:#BLOODHEX;"><b>NAME</b></span>
  290.                 <br>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</td>
  291.             </tr>
  292.            
  293.                   <tr class="row">
  294.                 <td class="col-2 font-weight-bold text-right text-uppercase">trivia</td>
  295.                 <td class="col-10 text-justify text-muted"><span style="color:#BLOODHEX;"><b>NAME</b></span>
  296.                 <br>Here's a cool thing about them! Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
  297.                 <br><br><span style="color:#BLOODHEX;"><b>NAME</b></span>
  298.                 <br>Wow, another cool thing! Wow! Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</td>
  299.             </tr>
  300.            
  301.           </table>
  302.         </div>
  303.        
  304.       </div>
  305.     </div>
  306.    
  307.   </div>
  308.  
  309.   <div class="row no-gutters">
  310.     <div class="col-lg-3 col-sm-6 p-1 d-flex">
  311.       <a href="LINK" target="_blank"><div class="card w-100 rounded-0 bg-faded p-3" style="border-color:#C50000;">
  312.         <!-----Try and keep images square! They may disturb the right column height otherwise.---->
  313.         <div style="height:243px;width:243px;background: url(https://via.placeholder.com/243x243) center no-repeat;"></div>
  314.        
  315.         <div class="card w-100 rounded-0 card-faded mt-3">
  316.         <h2 class="text-uppercase text-center p-3 mb-0" style="letter-spacing:5px;font-size:1rem;">
  317.             FLUSHED
  318.         </h2>
  319.         </div>
  320.       </div></a>
  321.     </div>
  322.    
  323.     <div class="col-lg-3 col-sm-6 p-1 d-flex">
  324.       <a href="LINK" target="_blank"><div class="card w-100 rounded-0 bg-faded p-3" style="border-color:#CF9797;">
  325.         <!-----Try and keep images square! They may disturb the right column height otherwise.---->
  326.         <div style="height:243px;width:243px;background: url(https://via.placeholder.com/243x243) center no-repeat;"></div>
  327.        
  328.         <div class="card w-100 rounded-0 card-faded mt-3">
  329.         <h2 class="text-uppercase text-center p-3 mb-0" style="letter-spacing:5px;font-size:1rem;">
  330.             PALE
  331.         </h2>
  332.         </div>
  333.       </div></a>
  334.     </div>
  335.    
  336.     <div class="col-lg-3 col-sm-6 p-1 d-flex">
  337.       <a href="LINK" target="_blank"><div class="card w-100 rounded-0 bg-faded p-3" style="border-color:#585858;">
  338.         <!-----Try and keep images square! They may disturb the right column height otherwise.---->
  339.         <div style="height:243px;width:243px;background: url(https://via.placeholder.com/243x243) center no-repeat;"></div>
  340.        
  341.         <div class="card w-100 rounded-0 card-faded mt-3">
  342.         <h2 class="text-uppercase text-center p-3 mb-0" style="letter-spacing:5px;font-size:1rem;">
  343.             ASHEN
  344.         </h2>
  345.         </div>
  346.       </div></a>
  347.     </div>
  348.    
  349.     <div class="col-lg-3 col-sm-6 p-1 d-flex">
  350.       <a href="LINK" target="_blank"><div class="card w-100 rounded-0 bg-faded p-3" style="border-color:#000;">
  351.         <!-----Try and keep images square! They may disturb the right column height otherwise.---->
  352.         <div style="height:243px;width:243px;background: url(https://via.placeholder.com/243x243) center no-repeat;"></div>
  353.        
  354.         <div class="card w-100 rounded-0 card-faded mt-3">
  355.         <h2 class="text-uppercase text-center p-3 mb-0" style="letter-spacing:5px;font-size:1rem;">
  356.             PITCH
  357.         </h2>
  358.         </div>
  359.       </div></a>
  360.     </div>
  361.  
  362.   </div>
  363.  
  364.   </div>
  365.  
  366. <div class="text-center">
  367.   <div class="row no-gutters">
  368.     <div class="col-12 px-1">
  369. <a data-toggle="collapse" href="#collapse1" class="btn btn-faded btn-block rounded-0 text-muted text-center my-2">
  370.       <i class="fal fa-chevron-circle-down"></i></a>
  371.     </div>
  372.   </div>
  373. </div>
  374. </div>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!