35th: electroid - relationships

<!--RELATIONSHIPS SCREEN START-->
<raw-code><center>
<div style="width: 480px; height: 270px; background: #1E1E1E; text-align: center;">
<!--HEADER START-->
 <div style="background: url(http://i.imgur.com/yIEMZac.png) no-repeat; font: bold 26px 'ms gothic', sans-serif; color: #C54EF7; text-align: left; padding: 6px 0px 6px 44px;">RELATIONSHIPS</div>
<!--HEADER END-->
<!--NAME START-->
 <div style="height: 16px; border-top: 1px solid #C54EF7; border-bottom: 1px solid #C54EF7; font: 12px 'ms gothic', sans-serif; color: #FFFFFF; padding-top: 4px;">TEXT</div>
<!--NAME END-->
<!--BODY START-->
 <div style="border-bottom: 1px solid #C54EF7; padding: 8px 0px;">
<!--BIG ICONS START-->
 <div style="width: 100px; display: inline-block;">
  <img src="ICON URL HERE" style="width: 75px; border: 4px solid #FFFFFF; margin-bottom: 5px;">
  <img src="ICON URL HERE" style="width: 75px; border: 4px solid #C54EF7; margin-bottom: 1px;">
 </div>
<!--BIG ICONS END-->
<!--SMALL ICONS START - There are only 5 icons in a row. The box will get a scroll bar if it goes beyond 15 icons.-->
 <div style="width: 290px; height: 168px; display: inline-block; overflow-y: auto;">
  <a href="LINK"><img src="ICON URL HERE" style="width: 44px; border: 1px solid #C54EF7; margin: 0px 6px 6px 0px;"></a>
  <a href="LINK"><img src="ICON URL HERE" style="width: 44px; border: 1px solid #C54EF7; margin: 0px 6px 6px 0px;"></a>
  <a href="LINK"><img src="ICON URL HERE" style="width: 44px; border: 1px solid #C54EF7; margin: 0px 6px 6px 0px;"></a>
  <a href="LINK"><img src="ICON URL HERE" style="width: 44px; border: 1px solid #C54EF7; margin: 0px 6px 6px 0px;"></a>
  <a href="LINK"><img src="ICON URL HERE" style="width: 44px; border: 1px solid #C54EF7; margin: 0px 6px 6px 0px;"></a>
  <a href="LINK"><img src="ICON URL HERE" style="width: 44px; border: 1px solid #C54EF7; margin: 0px 6px 6px 0px;"></a>
  <a href="LINK"><img src="ICON URL HERE" style="width: 44px; border: 1px solid #C54EF7; margin: 0px 6px 6px 0px;"></a>
  <a href="LINK"><img src="ICON URL HERE" style="width: 44px; border: 1px solid #C54EF7; margin: 0px 6px 6px 0px;"></a>
  <a href="LINK"><img src="ICON URL HERE" style="width: 44px; border: 1px solid #C54EF7; margin: 0px 6px 6px 0px;"></a>
  <a href="LINK"><img src="ICON URL HERE" style="width: 44px; border: 1px solid #C54EF7; margin: 0px 6px 6px 0px;"></a>
  <a href="LINK"><img src="ICON URL HERE" style="width: 44px; border: 1px solid #C54EF7; margin: 0px 6px 6px 0px;"></a>
  <a href="LINK"><img src="ICON URL HERE" style="width: 44px; border: 1px solid #C54EF7; margin: 0px 6px 6px 0px;"></a>
  <a href="LINK"><img src="ICON URL HERE" style="width: 44px; border: 1px solid #C54EF7; margin: 0px 6px 6px 0px;"></a>
  <a href="LINK"><img src="ICON URL HERE" style="width: 44px; border: 1px solid #C54EF7; margin: 0px 6px 6px 0px;"></a>
  <a href="LINK"><img src="ICON URL HERE" style="width: 44px; border: 1px solid #C54EF7; margin: 0px 6px 6px 0px;"></a>
 </div>
<!--SMALL ICONS END-->
 </div>
<!--BODY END-->
</div>
</center></raw-code>
<!--RELATIONSHIPS SCREEN END-->