app code for xplor.

<lj-raw><center><a href="ENTRYURL">put text/an image/whatever you'd like about your link here</a><span style="display:none;"><lj-cut></span>
<table width="300" align="center" cellpadding="0" cellspacing="0" style="background-color: #fffff; border: 0px solid #ebebeb;">
<tr><td style="padding:0; margin:0;">
<div style="box-sizing: border-box; width: 300px; height: 300px; padding: 0; overflow: hidden;">
<a name="1a"></a>			
<div align="center" style="box-sizing: border-box; overflow: hidden; width: 300px; height: 300px; padding-top: 10px; background-image: url(https://i.imgur.com/Q69NaJ5.jpg); background-size: cover; background-repeat: no-repeat; background-position: center center; left: 50%;">
<a href="#1a"><div style="width: 10px; height: 10px; background: #271686; display: inline-block; border-radius: 50%; margin: 3px; border: 3px solid #fff;"></div></a> 
<a href="#1b"><div style="width: 10px; height: 10px; background: #850fd7; display: inline-block; border-radius: 50%; margin: 3px;  border: 3px solid #fff;"></div></a> 
<a href="#1c"><div style="width: 10px; height: 10px; background: #cf36aa; display: inline-block; border-radius: 50%; margin: 3px; border: 3px solid #fff;"></div></a> 
<a href="#1d"><div style="width: 10px; height: 10px; background: #dd738a; display: inline-block; border-radius: 50%; margin: 3px; border: 3px solid #fff;"></div></a> 
</div>

</td></tr>
<tr align="justify"><td style="padding: 10px 10px 5px 0px; font-size:20px; color:#363636; font-family: arial, sans-serif; vertical-align: text-top;"><b>name</b> is <B>age</b> and open to:</td></tr>
<tr align="justify"><td valign="top" style="padding: 0px 20px 5px 0px; font-size: 11px; color: #7a7a7a; line-height: 18px; font-family: arial, sans-serif; border-bottom: 0px solid #ebebeb;" colspan="1">
<div style="margin-top:5px;margin-bottom:10px;"><span style="background-color:#271686; padding:3px 6px 5px 6px; color:#fff;  border-radius:100px; margin-right:5px;"><font style="font-size:8px;">FRIENDSHIP</font></span> <span style="background-color:#510ac8; padding:3px 6px 5px 6px; color:#fff;  border-radius:100px; margin-right:5px;"><font style="font-size:8px;">HOOKUPS</font></span> <span style="background-color:#850fd7; padding:3px 6px 5px 6px; color:#fff;  border-radius:100px; margin-right:5px;"><font style="font-size:8px;">DATING</font></span>  <span style="background-color:#b020c0; padding:3px 6px 5px 6px; color:#fff;  border-radius:100px; margin-right:5px;"><font style="font-size:8px;">NETWORKING</font></span></div>
<div style="margin-bottom:5px;"><img src="https://i.imgur.com/VBxpc3U.png" style="height: 10px; padding-right: 10px;"> specify location<br>
<img src="https://i.imgur.com/eDEG9gw.png" style="height: 10px; padding-right: 10px;"> specify job
</div></td></tr>
<tr align="justify"><td valign="top" style="padding: 14px; font-size: 12px; line-height:16px; color:#000; font-family: arial, sans-serif; border-radius:20px; border:1px solid #f5f5f5; background-color:#f9fbfe;" colspan="1">
this is where your clever bio goes. feel free to go in as much detail as you want or keep it simple!
</td></tr>
<tr align="justify"><td valign="top"><div style="margin-top:10px; padding: 14px; font-size: 12px; line-height:16px; color:#000; font-family: arial, sans-serif; border-radius:20px; border:1px solid #f5f5f5; background-color:#f9fbfe;" colspan="1">
/* pick one (1) prompt and then delete the rest! */
<span style="background: rgb(39,22,134); background: linear-gradient(90deg, rgba(39,22,134,1) 0%, rgba(81,10,200,1) 20%, rgba(133,15,215,1) 40%, rgba(176,32,192,1) 60%, rgba(207,54,170,1) 80%, rgba(221,115,138,1) 100%); padding:3px 6px 5px 6px; color:#fff;  border-radius:100px;">i'm known for...</span>
<span style="background: rgb(39,22,134); background: linear-gradient(90deg, rgba(39,22,134,1) 0%, rgba(81,10,200,1) 20%, rgba(133,15,215,1) 40%, rgba(176,32,192,1) 60%, rgba(207,54,170,1) 80%, rgba(221,115,138,1) 100%); padding:3px 6px 5px 6px; color:#fff;  border-radius:100px;">i'll never shut up about...</span>
<span style="background: rgb(39,22,134); background: linear-gradient(90deg, rgba(39,22,134,1) 0%, rgba(81,10,200,1) 20%, rgba(133,15,215,1) 40%, rgba(176,32,192,1) 60%, rgba(207,54,170,1) 80%, rgba(221,115,138,1) 100%); padding:3px 6px 5px 6px; color:#fff;  border-radius:100px;">i spend too much time on...</span>
<span style="background: rgb(39,22,134); background: linear-gradient(90deg, rgba(39,22,134,1) 0%, rgba(81,10,200,1) 20%, rgba(133,15,215,1) 40%, rgba(176,32,192,1) 60%, rgba(207,54,170,1) 80%, rgba(221,115,138,1) 100%); padding:3px 6px 5px 6px; color:#fff;  border-radius:100px;">never have i ever...</span>
<span style="background: rgb(39,22,134); background: linear-gradient(90deg, rgba(39,22,134,1) 0%, rgba(81,10,200,1) 20%, rgba(133,15,215,1) 40%, rgba(176,32,192,1) 60%, rgba(207,54,170,1) 80%, rgba(221,115,138,1) 100%); padding:3px 6px 5px 6px; color:#fff;  border-radius:100px;">after work, you can find me...</span><BR>
<div style="margin-top:10px;">write out your answer here and let your personality shine some more.
</div></td></tr>
<tr align="center"><td valign="top" style="font-size: 11px; color:#000; font-family: arial, sans-serif; padding-top: 10px;" colspan="1">
<div style="margin-top:5px;"><div style="display: inline-block; height: 50px; width: 50px; background-color: #f9fbfe; border-radius: 50%; margin: 0px 0px 10px 10px;  box-shadow: 0px 0px 1px #ccc;"><img src="https://i.imgur.com/JdU7xJb.png" style="width: 30px; padding: 12px 10px 10px 10px; transform:rotate(180deg);"></div> <div style="display: inline-block; height: 50px; width: 50px; background-color: #f9fbfe; border-radius: 50%; margin: 0px; 20px 10px 0px; box-shadow: 0px 0px 1px #ccc;"><img src="https://i.imgur.com/590fZ2K.png" style="width: 30px; padding: 12px 10px 10px 10px;"></div> 
</lj-raw>