applications

applications
Code:
<!DOCTYPE html>
<html lang="en">
<style>
  #main-table {
    background:#595959;
    margin-left:auto;
    margin-right:auto;
    border:2px solid white;
    border-radius:25px;
    padding:1%;
    width:100%;
    border-collapse:separate;
  }
  #icon {
    background:#b3d9ff;
    border:2px solid;
    border-color:#3399ff;
    border-radius: 60px;
    -moz-border-radius: 60px;
    -webkit-border-radius: 60px;
    -khtml-border-radius: 60px;
    -icab-border-radius: 60px;
    -o-border-radius: 60px;
    width:85px;
    height:85px;
    margin:auto;
    border-collapse:separate;
  }
  #icon-resident {
    background:#88ff88;
    border:2px solid;
    border-color:#46ff46;
    border-radius: 60px;
    -moz-border-radius: 60px;
    -webkit-border-radius: 60px;
    -khtml-border-radius: 60px;
    -icab-border-radius: 60px;
    -o-border-radius: 60px;
    width:85px;
    height:85px;
    margin:auto;
    border-collapse:separate;
  }
  #icon-mayor {
    background:#34c434;
    border:2px solid;
    border-color:#009600;
    border-radius: 60px;
    -moz-border-radius: 60px;
    -webkit-border-radius: 60px;
    -khtml-border-radius: 60px;
    -icab-border-radius: 60px;
    -o-border-radius: 60px;
    width:85px;
    height:85px;
    margin:auto;
    border-collapse:separate;
  }
  #icon-president {
    background:#ffc34c;
    border:2px solid;
    border-color:#eb9600;
    border-radius: 60px;
    -moz-border-radius: 60px;
    -webkit-border-radius: 60px;
    -khtml-border-radius: 60px;
    -icab-border-radius: 60px;
    -o-border-radius: 60px;
    width:85px;
    height:85px;
    margin:auto;
    border-collapse:separate;
  }
  #icon-large {
    background:#b3d9ff;
    border:2px solid;
    border-color:#3399ff;
    border-radius: 130px;
    -moz-border-radius: 130px;
    -webkit-border-radius: 130px;
    -khtml-border-radius: 130px;
    -icab-border-radius: 130px;
    -o-border-radius: 130px;
    width:130px;
    height:130px;
    margin:auto;
    border-collapse:separate;
  }
  #headerinfo {
    margin-right: 10%;
    margin-left: 10%;
    padding: 10px;
    font-size: 125%;
    text-align: center;
  }
  #note-from-editor {
    margin-right: 2%;
    margin-left: 2%;
    padding: 5px;
    font-size: 115%;
  }
</style>

<table id="main-table">
  <tr>
    <td>
      <table style="width:100%; height:100%;">
        <tr>
          <td>
            <div style="float:right;">
              <table id="icon">
                <tr>
                  <td style="text-align:center;">
                    <img src="https://i.imgur.com/A7bYHvN.png" width="60" height="60" />
                  </td>
                </tr>
              </table>
            </div>
            <p style="font-size:160%; float:left;"><b>Applications</b></p>
          </td>
        <tr>
      </table>
	  <hr />
    </td>
  </tr>
  <tr>
    <td>
      <table>
        <tr>
          <td colspan="3">
            <p style="text-align:center; font-size:150%;"><b>Rank Applications</b></p>
          </td>
        </tr>
        <tr>
          <td style="text-align:center;">
            <table id="icon-resident">
              <tr>
                <td> 
                  <a href="https://ecocitycraft.com/forum/wiki/resident-application/" rel="nofollow">
                    <img src="https://i.imgur.com/EwRm1bm.png" width="60" height="60" />
                  </a>
                </td>
              </tr>
            </table>
            <p style="font-size:33%"><br></p>
            <p style="font-size:125%;"><a href="https://ecocitycraft.com/forum/wiki/resident-application/"><b>Resident</b></a></p>
          </td>
          <td style="text-align: center;">
            <table id="icon-mayor">
              <tr>
                <td> 
                  <a href="https://ecocitycraft.com/forum/wiki/town-mayor-application/" rel="nofollow">
                    <img src="https://i.imgur.com/uVhM0iO.png" width="60" height="60" />
                  </a>
                </td>
              </tr>
            </table>
            <p style="font-size:33%"><br></p>
            <p style="font-size:125%;"><a href="https://ecocitycraft.com/forum/wiki/town-mayor-application/"><b>Mayor</b></a></p>
          </td>
          <td style="text-align: center;">
            <table id="icon-president">
              <tr>
                <td> 
                  <a href="https://ecocitycraft.com/forum/wiki/president-application/" rel="nofollow">
                    <img src="https://i.imgur.com/jQViLhS.png" width="60" height="60" />
                  </a>
                </td>
              </tr>
            </table>
            <p style="font-size:33%"><br></p>
            <p style="font-size:125%;"><a href="https://ecocitycraft.com/forum/wiki/president-application/"><b>President</b></a></p>
          </td>
        </tr>
        <tr>
          <td style="text-align: center;">
            <table id="icon-president">
              <tr>
                <td> 
                  <a href="https://ecocitycraft.com/forum/wiki/tycoon-application/" rel="nofollow">
                    <img src="https://i.imgur.com/J7lowur.png" width="60" height="60" />
                  </a>
                </td>
              </tr>
            </table>
            <p style="font-size:33%"><br></p>
            <p style="font-size:125%;"><a href="https://ecocitycraft.com/forum/wiki/tycoon-application/"><b>Tycoon</b></a></p>
          </td>
          <td style="text-align: center;">
            <table id="icon-president">
              <tr>
                <td> 
                  <a href="https://ecocitycraft.com/forum/wiki/ecoleader-application/" rel="nofollow">
                    <img src="https://i.imgur.com/sSTVNKz.png" width="60" height="60" />
                  </a>
                </td>
              </tr>
            </table>
            <p style="font-size:33%"><br></p>
            <p style="font-size:125%;"><a href="https://ecocitycraft.com/forum/wiki/ecoleader-application/"><b>EcoLeader</b></a></p>
          </td>
          <td style="text-align: center;">
            <table id="icon-president">
              <tr>
                <td> 
                  <a href="https://ecocitycraft.com/forum/wiki/ecomaster-application/" rel="nofollow">
                    <img src="https://i.imgur.com/7JVkoLB.png" width="60" height="60" />
                  </a>
                </td>
              </tr>
            </table>
            <p style="font-size:33%"><br></p>
            <p style="font-size:125%;"><a href="https://ecocitycraft.com/forum/wiki/ecomaster-application/"><b>EcoMaster</b></a></p>
          </td>
        </tr>
        <tr>
          <td colspan="3">
            <table id="icon-president">
              <tr>
                <td> 
                  <a href="https://ecocitycraft.com/forum/wiki/ecolegend-application/" rel="nofollow">
                    <img src="https://i.imgur.com/0gBadP9.png" width="60" height="60" />
                  </a>
                </td>
              </tr>
            </table>
            <p style="font-size:33%"><br></p>
            <p style="font-size:125%;"><a href="https://ecocitycraft.com/forum/wiki/ecolegend-application/"><b>EcoLegend</b></a></p>
          </td>
        </tr>
      </table>
      <br>
      <hr />
    </td>
  </tr>
  <tr>
    <td style="text-align:left;">
      <p style="font-size:140%"><b>Applications (Builders+)</b></p>
      <p style="font-size:105%"><b>These applications are available for all users.</b></p>
      <br>
      <p style="font-size:120%"><b>Nether Ranks</b></p>
      <p style="font-size:110%">Survivor Application</p>
      <p style="font-size:110%">Warrior Application</p>
      <p style="font-size:110%">Terminator Application</p>
      <br>
      <p style="font-size:120%"><b>End Ranks</b></p>
      <p style="font-size:110%">Voyager Application</p>
      <p style="font-size:110%">VoidWalker Application</p>
      <br>
      <p style="font-size:120%"><b>Medals</b></p>
      <p style="font-size:110%">Forum ECD Medal Application</p>
      <p style="font-size:110%">Lotto Winner Medal Application</p>
      <p style="font-size:110%">McMMO Power Level Medal Application</p>
      <p style="font-size:110%">Skyblock Medal Application</p>
      <p style="font-size:110%">Sportsbook Medal Application</p>
      <p style="font-size:110%">Treasure Collector Medal Application</p>
      <p style="font-size:110%">VMR Booklet Medal Application</p>
      <p style="font-size:110%">VMR Medal Application</p>
      <br>
    </td>
  </tr>
  <tr>
    <td style="text-align:left;">
      <p style="font-size:140%"><b>Applications (Residents+)</b></p>
      <p style="font-size:105%"><b>These applicatons are available for users who are of the Resident rank or higher.</b></p>
      <br>
      <p style="font-size:120%"><b>Spawn Trade-Shops</b></p>
      <p style="font-size:110%">Spawn Trade-Shop Rental Application</p>
      <br>
    </td>
  </tr>
  <tr>
    <td style="text-align:left;">
      <p style="font-size:140%"><b>Applications (Mayors+)</b></p>
      <p style="font-size:105%"><b>These applications are available for users who are of the Mayor rank or higher.</b></p>
      <br>
      <p style="font-size:120%"><b>Town Features</b></p>
      <p style="font-size:110%">Heal Sign Application</p>
      <p style="font-size:110%">PVP Area Application</p>
      <p style="font-size:110%">PVP Area Relocation Application</p>
      <p style="font-size:110%">Special Feature Removal Application</p>
      <p style="font-size:110%">Town Portal Relocation Application</p>
      <p style="font-size:110%">Town Portal Resize Application</p>
      <p style="font-size:110%">Town Warp Application</p>
      <p style="font-size:110%">Town Warp Relocation Application</p>
      <p style="font-size:110%">Town-Exclusive Portal Application</p>
      <br>
    </td>
  </tr>
  <tr>
    <td style="text-align:left;">
      <p style="font-size:140%"><b>Applications (Presidents+)</b></p>
      <p style="font-size:105%"><b>These applications are available for users who are of the President rank or higher.</b></p>
      <br>
      <p style="font-size:120%"><b>Town Management</b></p>
      <p style="font-size:110%">Additional Town Application</p>
      <p style="font-size:110%">Town Claim Application</p>
      <p style="font-size:110%">Town Move Application</p>
      <p style="font-size:110%">Town Transfer Application</p>
      <br>
      <p style="font-size:120%"><b>Town Features</b></p>
      <p style="font-size:110%">Town-Town Portal Application</p>
      <br>
    </td>
  </tr>
</table>