Google+ (Bootstrap)

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

Version: 1.1

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

-->

<div class="row">

  <!------ START POST - USE THIS POST IF YOU DON'T HAVE ACCESS TO THE CSS THEME ------->
  <div class="col-12 col-lg-6"><div class="my-3 p-2 bg-light rounded-0" style="border:#000000 2px solid;">
    <div class="col-12 p-1">
      <div class="row">
        <div class="col-2 pr-0"><img src="[IMAGEPROFILEPICTURE]" width="70" height="70"></div>
        <div class="col-7 pl-0">
          <span class="float-left text-dark pt-4">[TEXTNAME]</span>
          <span class="float-left pt-4 pl-3 text-primary"><i class="fas fa-caret-right"></i> [TEXTCOLLECTION]</span>
        </div>
        <div class="col-3"><span class="float-right pt-4 text-secondary">[2 APRIL 2019]</span></div>
      </div>
      <div class="m-0 pl-3 pt-2 text-dark">
        <p class="text-dark">[TEXTRESHARE]</p>
      </div><hr class="my-2">
    </div>
    <div class="col-12 px-3 pb-3">
      <span class="py-3 text-primary">[TEXTNAME] originally shared</span>:
      <p class="text-dark">[TEXTPOST]</p>
      <img class="pt-3" src="[IMAGEURL]">
    </div>
    <div class="col-12 p-2 pl-4"><div class="row">
      <div class="col-9 p-2 bg-secondary text-dark">Add a comment...</div>
      <div class="col-3 p-2 text-center text-secondary" style="font-size:1rem; letter-spacing:0.2rem;"><i class="fas fa-thumbs-up"></i>0 <i class="fas fa-thumbs-down"></i>0 <i class="fas fa-share"></i>0 </div>
    </div></div>
  </div></div>
  <!------ END POST ------->

  <!------ START POST - USE THIS POST IF YOU DO HAVE ACCESS TO THE CSS THEME ------->
  <div class="col-12 col-lg-6"><div class="my-3 p-2 bg-light rounded-0" style="border:#000000 2px solid;">
    <div class="col-12 p-1">
      <div class="row">
        <div class="col-2 pr-0"><img src="[IMAGEPROFILEPICTURE]" width="70" height="70"></div>
        <div class="col-7 pl-0">
          <span class="float-left pt-4">[TEXTNAME]</span>
          <span class="float-left pt-4 pl-3 text-primary"><i class="fas fa-caret-right"></i> [TEXTCOLLECTION]</span>
        </div>
        <div class="col-3"><span class="float-right pt-4 text-secondary">3 May 2023</span></div>
      </div>
      <div class="m-0 pl-3 pt-2">
        <p>[TEXTRESHARE]</p>
      </div><hr class="my-2">
    </div>
    <div class="col-12 px-3 pb-3">
      <span class="py-3 text-primary">[TEXTNAME] originally shared</span>:
      <p>[TEXTPOST]</p>
      <img class="pt-3" src="[IMAGEURL]">
    </div>
    <div class="col-12 p-2 pl-4"><div class="row">
      <div class="col-9 p-2 bg-faded text-secondary">Add a comment...</div>
      <div class="col-3 p-2 text-center text-secondary" style="font-size:1rem; letter-spacing:0.2rem;"><i class="fas fa-thumbs-up"></i>0 <i class="fas fa-thumbs-down"></i>0 <i class="fas fa-share"></i>0 </div>
    </div></div>
  </div></div>
  <!------ END POST ------->

</div>

<a href="https://toyhou.se/21402049.google-dashboard-html-css" data-toggle="tooltip" title="Code By: TomcatCodes / CrispinAsheYA" style="color:#FFFFFF;">
  <div class="p-3 bg-danger text-center border-0" style="width:100px; height:100px; position:fixed; right:50px; bottom:100px; z-index:100; font-size:3rem; border-radius:50px;"><i class="fas fa-pencil"></i></div>
</a>

<!-- To quick-sort, all links begin with [L , all images begin with [I , and all editable text begins with [T -->
<!--
[IMAGEPROFILEPICTURE] | [TEXTNAME] | [TEXTCOLLECTION] | [2 APRIL 2019]
[TEXTRESHARE] | [TEXTPOST] | [IMAGEURL]
-->