<raw-code>
<!--PHONE OUTLINE, don't touch this bit-->
<div style="display: block; background: url(https://i.imgur.com/DKE6Nax.png); height: 813px; width: 400px; margin: auto;">
<!--END PHONE OUTLINE-->

<!--PHONE BACKGROUND, touch this bit-->
<div style="display: inline-block; height: 782px; width: 360px; background: url(PHONE-BACKGROUND-URL); overflow: hidden; border-radius: 40px; margin-left: 20px; margin-top: 16px;  background-repeat: no-repeat; background-size: cover;">
<!--END PHONE BACKGROUND-->

<!--PHONE CAMERA AND RECEPTION BARS, don't touch this bit-->
<div style="display: block; height: 25px; width: 360px; margin-left: 15px; margin-top: 15px;"><img src="https://i.imgur.com/TQKYQnk.png" style="height: 25px;"></div>
<!--END PHONE CAMERA AND RECEPTION BARS-->


<!--START PHONE SCREEN-->
<div style="display: inline-block; height: 700px; width: 360px; overflow: hidden;">

    <!--START HOME SCREEN-->
    <div style="display: inline-block; height: 700px; width: 360px;">
	<a name="HOME"></a>
      <div style="display: block; width: 340px; height: 50px; text-align: center; padding: 10px 0px 5px 0px; margin: 0px 10px 0px; 10px; border-bottom: 1px solid #900aa2;">
        <span style="font-size: 25px; font-family: Palatino, helvetica; color:#f4f9fc; line-height:35px; letter-spacing:1px; text-transform: uppercase; text-shadow: #00040e 0px 1px 1px;">
        CONTACTS<br/>
        </span>
      </div>

      <div style="display: block; padding: 10px; width: 340px; height: 650px; overflow: auto;">
        <center>
        <div style="margin-left: 2px;">

		<!--ICON AREA-->

        <!--START IMAGE LINK-->
        <a href="#CHAR1"><img src="USERPIC-URL" style="height: 60px; width: 60px; border-radius: 10px; border: 1px solid #900aa2" alt="NAME"></a>
        <!--END IMAGE LINK-->

		<!--START IMAGE LINK-->
        <a href="#CHAR2"><img src="USERPIC-URL" style="height: 60px; width: 60px; border-radius: 10px; border: 1px solid #900aa2" alt="NAME"></a>
        <!--END IMAGE LINK-->

		<!--START IMAGE LINK-->
        <a href="#CHAR3"><img src="USERPIC-URL" style="height: 60px; width: 60px; border-radius: 10px; border: 1px solid #900aa2" alt="NAME"></a>
        <!--END IMAGE LINK-->


		<!--END ICON AREA-->

		</div>
		</center>
      </div>
    </div>
    <!--END HOME SCREEN-->

	COPY & PASTE CHARACTER ENTRY CODE HERE

</div>
<!--END PHONE SCREEN-->

  <!--START NAVIGATION-->
  <div style="height: 30px; margin-left: 80px; width: 200px; margin-top: 5px;">
    <div id="MENU-BUTTON" style="display: inline-block;">
      <a href="#HOME"><img src="https://i.imgur.com/VX4SrBB.png" alt="Menu Button"></a>
    </div>
    <div id="HOME-BUTTON" style="display: inline-block; margin-left: 50px;">
      <a href="#HOME"><img src="https://i.imgur.com/q1zJEYY.png" alt="Home Button"></a>
    </div>
    <div id="BACK-BUTTON" style="display: inline-block; margin-left: 50px;">
      <a href="#HOME"><img src="https://i.imgur.com/yiwKBed.png" alt="Back Button"></a>
    </div>
  </div>
  <!--END NAVIGATION-->

</div></div></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>