<div class="page page-about_us c_more no-toolbar" data-name="about_us">
  <div class="navbar navbar-large">
    <div class="navbar-bg">
    </div>
    <div class="navbar-inner">
      <div class="left">
        <a href="#" class="link back">
          <i class="icon f7-icons arrow-back">arrow_left</i>
        </a>
      </div>
      <div id="pg_title" data-lang="about_us_title" class="title">About Us</div>
      <div class="title-large">
        <div id="pg_title_large" data-lang="about_us_title" class="title-large-text">About Us</div>
      </div>
      <div class="right">
        <a href="#" data-popup=".popup-cart" class="icon-only popup-open">
          <i class="icon f7-icons">cart</i>
        </a>
      </div>
    </div>
  </div>
  <div class="page-content" id="about_us_content">
    <p class="grid grid-cols-3 grid-gap grid-buttons-demo">
      <a href="#" class="button bg-light">light</a>
      <a href="#" class="button bg-dark">dark</a>
      <a href="#" class="button bg-primary">primary</a>
      <a href="#" class="button bg-secondary">secondary</a>
      <a href="#" class="button bg-info">info</a>
      <a href="#" class="button bg-success">success</a>
      <a href="#" class="button bg-warning">warning</a>
      <a href="#" class="button bg-danger">danger</a>
    </p>
  </div>
</div>