<div class="grid grid-cols-3 grid-gap grid-demo">
  <a href="/action_add/" class="link">
    <div>
      <i class="icon f7-icons">pause_rectangle_fill</i>
      <div class="movie-block-name">Add</div>
      <div class="movie-block-text">Action</div>
    </div>
  </a>
  <a href="/address_add/" class="link">
    <div>
      <i class="icon f7-icons">umbrella</i>
      <div class="movie-block-name">Add</div>
      <div class="movie-block-text">Address</div>
    </div>
  </a>
  <a href="/bank_add/" class="link">
    <div>
      <i class="icon f7-icons">archivebox</i>
      <div class="movie-block-name">Add</div>
      <div class="movie-block-text">Bank</div>
    </div>
  </a>
  <a href="/company_add/" class="link">
    <div>
      <i class="icon f7-icons">pause_fill</i>
      <div class="movie-block-name">Add</div>
      <div class="movie-block-text">Company</div>
    </div>
  </a>
  <a href="/inventory_add/" class="link">
    <div>
      <i class="icon f7-icons">headphones</i>
      <div class="movie-block-name">Add</div>
      <div class="movie-block-text">Inventory</div>
    </div>
  </a>
  <a href="/person_add/" class="link">
    <div>
      <i class="icon f7-icons">f_cursive_circle</i>
      <div class="movie-block-name">Add</div>
      <div class="movie-block-text">Person</div>
    </div>
  </a>
  <a href="/product_add/" class="link">
    <div>
      <i class="icon f7-icons">money_euro_circle_fill</i>
      <div class="movie-block-name">Add</div>
      <div class="movie-block-text">Product</div>
    </div>
  </a>
</div>