Content Warning

User Content Warning

This user profile has been marked with a content warning:

<!--

  TERMS OF SERVICE

  ✦ Please do not remove credit.

  ✦ You may edit and frankenstein them (if the other coder/s allow it too).

  ✦ You may use my codes as reference but don't heavily reference or steal chunks of it.

  ✦ Do not steal, claim, redistribute or make profit from my codes. This also applies to edits.

  ✦ You are responsible for your own edits.

  

  NOTES

  ✦ Always have WYSIWYG turned OFF and Code Editor turned ON when editing. Otherwise the code will break.

  ✦ Please do not PM me asking to edit / fix codes for you. I'm not available for assistance but help is available in the forums at https://toyhou.se/~forums/16.htmlcss-graphics/48845

  ✦ You don't have to but if you can please fave or leave a comment if you use any of my codes https://toyhou.se/~forums/16.htmlcss-graphics/128216 I'd love to see how others use them!

  ✦ If you enjoy my layouts please consider supporting me on Ko-fi at https://ko-fi.com/sealkitty ♥

  

  TIPS

  ✦ To change the colours, press ctrl + F, type in hex code you want to replace, click on + and replace "all" with a different hex code

  ✦ Get hex codes here: https://www.w3schools.com/colors/colors_picker.asp

  

  ACCENT COLOURS

  ✦ Theme:        #139ed1

  ✦ Background:   #fff

  

-->

<div class="mx-auto py-md-3" style="max-width: 1000px; font-size: 13px; letter-spacing: .4px; color: #139ed1;">

<div class="row no-gutters d-flex justify-content-center">

  <!-- IMAGE | Replace URL in brackets or delete this entire section if you want. You can also adjust the min-height and max-height.

               Add "max-height: 400px;" (or whatever amount of pixels you like) after "min-height: 200px;" if you want to cap the side image's height.

  -->

  <div class="col-lg-4 p-1">

  <div class="card h-100 shadow" style="min-height: 200px;

    

  /* https://images.app.goo.gl/ko5Qx8eumsRhdn2XA -- */;

    

    background: url(https://images.unsplash.com/photo-1523537444585-432d2bacc10d?ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&ixlib=rb-1.2.1&auto=format&fit=crop&w=1350&q=80) center no-repeat; background-size: cover;">

  

  </div>

  </div>

  <!-- /https://images.app.goo.gl/ko5Qx8eumsRhdn2XA ---------------->

  <!-- CONTENT BOX ----------->

  <div class="col-lg-8 mx-auto p-1">

  <div class="card shadow bg-faded">

  

    <!-- HEADER -->

    <div class="card-header border-0 text-uppercase text-center text-white display-4 p-2" style="font-size: 1.4rem; letter-spacing: 4px; background: #139ed1;">

      Attention!

    </div>

  

  <!-- INFO -->

  <div class="p-3" style="background: #fff;" >

  

    <p>Most of my characters are close to my heart! Please do not steal. Fanart is ok! <3 I love them a lot and seeing others love them makes me warm.</p>

  

  <!-- Add more above this line -->

  <hr class="my-3" style="border-color: #139ed1">

  

  <div class="row no-gutters">

  

  <!-- DO NOT SECTION -->

  <div class="col-md-6">

    <h3><i class="fas fa-ban fa-fw mr-1"></i>Please Do Not</h3>

    <ul class="my-2">

  

      <li class="my-1">Content</li>

      <li class="my-1">Content</li>

      <li class="my-1">Content</li>

      <li class="my-1">Content</li>

  

    <!-- Add more above this line -->

    </ul>

  </div>

  <!-- /DO NOT SECTION -->

  

  <!-- WARNING SECTION -->

  <div class="col-md-6">

    <h3><i class="fas fa-exclamation-triangle fa-fw mr-1"></i>Content Warnings</h3>

    <ul class="my-2">

    

      <li class="my-1">Content</li>

      <li class="my-1">Content</li>

      <li class="my-1">Content</li>

      <li class="my-1">Content</li>

    

    <!-- Add more above this line -->

    </ul>

  </div>

  <!-- /WARNING SECTION -->

  

  </div>

  

  </div>

  <!-- /INFO -->

  </div>

  </div>

  <!-- /END CONTENT ---------->

</div>

<!-- CREDIT | Please do not remove! ------->

<div class="text-right mx-1" style="font-size: 10px;">

  <a href="https://toyhou.se/6707440.-f2u-tldr-warning"><i class="far fa-code tooltipster" style="color: #139ed1" title="Code by Sealkitty"></i></a>

</div></div>