<div class="page page-profile" data-name="profile">
  <div class="navbar navbar-large">
    <div class="navbar-bg">
    </div>
    <div class="navbar-inner">
      <div class="right">
        <a href="#" class="link icon-only switch-theme">
          <i class="icon f7-icons">moon_stars</i>
        </a>
      </div>
    </div>
  </div>
  <div class="page-content">
    <div class="settings-header">
      <div class="settings-image">
        <img src="https://yui.xioyuna.com/template/img/avatars/1.jpg" alt="">
        <a href="#" class="link edit-profile-image">
          <i class="icon f7-icons">pencil</i>
        </a>
      </div>
      <div class="settings-name">Noah Campbell</div>
      <div class="settings-email">ncampbell@envato.com</div>
    </div>
  </div>
</div>