<div class="toolbar tabbar tabbar-icons toolbar-bottom">
  <div class="toolbar-inner">
    <a href="#tab-home" class="tab-link">
      <i class="icon f7-icons">house</i>
      <span class="tabbar-label">Home</span>
    </a>
    <a href="#tab-product" class="tab-link">
      <i class="icon f7-icons">rocket</i>
      <span class="tabbar-label">Products</span>
    </a>
    <a href="#tab-add" class="tab-link">
      <i class="icon f7-icons">plus_app</i>
      <span class="tabbar-label">Add</span>
    </a>
    <a href="#tab-account" class="tab-link">
      <i class="icon f7-icons">person</i>
      <span class="tabbar-label">Account</span>
    </a>
    <a href="#tab-more" class="tab-link">
      <i class="icon f7-icons">layers_alt</i>
      <span class="tabbar-label">More</span>
    </a>
  </div>
</div>
</div>
</div>
<script src="js/framework7-bundle.min.js"></script>
<script src="js/routes.js"></script>
<script src="js/app.js"></script>
<script src="js/utils.js"></script>
</body>

</html>