framework7.angular/kitchen-sink-material/panel-right.html

Full Featured Mobile HTML Framework For Building iOS & Android Apps using Angularjs

<div class="panel panel-right panel-reveal">
  <div class="view view-right">
    <div class="pages navbar-fixed">
      <div data-page="panel-right1" class="page">
        <div class="navbar">
          <div class="navbar-inner">
            <div class="center">Right Panel</div>
          </div>
        </div>
        <div class="page-content">
          <div class="content-block">
            <p>This is a right side panel. You can close it by clicking outsite or on this link: <a href="#" class="close-panel">close me</a>. You can put here anything, even another isolated view, try it: </p>
          </div>
          <div class="list-block">
            <ul>
              <li><a href="panel-right2.html" class="item-link">
                  <div class="item-content">
                    <div class="item-inner">
                      <div class="item-title">Right panel page 2</div>
                    </div>
                  </div></a></li>
              <li><a href="panel-right3.html" class="item-link">
                  <div class="item-content">
                    <div class="item-inner">
                      <div class="item-title">Right panel page 3</div>
                    </div>
                  </div></a></li>
            </ul>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>