roster_edit.html

<div class="pages">
  <div data-page="roster-edit" class="page navbar-fixed toolbar-fixed" >
    <div class="navbar theme-indigo">
      <div class="navbar-inner">
        <div class="left">
          <a href="#" class="back link icon-only"><i class="icon icon-back"></i></a>
        </div>
        <div id="lbl-edit-roster" class="center"></div>
        <div class="right"></div>
      </div>
    </div>
    <div class="page-content" style="padding-top:50px;">
        <div id="lbl-roster-edit-image" class="content-block-title"></div>
        <div onclick="editRosterImage();">
          <img id="edit-roster-image" src="img/profile.jpg" width="115px" height="115px" class="img-circle fit center">
        </div>
        <div class="list-block inputs-list">
          <ul>
            <li>
              <div class="item-content">
                <div class="item-inner"> 
                  <div id="lbl-roster-edit-name" class="item-title label"></div>
                  <div class="item-input">
                    <input id="edit-txt-roster-name" type="text" placeholder="Full name"/>
                  </div>
                </div>
              </div>
            </li>
            <li>
              <div class="item-content">
                <div class="item-inner"> 
                  <div id="lbl-roster-edit-position" class="item-title label"></div>
                  <div class="item-input">
                    <input id="edit-txt-roster-position" type="text" placeholder="Position"/>
                  </div>
                </div>
              </div>
            </li>
          </ul>
        </div>
        <div class="content-block">
          <p><a href="#" id="btn-update-roster" class="button button-big button-fill button-raised color-teal"></a></p>
        </div>
    </div>
    </div>
  </div>
</div>