smwc-fflatter/fflatter-demo.html

<title>Foldeflatter 2018.03.26 - Forum post layout sample test</title>

<style type="text/css">
  @import url("fflatter.css");
</style>

<div class="ff-base">
  <div class="ff-msgbase">
    <div class="ff-msgheader">
      Foldeflatter 2018.03.26
    </div>
    <div class="ff-msg">
      This is a sample text message.<br>
      <br>
      <div class="quote">
        <span class="boxhead">Quote header</span>
        <div class="box">
          Inside the quote box with a <a href="#">sample link</a> here.
        </div>
      </div>
      <br>
      <div class="code">
        <span class="boxhead">Code header</span>
        <div class="box">
          Inside the code box with a <a href="#">sample link</a> here.
        </div>
      </div>
      <hr>
      <div class="ff-msgfooter">
        <a href="https://harvettfox96.deviantart.com/art/Harvett-Fox-566140842">Harvett Fox</a> character artwork by me, CC BY <a href="https://creativecommons.org/licenses/by/3.0">3.0</a>, <a href="https://creativecommons.org/licenses/by/4.0">4.0</a> or later.<br>
        <br>
        Released by <a href="mailto:harvettfox96 [at] protonmail [dot] com">Jayvee Enaguas (HarvettFox96)</a>, licensed under <a href="https://creativecommons.org/licenses/by/4.0">CC BY 4.0</a>. (C) 2009-2018.
      </div>
    </div>
  </div>
</div>