API tools faq
paste
Advertisement
feather--weather

RP Comfort Meme

feather--weather
Aug 25th, 2018
988
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 23.35 KB | None | 0 0
raw download clone embed print report
  1. <!--
  2.     Just the RP comfort meme
  3.     To find the items you should edit, look for the four exclamation points (!!!!) or the empty circle (〇) in the base code.
  4.     ✔ = Yes! ± = Maybe?  ❌ = No.
  5.  
  6.     Things i have learned:
  7.         - don't forget the tab-content class OTL - thank you @lowkeywicked
  8.  
  9.     Notes
  10.         - this is NOT post / bulletin friendly - they do not like anchors. a version of this code for bulletins is incoming.
  11.  
  12.     Code Name: RP Comfort Meme
  13.     Creator: @_featherweather
  14.     Date: August 24 - 25, 2018
  15.  
  16. -->
  17.  
  18. <div class="container-fluid">
  19.     <!-- the basics, what this is, etc -->
  20.     <div class="row">
  21.         <div class="col-md-12 text-center">
  22.             <h1 class="card-header mb-2 bg-warning" style="font-variant:small-caps"><i class="fas fa-angle-double-left hidden-sm-down"></i>RP Comfort Meme<i class="fas fa-angle-double-right hidden-sm-down"></i></h1>
  23.             <h6>✔ = Yes! ± = Maybe?  ❌ = No.</h6><br>
  24.         </div>
  25.     </div>
  26.     <!-- options -->
  27.     <div class="row">
  28.         <div class="col-md-12">
  29.             <ul class="nav nav-pills justify-content-center row text-center">
  30.                 <li class="nav-item"><a class="nav-link p-2 active" data-toggle="tab" href="#mun"target="_top">About Me</a></li>
  31.                 <li class="nav-item"><a class="nav-link p-2" data-toggle="tab" href="#basics"target="_top">Basics</a></li>
  32.                 <li class="nav-item"><a class="nav-link p-2" data-toggle="tab" href="#romance"target="_top">Romance</a></li>
  33.                 <li class="nav-item"><a class="nav-link p-2" data-toggle="tab" href="#violence"target="_top">Violence</a></li>
  34.                 <li class="nav-item"><a class="nav-link p-2" data-toggle="tab" href="#drama"target="_top">Drama</a></li>
  35.             </ul><hr>
  36.         </div>
  37.     </div>
  38.     <!--changing tabs start -->
  39.     <div class="tab-content">
  40.  
  41.         <!-- about mun -->
  42.         <div class="tab-pane fade show active" id="mun">
  43.             <div class="row">
  44.                 <div class="col-md-2"></div>
  45.                 <div class="col-md-8">
  46.                     <div id="carouselMun" class="carousel slide" data-interval="false">
  47.                         <div class="carousel-inner">
  48.                             <div class="carousel-item active">
  49.                                 <!-- about you, so prospective RPers have an idea about what you're like -->
  50.                                 <div class="ui-accordion card card bg-faded w-75" style="width:21.5em;margin:0 auto;">
  51.                                     <h2 class="class-inverse card-info card-header bg-primary" style="font-variant:small-caps">!!!!Username!!!!</h2>
  52.                                     <div class="ui-accordion-content" style="height:200px">!!!!anything you want!!!!</div>
  53.                                 </div>
  54.                             </div>
  55.                             <div class="carousel-item">
  56.                                 <!-- basic info about you, fill as much or as little as you'd like -->
  57.                                 <div class="ui-accordion card card bg-faded w-75" style="width:21.5em;margin:0 auto;">
  58.                                     <h2 class="class-inverse card-info card-header bg-primary" style="font-variant:small-caps">My Stats</h2>
  59.                                     <div class="ui-accordion-content" style="height:200px">
  60.                                         <table class="table table-sm">
  61.                                             <tbody>
  62.                                                 <tr>
  63.                                                     <th style="font-variant:small-caps" scope="row" width="30%">Nicks</th>
  64.                                                     <td class="text-center">!!!!preffered nicknames!!!!</td>
  65.                                                 </tr>
  66.                                                 <tr>
  67.                                                     <th style="font-variant:small-caps" scope="row" width="30%">Gender</th>
  68.                                                     <td class="text-center">!!!!your gender!!!!</td>
  69.                                                 </tr>
  70.                                                 <tr>
  71.                                                     <th style="font-variant:small-caps" scope="row" width="30%">Age</th>
  72.                                                     <td class="text-center">!!!!your general age group!!!!</td>
  73.                                                 </tr>
  74.                                                 <tr>
  75.                                                     <th style="font-variant:small-caps" scope="row" width="30%">Doubling?</th>
  76.                                                     <td class="text-center">!!!!you good with playing multiple OCs!!!!</td>
  77.                                                 </tr>
  78.                                                 <tr>
  79.                                                     <th style="font-variant:small-caps" scope="row" width="30%">Multishipping?</th>
  80.                                                     <td class="text-center">!!!!are you okay with shipping the same OC with multiple people!!!!</td>
  81.                                                 </tr>
  82.                                                 <tr>
  83.                                                     <th style="font-variant:small-caps" scope="row" width="30%">CanonxOC?</th>
  84.                                                     <td class="text-center">!!!!are you okay with fanships!!!!</td>
  85.                                                 </tr>
  86.                                                 <tr>
  87.                                                     <th style="font-variant:small-caps" scope="row" width="30%">Availability</th>
  88.                                                     <td class="text-center">!!!!when can you play!!!!</td>
  89.                                                 </tr>
  90.                                                 <tr>
  91.                                                     <th style="font-variant:small-caps" scope="row" width="30%">Ditch policy</th>
  92.                                                     <td class="text-center">!!!!are you okay with dropped RPs, RPs that take a while, etc!!!!</td>
  93.                                                 </tr>
  94.                                             </tbody>
  95.                                         </table></div>
  96.                                 </div>
  97.                             </div>
  98.                             <div class="carousel-item">
  99.                                 <!-- themes & fandoms you like -->
  100.                                 <div class="ui-accordion card card bg-faded w-75" style="width:21.5em;margin:0 auto;">
  101.                                     <h2 class="class-inverse card-info card-header bg-primary" style="font-variant:small-caps">Themes & Fandoms</h2>
  102.                                     <div class="ui-accordion-content" style="height:200px">
  103.                                         <ul class="list-group list-group-flush">
  104.                                             <li class="list-group-item">!!!!list some fandoms</li>
  105.                                             <li class="list-group-item">!!!!and themes</li>
  106.                                             <li class="list-group-item">!!!!that you like,</li>
  107.                                             <li class="list-group-item">!!!!such as BNHA, Sailor Moon,</li>
  108.                                             <li class="list-group-item">!!!!chat RPs, zombies, et cetera</li>
  109.                                         </ul>
  110.                                     </div>
  111.                                 </div>
  112.                             </div>
  113.                             <div class="carousel-item">
  114.                                 <!-- characters you like -->
  115.                                 <div class="ui-accordion card card bg-faded w-75" style="width:21.5em;margin:0 auto;">
  116.                                     <h2 class="class-inverse card-info card-header bg-primary" style="font-variant:small-caps">Preferences</h2>
  117.                                     <div class="ui-accordion-content" style="height:200px">
  118.                                         <ul class="list-group list-group-flush">
  119.                                             <li class="list-group-item">!!!!gender of characters you play</li>
  120.                                             <li class="list-group-item">!!!!possibily topes you like too</li>
  121.                                             <li class="list-group-item">!!!!like you only play mysterious, white haired males</li>
  122.                                             <li class="list-group-item">!!!!or tsundere girls</li>
  123.                                             <li class="list-group-item">!!!!you do you o3ob</li>
  124.                                         </ul>
  125.                                     </div>
  126.                                 </div>
  127.                             </div>
  128.                             <div class="carousel-item">
  129.                                 <!-- specific characters -->
  130.                                 <div class="ui-accordion card card bg-faded w-75" style="width:21.5em;margin:0 auto;">
  131.                                     <h2 class="class-inverse card-info card-header bg-primary" style="font-variant:small-caps">I Want to Play...</h2>
  132.                                     <div class="ui-accordion-content" style="height:200px">!!!!
  133.                                     list the characters you want to play here. you can link them or use other codes to show their images (i.e., @lowkeywicked's <a href="https://toyhou.se/1734837.-freebie-mini-html/1734844.simple-moodboards">simple moodboards</a>)!!!!</div>
  134.                                 </div>
  135.                             </div>
  136.                         </div>
  137.                         <h1><a class="carousel-control-prev text-danger" href="#carouselMun" role="button" data-slide="prev"><span><i class="fa fa-angle-left text-danger" aria-hidden="true"></i></span><span class="sr-only text-danger">Previous</span></a>
  138.                         <a class="carousel-control-next text-danger" href="#carouselMun" role="button" data-slide="next"><span><i class="fa fa-angle-right text-danger" aria-hidden="true"></i></span><span class="sr-only text-danger">Next</span></a></h1>
  139.                     </div>
  140.                 </div>
  141.             </div>
  142.         </div>
  143.  
  144.         <!-- rp basics -->
  145.         <div class="tab-pane fade" id="basics">
  146.             <div class="row">
  147.                 <div class="col-md-2"></div>
  148.                 <div class="col-md-8">
  149.                     <div id="carouselBasics" class="carousel slide" data-interval="false">
  150.                         <div class="carousel-inner">
  151.                             <div class="carousel-item active">
  152.                                 <!-- where do you like playing -->
  153.                                 <div class="ui-accordion card card bg-faded w-75" style="width:21.5em;margin:0 auto;">
  154.                                     <h2 class="class-inverse card-info card-header bg-primary" style="font-variant:small-caps">I am comfortable doing roleplays via...</h2>
  155.                                     <div class="ui-accordion-content" style="height:200px">
  156.                                         <ul class="list-group list-group-flush">
  157.                                             <li class="list-group-item">〇 Comment.</li>
  158.                                             <li class="list-group-item">〇 Chats.</li>
  159.                                             <li class="list-group-item">〇 Notes.</li>
  160.                                             <li class="list-group-item">〇 Forums.</li>
  161.                                             <li class="list-group-item">〇 Skype.</li>
  162.                                             <li class="list-group-item">〇 Google Docs.</li>
  163.                                             <li class="list-group-item">〇 Discord.</li>
  164.                                         </ul>
  165.                                     </div>
  166.                                 </div>
  167.                             </div>
  168.                             <div class="carousel-item">
  169.                                 <!-- how many people do you like to RP with -->
  170.                                 <div class="ui-accordion card card bg-faded w-75" style="width:21.5em;margin:0 auto;">
  171.                                     <h2 class="class-inverse card-info card-header bg-primary" style="font-variant:small-caps">I am comfortable with...</h2>
  172.                                     <div class="ui-accordion-content" style="height:200px">
  173.                                         <ul class="list-group list-group-flush">
  174.                                             <li class="list-group-item">〇 One on one roleplays.</li>
  175.                                             <li class="list-group-item">〇 Up to three people.</li>
  176.                                             <li class="list-group-item">〇 Up to four people.</li>
  177.                                             <li class="list-group-item">〇 Five or more people.</li>
  178.                                             <li class="list-group-item">〇 As big as possible.</li>
  179.                                         </ul>
  180.                                     </div>
  181.                                 </div>
  182.                             </div>
  183.                             <div class="carousel-item">
  184.                                 <!-- how much do you write -->
  185.                                 <div class="ui-accordion card card bg-faded w-75" style="width:21.5em;margin:0 auto;">
  186.                                     <h2 class="class-inverse card-info card-header bg-primary" style="font-variant:small-caps">I usually write about...</h2>
  187.                                     <div class="ui-accordion-content" style="height:200px">
  188.                                         <ul class="list-group list-group-flush">
  189.                                             <li class="list-group-item">〇 One or two sentences.</li>
  190.                                             <li class="list-group-item">〇 One or two paragraphs.</li>
  191.                                             <li class="list-group-item">〇 Two to five paragraphs.</li>
  192.                                             <li class="list-group-item">〇 More than five paragraphs.</li>
  193.                                             <li class="list-group-item">〇 A few pages worth.</li>
  194.                                         </ul>
  195.                                     </div>
  196.                                 </div>
  197.                             </div>
  198.                             <div class="carousel-item">
  199.                                 <!-- how much do you want to read -->
  200.                                 <div class="ui-accordion card card bg-faded w-75" style="width:21.5em;margin:0 auto;">
  201.                                     <h2 class="class-inverse card-info card-header bg-primary" style="font-variant:small-caps">I am comfortable with people who write...</h2>
  202.                                     <div class="ui-accordion-content" style="height:200px">
  203.                                         <ul class="list-group list-group-flush">
  204.                                             <li class="list-group-item">〇 One or two sentences.</li>
  205.                                             <li class="list-group-item">〇 One or two paragraphs.</li>
  206.                                             <li class="list-group-item">〇 Two to five paragraphs.</li>
  207.                                             <li class="list-group-item">〇 More than five paragraphs.</li>
  208.                                             <li class="list-group-item">〇 A few pages worth.</li>
  209.                                         </ul>
  210.                                     </div>
  211.                                 </div>
  212.                             </div>
  213.                             <div class="carousel-item">
  214.                                 <div class="ui-accordion card card bg-faded w-75" style="width:21.5em;margin:0 auto;">
  215.                                     <!-- how do you like to be approached -->
  216.                                     <h2 class="class-inverse card-info card-header bg-primary" style="font-variant:small-caps">I like getting RP requests...</h2>
  217.                                     <div class="ui-accordion-content" style="height:200px">
  218.                                         <ul class="list-group list-group-flush">
  219.                                             <li class="list-group-item">〇 From anyone and everyone at any time.</li>
  220.                                             <li class="list-group-item">〇 When I ask for roleplays.</li>
  221.                                             <li class="list-group-item">〇 From friends and aquantances.</li>
  222.                                             <li class="list-group-item">〇 From anyone in the same roleplay group.</li>
  223.                                             <li class="list-group-item">〇 From friends only.</li>
  224.                                         </ul>
  225.                                     </div>
  226.                                 </div>
  227.                             </div>
  228.                         </div>
  229.                         <h1><a class="carousel-control-prev text-danger" href="#carouselBasics" role="button" data-slide="prev"><span><i class="fa fa-angle-left text-danger" aria-hidden="true"></i></span><span class="sr-only text-danger">Previous</span></a>
  230.                         <a class="carousel-control-next text-danger" href="#carouselBasics" role="button" data-slide="next"><span><i class="fa fa-angle-right text-danger" aria-hidden="true"></i></span><span class="sr-only text-danger">Next</span></a></h1>
  231.                     </div>
  232.                 </div>
  233.             </div>
  234.         </div>
  235.  
  236.         <!-- rp romance -->
  237.         <div class="tab-pane fade" id="romance">
  238.             <div class="row">
  239.                 <div class="col-md-2"></div>
  240.                 <div class="col-md-8">
  241.                     <div id="carouselRomance" class="carousel slide" data-interval="false">
  242.                         <div class="carousel-inner">
  243.                             <div class="carousel-item active">
  244.                                 <!-- what kind of ships -->
  245.                                 <div class="ui-accordion card card bg-faded w-75" style="width:21.5em;margin:0 auto;">
  246.                                     <h2 class="class-inverse card-info card-header bg-primary" style="font-variant:small-caps">I ship...</h2>
  247.                                     <div class="ui-accordion-content" style="height:200px">
  248.                                         <ul class="list-group list-group-flush">
  249.                                             <li class="list-group-item">〇 Heterosexual (mxf) pairings.</li>
  250.                                             <li class="list-group-item">〇 Homosexual (mxm) pairings.</li>
  251.                                             <li class="list-group-item">〇 Homosexual (fxf) pairings.</li>
  252.                                             <li class="list-group-item">〇 Anysexual pairings.</li>
  253.                                             <li class="list-group-item">〇 Polyamorous relationships.</li>
  254.                                             <li class="list-group-item">〇 Friendships.</li>
  255.                                             <li class="list-group-item">〇 Hateships.</li>
  256.                                         </ul>
  257.                                     </div>
  258.                                 </div>
  259.                             </div>
  260.                             <div class="carousel-item">
  261.                                 <!-- types of ships -->
  262.                                 <div class="ui-accordion card card bg-faded w-75" style="width:21.5em;margin:0 auto;">
  263.                                     <h2 class="class-inverse card-info card-header bg-primary" style="font-variant:small-caps">I am comfortable shipping if...</h2>
  264.                                     <div class="ui-accordion-content" style="height:200px">
  265.                                         <ul class="list-group list-group-flush">
  266.                                             <li class="list-group-item">〇 Our characters know each other already.</li>
  267.                                             <li class="list-group-item">〇 Our characters know each other deeply, and I know I can trust the roleplayer.</li>
  268.                                             <li class="list-group-item">〇 At the first sign of flirting.</li>
  269.                                             <li class="list-group-item">〇 Only if the roleplayer and I plan it.</li>
  270.                                             <li class="list-group-item">〇 It depends on the characters.</li>
  271.                                         </ul>
  272.                                     </div>
  273.                                 </div>
  274.                             </div>
  275.                             <div class="carousel-item">
  276.                                 <!-- how much do you write -->
  277.                                 <div class="ui-accordion card card bg-faded w-75" style="width:21.5em;margin:0 auto;">
  278.                                     <h2 class="class-inverse card-info card-header bg-primary" style="font-variant:small-caps">If you want to ship with me...</h2>
  279.                                     <div class="ui-accordion-content" style="height:200px">
  280.                                         <ul class="list-group list-group-flush">
  281.                                             <li class="list-group-item">〇 Talk to me about it from the start.</li>
  282.                                             <li class="list-group-item">〇 Talk to me about it once our characters know each other.</li>
  283.                                             <li class="list-group-item">〇 Talk to me about it once they both have some feelings for each other.</li>
  284.                                             <li class="list-group-item">〇 Talk to me about it when they finally decide they want to go beyond hugging.</li>
  285.                                         </ul>
  286.                                     </div>
  287.                                 </div>
  288.                             </div>
  289.                             <div class="carousel-item">
  290.                                 <!-- how fast do you want to take it -->
  291.                                 <div class="ui-accordion card card bg-faded w-75" style="width:21.5em;margin:0 auto;">
  292.                                     <h2 class="class-inverse card-info card-header bg-primary" style="font-variant:small-caps">Speed of shipping...</h2>
  293.                                     <div class="ui-accordion-content" style="height:200px">
  294.                                         <ul class="list-group list-group-flush">
  295.                                             <li class="list-group-item">〇 Swift as lightning.</li>
  296.                                             <li class="list-group-item">〇 Fast but not super fast.</li>
  297.                                             <li class="list-group-item">〇 Happens in about three months.</li>
  298.                                             <li class="list-group-item">〇 Slow and steady wins the race.</li>
  299.                                             <li class="list-group-item">〇 My relationships know no speed. They happen if they happen.</li>
  300.                                         </ul>
  301.                                     </div>
  302.                                 </div>
  303.                             </div>
  304.                             <div class="carousel-item">
  305.                                 <div class="ui-accordion card card bg-faded w-75" style="width:21.5em;margin:0 auto;">
  306.                                     <!-- how do you feel about smut -->
  307.                                     <h2 class="class-inverse card-info card-header bg-primary" style="font-variant:small-caps">Smut...</h2>
  308.                                     <div class="ui-accordion-content" style="height:200px">
  309.                                         <ul class="list-group list-group-flush">
  310.                                             <li class="list-group-item">〇 Skip the act entirely.</li>
  311.                                             <li class="list-group-item">〇 Write the build up, but skip the act.</li>
  312.                                             <li class="list-group-item">〇 Write the act only if it's special, but otherwise skip it.</li>
  313.                                             <li class="list-group-item">〇 Write the act all the way through.</li>
  314.                                             <li class="list-group-item">〇 No implication of smut at all.</li>
  315.                                         </ul>
  316.                                     </div>
  317.                                 </div>
  318.                             </div>
  319.                             <div class="carousel-item">
  320.                                 <div class="ui-accordion card card bg-faded w-75" style="width:21.5em;margin:0 auto;">
  321.                                     <!-- how do you feel about romantic art  -->
  322.                                     <h2 class="class-inverse card-info card-header bg-primary" style="font-variant:small-caps">Romantic art...</h2>
  323.                                     <div class="ui-accordion-content" style="height:200px">
  324.                                         <ul class="list-group list-group-flush">
  325.                                             <li class="list-group-item">〇 Do not post it at all without talking to me.</li>
  326.                                             <li class="list-group-item">〇 Post it if it's cuddles and hugs.</li>
  327.                                             <li class="list-group-item">〇 Post it if it's kisses.</li>
  328.                                             <li class="list-group-item">〇 Post it if it's much more.</li>
  329.                                             <li class="list-group-item">〇 Do not post it at all if it depicts sexual acts.</li>
  330.                                             <li class="list-group-item">〇 Do not post it where I can see it, but draw what you like.</li>
  331.                                         </ul>
  332.                                     </div>
  333.                                 </div>
  334.                             </div>
  335.                         </div>
  336.                         <h1><a class="carousel-control-prev text-danger" href="#carouselRomance" role="button" data-slide="prev"><span><i class="fa fa-angle-left text-danger" aria-hidden="true"></i></span><span class="sr-only text-danger">Previous</span></a>
  337.                         <a class="carousel-control-next text-danger" href="#carouselRomance" role="button" data-slide="next"><span><i class="fa fa-angle-right text-danger" aria-hidden="true"></i></span><span class="sr-only text-danger">Next</span></a></h1>
  338.                     </div>
  339.                 </div>
  340.             </div>
  341.             <div class="row justify-content-md-center"><h3>Important</h3></div>
  342.             <div class="row justify-content-md-center">Communication is the key to a real life relationship, it shouldn't be abanadoned for a fictional one either!</div>
  343.         </div>
  344.  
  345.         <!-- rp violence -->
  346.         <div class="tab-pane fade" id="violence">
  347.             <div class="row">
  348.                 <div class="col-md-2"></div>
  349.                 <div class="col-md-8">
  350.                     <div id="carouselViolence" class="carousel slide" data-interval="false">
  351.                         <div class="carousel-inner">
  352.                             <div class="carousel-item active">
  353.                                 <!-- what kind of ships -->
  354.                                 <div class="ui-accordion card card bg-faded w-75" style="width:21.5em;margin:0 auto;">
  355.                                     <h2 class="class-inverse card-info card-header bg-primary" style="font-variant:small-caps">I am comfortable with...</h2>
  356.                                     <div class="ui-accordion-content" style="height:200px">
  357.                                         <ul class="list-group list-group-flush">
  358.                                             <li class="list-group-item">〇 No violence at all.</li>
  359.                                             <li class="list-group-item">〇 Verbal agruments.</li>
  360.                                             <li class="list-group-item">〇 Some violence.</li>
  361.                                             <li class="list-group-item">〇 Mild violence (i.e., punching, kicking, basic fights).</li>
  362.                                             <li class="list-group-item">〇 Harmful violence.</li>
  363.                                             <li class="list-group-item">〇 Gore, torture.</li>
  364.                                             <li class="list-group-item">〇 Emotional violence.</li>
  365.                                             <li class="list-group-item">〇 Sexual violence.</li>
  366.                                         </ul>
  367.                                     </div>
  368.                                 </div>
  369.                             </div>
  370.                             <div class="carousel-item">
  371.                                 <!-- types of ships -->
  372.                                 <div class="ui-accordion card card bg-faded w-75" style="width:21.5em;margin:0 auto;">
  373.                                     <h2 class="class-inverse card-info card-header bg-primary" style="font-variant:small-caps">If you're going to do something violent please...</h2>
  374.                                     <div class="ui-accordion-content" style="height:200px">
  375.                                         <ul class="list-group list-group-flush">
  376.                                             <li class="list-group-item">〇 Don't do it at all.</li>
  377.                                             <li class="list-group-item">〇 Talk to me about it first.</li>
  378.                                             <li class="list-group-item">〇 Surprise me!</li>
  379.                                         </ul>
  380.                                     </div>
  381.                                 </div>
  382.                             </div>
  383.                         </div>
  384.                         <h1><a class="carousel-control-prev text-danger" href="#carouselViolence" role="button" data-slide="prev"><span><i class="fa fa-angle-left text-danger" aria-hidden="true"></i></span><span class="sr-only text-danger">Previous</span></a>
  385.                         <a class="carousel-control-next text-danger" href="#carouselViolence" role="button" data-slide="next"><span><i class="fa fa-angle-right text-danger" aria-hidden="true"></i></span><span class="sr-only text-danger">Next</span></a></h1>
  386.                     </div>
  387.                 </div>
  388.             </div>
  389.         </div>
  390.  
  391.         <!-- rp drama -->
  392.         <div class="tab-pane fade" id="drama">
  393.             <div class="row">
  394.               <div class="col-md-2"></div>
  395.               <div class="col-md-8">
  396.                 <div id="carouselDrama" class="carousel slide" data-interval="false">
  397.                   <div class="carousel-inner">
  398.                     <div class="carousel-item active">
  399.                       <!-- what kind of ships -->
  400.                       <div class="ui-accordion card card bg-faded w-75" style="width:21.5em;margin:0 auto;">
  401.                         <h2 class="class-inverse card-info card-header bg-primary" style="font-variant:small-caps">Drama art...</h2>
  402.                         <div class="ui-accordion-content" style="height:200px">
  403.                           <ul class="list-group list-group-flush">
  404.                             <li class="list-group-item">〇 Do not post any dramatic scenes that happened between our characters.</li>
  405.                             <li class="list-group-item">〇 Talk to me about it before posting.</li>
  406.                             <li class="list-group-item">〇 Post what you like.</li>
  407.                           </ul>
  408.                         </div>
  409.                       </div>
  410.                     </div>
  411.                   </div>
  412.                   <h1><a class="carousel-control-prev text-danger" href="#carouselDrama" role="button" data-slide="prev"><span><i class="fa fa-angle-left text-danger" aria-hidden="true"></i></span><span class="sr-only text-danger">Previous</span></a>
  413.                   <a class="carousel-control-next text-danger" href="#carouselDrama" role="button" data-slide="next"><span><i class="fa fa-angle-right text-danger" aria-hidden="true"></i></span><span class="sr-only text-danger">Next</span></a></h1>
  414.                 </div>
  415.               </div>
  416.             </div>
  417.         </div>
  418.     </div>
  419.     <!-- credits, you're free to move, but not remove -->
  420.   <p align="right"><a href="https://toyhou.se/a-brilliant-loser" title="_featherweather's codes"><i class="fa fa-user-secret"></i></a></p>
  421. </div> <!--end container -->
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!