Simple Box

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

Version 1

Default Colours
-Brown Borders: #573100
-Cream Background: #E7BC91
-Text-Black: #000000
-Text-White: #FFFFFF
fas fa-feather-pointed

Quick Changes:
(Highlight These and press ctrl+F to change commonly-changed information quickly!)
[BACKGROUNDIMAGE]              [Replace with Image URL]
[TITLE]
[SUBHEADING1]
[TEXT1]
[SUBHEADING2]
[TEXT2]

Thank you for reading!
Crispin

-->

<!---------------------------------------------------------  START BACKGROUND --------------------------------------------------------->

<!-- The Background image! -->
<div style="background-image:url([BACKGROUNDIMAGE]); background-size:cover; background-position:top-center; overflow:auto;" class="card-block">

  <!---------------------------------------------------------  END BACKGROUND --------------------------------------------------------->

  <!-- This centers the code. There's no reason for you to touch this. Color & Style here sets #5C4F47 as the default colour and Comic Sans as the default Font. -->
  <div class="mx-auto py-5" style="max-width:1000px; color:#5C4F47; font-family:'comic sans ms';">

    <!----------------------------------------------------------- START INFO ------------------------------------------------------------>

    <div class="card col-12" style="height:735px; font-family:'comic sans ms'; color:#573100; background:#E7BC91; border:6px #573100 solid; border-radius:0px;"> <!-- Sets up The Main Code -->

      <!------ START HEADER ------>
      <div class="row card-header py-2 px-4" style="font-size:2rem; color:#FFFFFF; font-family:'comic sans ms'; background-color:#573100; border:1px #573100 solid; border-radius:0px;">
        <span class="pull-left"><a href="https://toyhou.se/19079845.simple-box" data-toggle="tooltip" title="Code by: TomcatCodes / CrispinAsheYA" data-original-title="Code by: TomcatCodes / CrispinAsheYA"><span style="color:#FFFFFF;"><i class="fas fa-feather-pointed"></i></span></a> [TITLE]</span>
      </div>
      <!------ END HEADER ------>

      <!---------------------------------------------------------- START SECTION ----------------------------------------------------------->

      <div class="card-body p-3 table-responsive" style="max-height:675px; color:#000000;"> <!-- Start Text Area -->

        <!------ START SECTION 1 ------>
        <span style="font-size:1.3rem; color:#573100"> [SUBHEADING1]</span> <!-- Writes Trivia at the top -->
        <hr class="mt-1 mb-2" style="border:1px #573100 dashed;"> <!-- The lil underline beneath Trivia -->
        <p>[TEXT1]</p>
        <p>-</p>
        <!------ END SECTION 1 ------>

        <!------ START SECTION 2 ------>
        <span style="font-size:1.3rem; color:#573100"> [SUBHEADING2]</span> <!-- Writes Trivia at the top -->
        <hr class="mt-1 mb-2" style="border:1px #573100 dashed;"> <!-- The lil underline beneath Trivia -->
        <p>[TEXT2]</p>
        <p>-</p>
        <!------ END SECTION 2 ------>

        <!------ ADD MORE SECTIONS HERE ------>

      </div> <!-- End Text Area -->

      <!----------------------------------------------------------- END SECTION ------------------------------------------------------------>

    </div> <!-- End The Main Code -->

  </div> <!-- End Center-Code -->

</div> <!-- End Background -->