API tools faq
paste
Advertisement
circlejourney

Codeshare

circlejourney
Mar 20th, 2020
298
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 5 10.72 KB | None | 0 0
raw download clone embed print report
  1. <div class="col-md-9 row no-gutters">
  2.     <div class="col-12 p-1">
  3.         <div class="card border-0 bg-faded p-3 h-100"><span class="text-primary mb-3" style="font-size:2.0rem;font-weight:200;">Familiars</span>
  4.             <p align="justify">text</p>
  5.             <p align="justify">text</p>
  6.             <p align="justify">text</p>
  7.         </div>
  8.     </div>
  9. </div>
  10.  
  11. <hr class="mt-0">
  12.  
  13. <div class="mb-2">
  14.     <a class="btn btn-primary" data-slide-to="0" data-target="#profiles" type="button" aria-controls="profile-0">Basic</a>
  15.     <a class="btn btn-primary" type="button" data-target="#profiles" data-slide-to="1" aria-controls="profile-1">Intermediate</a>
  16.     <a class="btn btn-primary" type="button" data-target="#profiles" data-slide-to="2" aria-controls="profile-2">Rare</a>
  17.     <a class="btn btn-primary" type="button" data-target="#profiles" data-slide-to="3" aria-controls="profile-3">Legendary</a>
  18. </div>
  19.  
  20. <div class="carousel slide carousel-fade" data-ride="carousel" id="profiles">
  21.     <div class="carousel-inner">
  22.         <div id="profile-0" class=" carousel-item active">
  23.             <!-- PROFILE 1 CODE GOES HERE -->
  24.             <div class="p-md-3" id="group3">
  25.                 <div style="font-size:2.4rem;font-weight:200;letter-spacing:2px;">Basic Familiars</div>
  26.                 <hr class="mt-0">
  27.                 <div class="mb-3 p-md-3 p-1">
  28.                     <p align="justify">text</p>
  29.                     <p align="justify">text</p>
  30.                     <hr class="my-2">
  31.                 </div>
  32.                     <!--
  33.        CHAR
  34.    -->
  35.             <div class="mb-3">
  36.                 <!-- switch out 'name' for the character's name for an anchor -->
  37.                 <div class="p-1">
  38.                     <div class="card border-0 text-center bg-faded p-1"><span class="text-primary" style="font-size:2rem;font-weight:200;letter-spacing:1px;">name</span></div>
  39.                 </div>
  40.                 <div class="row no-gutters">
  41.    
  42.                     <div class="col-md-3 row no-gutters">
  43.    
  44.                         <div class="col-12 p-1">
  45.    
  46.                             <div class="card border-0 bg-faded text-center p-3 h-100">
  47.    
  48.                                 <div class="mb-3">
  49.    
  50.                                     <a href="link"><img src="https://cdn.discordapp.com/attachments/539606154393944104/599640770638774274/user_5-15-512.png" class="fr-fic fr-dii" width="180" height="180"></a>
  51.    
  52.                                 </div>
  53.    
  54.                                 <div class="p-1" style="font-size:0.8rem;">
  55.    
  56.                                     <div class="d-flex mb-2 justify-content-between"><span class="text-primary">Level Obtained</span>
  57.    
  58.                                         <span>1</span></div>
  59.    
  60.                                     <div class="d-flex justify-content-between"><span class="text-primary">Rerollable?</span>
  61.    
  62.                                         <span>With Magic Ticket</span>
  63.    
  64.                                         <!-- Empty - Basic - Average - Detailed -->
  65.    
  66.                                     </div>
  67.    
  68.                                 </div>
  69.    
  70.                             </div>
  71.                         </div>
  72.                     </div>
  73.    
  74.                     <div class="col-md-9 row no-gutters">
  75.                         <div class="col-12 p-1">
  76.                             <div class="card border-0 bg-faded p-3 h-100">
  77.                                 <p align="justify">text</p>
  78.                                 <p align="justify">text</p>
  79.                                 <p align="justify">text</p>
  80.                             </div>
  81.                         </div>
  82.                     </div>
  83.                 </div>
  84.             </div>
  85.         </div>
  86.         </div>
  87.                
  88.         <div id="profile-1" class="carousel-item">
  89.  
  90.                 <!-- PROFILE 2 CODE GOES HERE -->
  91.                 <!--
  92.                    CHAR
  93.                -->
  94.             <div class="mb-3">
  95.                 <!-- switch out 'name' for the character's name for an anchor -->
  96.                 <div class="p-1">
  97.                     <div class="card border-0 text-center bg-faded p-1"><span class="text-primary" style="font-size:2rem;font-weight:200;letter-spacing:1px;">name</span></div>
  98.                 </div>
  99.                 <div class="row no-gutters">
  100.                     <div class="col-md-3 row no-gutters">
  101.                         <div class="col-12 p-1">
  102.                             <div class="card border-0 bg-faded text-center p-3 h-100">
  103.                                 <div class="mb-3">
  104.                                     <a href="link"><img src="https://cdn.discordapp.com/attachments/539606154393944104/599640770638774274/user_5-15-512.png" class="fr-fic fr-dii" width="180" height="180"></a>
  105.                                 </div>
  106.  
  107.                                 <div class="p-1" style="font-size:0.8rem;">
  108.                                     <div class="d-flex mb-2 justify-content-between"><span class="text-primary">Level Obtained</span>
  109.                                         <span>1</span></div>
  110.                                     <div class="d-flex justify-content-between"><span class="text-primary">Rerollable?</span>
  111.                                         <span>With Magic Ticket</span>
  112.                                         <!-- Empty - Basic - Average - Detailed -->
  113.                                     </div>
  114.                                 </div>
  115.                             </div>
  116.                         </div>
  117.                     </div>
  118.  
  119.                     <div class="col-md-9 row no-gutters">
  120.                         <div class="col-12 p-1">
  121.                             <div class="card border-0 bg-faded p-3 h-100">
  122.                                 <p align="justify">text</p>
  123.                                 <p align="justify">text</p>
  124.                                 <p align="justify">text</p>
  125.                             </div>
  126.                         </div>
  127.                     </div>
  128.                    
  129.                 </div>
  130.             </div>
  131.         </div>
  132.  
  133.         <div id="profile-2" class="carousel-item">
  134.  
  135.                 <!-- PROFILE 2 CODE GOES HERE -->
  136.                 <!--
  137.                    CHAR
  138.                -->
  139.             <div class="mb-3">
  140.                 <!-- switch out 'name' for the character's name for an anchor -->
  141.                 <div class="p-1">
  142.                     <div class="card border-0 text-center bg-faded p-1"><span class="text-primary" style="font-size:2rem;font-weight:200;letter-spacing:1px;">name</span></div>
  143.                 </div>
  144.                 <div class="row no-gutters">
  145.                     <div class="col-md-3 row no-gutters">
  146.                         <div class="col-12 p-1">
  147.                             <div class="card border-0 bg-faded text-center p-3 h-100">
  148.                                 <div class="mb-3">
  149.                                     <a href="link"><img src="https://cdn.discordapp.com/attachments/539606154393944104/599640770638774274/user_5-15-512.png" class="fr-fic fr-dii" width="180" height="180"></a>
  150.                                 </div>
  151.  
  152.                                 <div class="p-1" style="font-size:0.8rem;">
  153.                                     <div class="d-flex mb-2 justify-content-between"><span class="text-primary">Level Obtained</span>
  154.                                         <span>1</span></div>
  155.                                     <div class="d-flex justify-content-between"><span class="text-primary">Rerollable?</span>
  156.                                         <span>With Magic Ticket</span>
  157.                                         <!-- Empty - Basic - Average - Detailed -->
  158.                                     </div>
  159.                                 </div>
  160.                             </div>
  161.                         </div>
  162.                     </div>
  163.  
  164.                     <div class="col-md-9 row no-gutters">
  165.                         <div class="col-12 p-1">
  166.                             <div class="card border-0 bg-faded p-3 h-100">
  167.                                 <p align="justify">text</p>
  168.                                 <p align="justify">text</p>
  169.                                 <p align="justify">text</p>
  170.                             </div>
  171.                         </div>
  172.                     </div>
  173.                    
  174.                 </div>
  175.             </div>
  176.         </div>
  177.  
  178.         <div id="profile-3" class="carousel-item">
  179.  
  180.                 <!-- PROFILE 2 CODE GOES HERE -->
  181.                 <!--
  182.                    CHAR
  183.                -->
  184.             <div class="mb-3">
  185.                 <!-- switch out 'name' for the character's name for an anchor -->
  186.                 <div class="p-1">
  187.                     <div class="card border-0 text-center bg-faded p-1"><span class="text-primary" style="font-size:2rem;font-weight:200;letter-spacing:1px;">name</span></div>
  188.                 </div>
  189.                 <div class="row no-gutters">
  190.                     <div class="col-md-3 row no-gutters">
  191.                         <div class="col-12 p-1">
  192.                             <div class="card border-0 bg-faded text-center p-3 h-100">
  193.                                 <div class="mb-3">
  194.                                     <a href="link"><img src="https://cdn.discordapp.com/attachments/539606154393944104/599640770638774274/user_5-15-512.png" class="fr-fic fr-dii" width="180" height="180"></a>
  195.                                 </div>
  196.  
  197.                                 <div class="p-1" style="font-size:0.8rem;">
  198.                                     <div class="d-flex mb-2 justify-content-between"><span class="text-primary">Level Obtained</span>
  199.                                         <span>1</span></div>
  200.                                     <div class="d-flex justify-content-between"><span class="text-primary">Rerollable?</span>
  201.                                         <span>With Magic Ticket</span>
  202.                                         <!-- Empty - Basic - Average - Detailed -->
  203.                                     </div>
  204.                                 </div>
  205.                             </div>
  206.                         </div>
  207.                     </div>
  208.  
  209.                     <div class="col-md-9 row no-gutters">
  210.                         <div class="col-12 p-1">
  211.                             <div class="card border-0 bg-faded p-3 h-100">
  212.                                 <p align="justify">text</p>
  213.                                 <p align="justify">text</p>
  214.                                 <p align="justify">text</p>
  215.                             </div>
  216.                         </div>
  217.                     </div>
  218.                    
  219.                 </div>
  220.             </div>
  221.         </div>
  222.  
  223.     </div>
  224. </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!