<raw-code>
 <!--START KEY-->
   <center><div style="display: inline-block; width: 325px; background-image: url('https://i.imgur.com/MhG9JWG.png'); margin: 10px; border-radius: 7px; border: 1px solid rgba(48, 77, 107, 0.7); font-family: 'Trebuchet MS'; font-size: 11px; color: #fafafa;">
     <div style="display: block; height: 15px; width: 325px; font-family: 'Trebuchet MS'; line-height: 15px; font-size: 14px; color: #a0ffff;">
     KEY
     </div>
     🤍 - Neutral | 🖤 - Dislike | 💛 - Like<br/>
      💖 - Love | 💔 - Complicated
    </div></center>

  <!--START CODE-->
  <div style="display:block; width: 80%; margin: auto;"><center>

    <!--START CR ENTRIES-->

    <!--START ENTRY-->
        <div style="display: inline-block; height: 150px; width: 325px; background-image: url('https://i.imgur.com/MhG9JWG.png'); margin: 10px; border-radius: 7px; border: 1px solid rgba(48, 77, 107, 0.7);">
          <!--START ICON-->
          <div style="display: inline-block; height: 150px; width: 120px; float: left;">
            <div style="display: block;"><img src="USERPIC-URL" style="border-radius: 50px; border: 1px solid #000; margin-left: 3px; margin-top: 7px;"></div>
            <!--START EMOJIS-->
            <div style="display: block; padding-top: 7px;">EMOJIS HERE</div>
            <!--END EMOJIS-->
          </div>
          <!--END ICON-->

          <!--START INFO-->
          <div style="display: inline-block; height: 150px; width: 200px; float: right;">
            <!--START NAME-->
            <div style="height: 25px; width: 180px; display: block; margin: auto; margin-top: 5px; margin-right: 12px; background-image: linear-gradient(to right, rgba(0, 17, 33, 0.7), rgba(53, 64, 60, 0.7));  border: 1px solid rgba(48, 77, 107, 0.7); border-radius: 10px; font-family: 'Trebuchet MS'; font-size: 16px; line-height: 25px; text-align: center; color: #fafafa; font-weight: bold;">
              Name Here
            </div>
            <!--END NAME-->

            <!--START DESCRIPTION-->
            <div style="display: inline-block; height: 100px; width: 200px; float: right; border-radius: 10px; background-image: linear-gradient(to right, rgba(0, 17, 33, 0.7), rgba(53, 64, 60, 0.7)); border: 2px solid rgba(53, 215, 218, 0.8); overflow: hidden; margin-top: 5px; margin-right: 3px;">
              <div style="display: block; height: 100px; width: 190px; padding: 2px 5px 2px 5px; font-family: 'Trebuchet MS'; text-align: left; font-size: 11px; color: #fafafa; overflow: auto; ">
                  Details here!
              </div>
            </div>
            <!--END DESCRIPTION-->

          </div>

        </div>
    <!--END ENTRY-->

    <!--START ENTRY-->
        <div style="display: inline-block; height: 150px; width: 325px; background-image: url('https://i.imgur.com/MhG9JWG.png'); margin: 10px; border-radius: 7px; border: 1px solid rgba(48, 77, 107, 0.7);">
          <!--START ICON-->
          <div style="display: inline-block; height: 150px; width: 120px; float: left;">
            <div style="display: block;"><img src="USERPIC-URL" style="border-radius: 50px; border: 1px solid #000; margin-left: 3px; margin-top: 7px;"></div>
            <!--START EMOJIS-->
            <div style="display: block; padding-top: 7px;">EMOJIS HERE</div>
            <!--END EMOJIS-->
          </div>
          <!--END ICON-->

          <!--START INFO-->
          <div style="display: inline-block; height: 150px; width: 200px; float: right;">
            <!--START NAME-->
            <div style="height: 25px; width: 180px; display: block; margin: auto; margin-top: 5px; margin-right: 12px; background-image: linear-gradient(to right, rgba(0, 17, 33, 0.7), rgba(53, 64, 60, 0.7));  border: 1px solid rgba(48, 77, 107, 0.7); border-radius: 10px; font-family: 'Trebuchet MS'; font-size: 16px; line-height: 25px; text-align: center; color: #fafafa; font-weight: bold;">
              Name Here
            </div>
            <!--END NAME-->

            <!--START DESCRIPTION-->
            <div style="display: inline-block; height: 100px; width: 200px; float: right; border-radius: 10px; background-image: linear-gradient(to right, rgba(0, 17, 33, 0.7), rgba(53, 64, 60, 0.7)); border: 2px solid rgba(53, 215, 218, 0.8); overflow: hidden; margin-top: 5px; margin-right: 3px;">
              <div style="display: block; height: 100px; width: 190px; padding: 2px 5px 2px 5px; font-family: 'Trebuchet MS'; text-align: left; font-size: 11px; color: #fafafa; overflow: auto; ">
                  Details here!
              </div>
            </div>
            <!--END DESCRIPTION-->

          </div>

        </div>
    <!--END ENTRY-->

<!--END CR ENTRIES-->
    </center></div>
    <div style="display: block; clear: both; height: 10px; text-align: center; font-variant: small-caps; padding: 5px;">Code by <a href="http://yuff.dreamwidth.org">Yuff</a></div>
</raw-code>