<div id="tab-home" class="tab tab-home view view-init tab-active view-main">
  <div class="page" data-name="tab_home">
    <div class="navbar navbar-large">
      <div class="navbar-bg">
      </div>
      <div class="navbar-inner">
        <div class="left">
          <a href="#" class="link icon-only switch-theme">
            <i class="icon f7-icons">moon_stars</i>
          </a>
        </div>
        <div class="title">Home</div>
        <div class="title-large">
          <div class="title-large-text">Home</div>
        </div>
        <div class="right">
          <a href="#" data-panel=".panel-right" class="icon-only panel-open">
            <i class="icon f7-icons">cart</i>
          </a>
          <a id="signout" class="link icon-only text-color-red">
            <i class="icon f7-icons">square_arrow_right</i>
          </a>
        </div>
      </div>
    </div>
    <div class="page-content" id="home_tab_content" data-ptr-mousewheel="true">
      <swiper-container class="full-width" slides-per-view="2.4" space-between="15" slides-offset-after="15" slides-offset-before="15" speed="400" id="home_random">
      </swiper-container>
      <div class="section-title">New Releases
        <a href="/new_release/">View All</a>
      </div>
      <div id="home_new_release" class="grid grid-cols-2 grid-gap grid-new-release">
      </div>
      <div class="section-title">Don't Miss It!</div>
      <a href="/single/" class="card">
        <div class="card-image">
          <img src="https://yui.xioyuna.com/template/img/cards/8.jpg" alt="">
        </div>
      </a>
      <div class="section-title">Trending Albums
        <a href="/product/" class="link">View All</a>
      </div>
      <swiper-container class="full-width" slides-per-view="2.4" space-between="15" slides-offset-after="15" slides-offset-before="15" speed="400" id="home_by_stock">
      </swiper-container>
    </div>
  </div>
</div>