Framework7 Starter

HTML

<script src="https://unpkg.com/[email protected]/framework7-bundle.min.js"></script>
<link rel="stylesheet" href="https://unpkg.com/[email protected]/framework7-bundle.min.css">
<div id="app">
  <div class="view view-main">
    <div class="page" data-name="home">
      <div class="page-content">
        <div class="list sortable sortable-enabled sortable-opposite">
          <ul>
            <li>
              <div class="item-container">
                <div class="sortable-handler"></div>
                <div class="item-content">
                  <div class="item-inner">Item 1</div>
                </div>
              </div>
              <div class="list sortable sortable-enabled my-nested-list sortable-opposite">
                <ul>
                  <li>
                    <div class="sortable-handler"></div>
                    <div class="item-content">
                      <div class="item-inner">Sub-Item 1</div>
                    </div>
                  </li>
                  <li>
                    <div class="sortable-handler"></div>
                    <div class="item-content">
                      <div class="item-inner">Sub-Item 2</div>
                    </div>
                  </li>
                  <li>
                    <div class="sortable-handler"></div>
                    <div class="item-content">
                      <div class="item-inner">Sub-Item 3</div>
                    </div>
                  </li>
                </ul>
              </div>
            </li>
            <li>
              <div class="sortable-handler"></div>
              <div class="item-content">
                <div class="item-inner">Item 2</div>
              </div>
            </li>
            <li>
              <div class="sortable-handler"></div>
              <div class="item-content">
                <div class="item-inner">Item 3</div>
              </div>
            </li>
          </ul>
        </div>
      </div>      
   ...

JavaScript

var app = new Framework7({
  name: 'List', // App name
  theme: 'auto', // Automatic theme detection
  el: '#app', // App root element
  id: 'com.example.lists', // App bundle ID
});