Terms Of Service (Template)

<!--------------------- PLEASE SEE HERE FOR MY CODE RULES: https://toyhou.se/12931952.bonus-content/17036656.-06-code-rules ---------------------

Version: 1.0

Default Colours
-Text White: #FFFFFF
-Border Black: #000000

Scroll To The Bottom for every single "Find & Replace" Variable! (Feel free to move to the top when you turn this into a personal template, I just keep it at the bottom for organisation.)

Thank you for reading!
Crispin

-->

<!------------------------------- START ACTUAL CODE -------------------------------->
<div class="col-12 mx-auto text-white" style="font-size:1rem; border:none;">

  <!------------------------------- START HEADING -------------------------------->
  <div class="col-12 p-0 my-3" style="border:#000000 8px solid;">
    <div class="card rounded-0" style="background:url([IMAGEBANNER]); background-position:center; background-size:cover; border:none;"><p class="justify-content-center text-white display-4 m-1 p-3" style="background:rgba(0,0,0,0.7);">TERMS OF SERVICE</p></div>
  </div>
  <!------------------------------- END HEADING -------------------------------->

  <!------------------------------- START MIDDLE SECTION -------------------------------->
  <div class="mx-auto p-0 my-3" style="border:#000000 8px solid;">
    <div class="p-3 bg-primary" style="font-size:1.3rem;">[SUBHEADER]</div>
    <div class="p-3 bg-dark">
      <p>[TEXT]</p>
      <ul>
        <li>[TEXT]</li>
      </ul>
    </div>
  </div>

  <div class="mx-auto p-0 my-3" style="border:#000000 8px solid;">
    <div class="p-3 bg-primary" style="font-size:1.3rem;">[SUBHEADER]</div>
    <div class="p-3 bg-dark">
      <p>[TEXT]</p>
      <ul>
        <li>[TEXT]</li>
      </ul>
    </div>
  </div>

  <div class="mx-auto p-0 my-3" style="border:#000000 8px solid;">
    <div class="p-3 bg-primary" style="font-size:1.3rem;">[SUBHEADER]</div>
    <div class="p-3 bg-dark">
      <p>[TEXT]</p>
      <ul>
        <li>[TEXT]</li>
      </ul>
    </div>
  </div>
  <!------------------------------- END MIDDLE SECTION -------------------------------->

  <!------------------------------- START CREDITS -------------------------------->
  <div class="col-12 py-3 my-3 bg-primary text-center" style=" border:#000000 8px solid;">
    <a href="[IMAGESOURCE]" data-toggle="tooltip" title="Header Background Image" data-original-title="Header Background Image" style="color:#FFFFFF; font-size:1.4rem;"><i class="fas fa-feather-pointed fa-flip-horizontal"></i></a>
    <a href="https://toyhou.se/22112060.terms-of-service-template" data-toggle="tooltip" title="Code by: TomcatCodes / CrispinAsheYA" data-original-title="Code by: TomcatCodes / CrispinAsheYA" style="color:#FFFFFF; font-size:1.4rem;"><i class="fas fa-egg"></i></a>
    <a href="https://toyhou.se/16006417.overlay" data-toggle="tooltip" title="Header Code Frankensteined From: CuckooHoopoe" data-original-title="Header Code Frankensteined From: CuckooHoopoe" style="color:#FFFFFF; font-size:1.4rem;"><i class="fas fa-feather-pointed"></i></a>
  </div>
  <!------------------------------- END CREDITS -------------------------------->

</div>
<!------------------------------- END ACTUAL CODE -------------------------------->

<!--
[IMAGEBANNER] | [IMAGESOURCE]
[SUBHEADER] | [TEXT]
-->