<div class="vi-grid">
  <div class="vi-grid__row vi-grid__row--hgap-30">
    <div class="col-sm-12 col-md-6">
      <!-- Sitemap  -->
      <div class="vi-sitemap">
        <a class="vi-sitemap__link vi-sitemap__link--title vi-sitemap__link--arrow" href="#">
          tumblr
        </a>
        <ul class="vi-sitemap__list">
          <!-- / Sitemap list items -->
          <li class="vi-sitemap__list-item">
            <a class="vi-sitemap__link vi-sitemap__link--arrow" href="#">
              vice retro YOLO chartreuse
            </a>
          </li>
          <li class="vi-sitemap__list-item">
            <a class="vi-sitemap__link vi-sitemap__link--arrow" href="#">
              lomo keytar
            </a>
          </li>
          <li class="vi-sitemap__list-item">
            <a class="vi-sitemap__link vi-sitemap__link--arrow" href="#">
              yr lumbersexual
            </a>
          </li>
          <li class="vi-sitemap__list-item">
            <a class="vi-sitemap__link vi-sitemap__link--arrow" href="#">
              tattooed pabst try-hard health
            </a>
          </li>
          <!-- / Sitemap list item with collection -->
          <li class="vi-sitemap__list-item">
            <a class="vi-sitemap__link vi-sitemap__link--arrow" href="#">
              cronut scenester
            </a>
            <a class="vi-sitemap__collection" href="#">
              86 articles
            </a>
          </li>
          <!-- / sitemap list items with several sublists -->
          <li class="vi-sitemap__list-item">
            <a class="vi-sitemap__link vi-sitemap__link--arrow" href="#">
              migas
            </a>
            <ul class="vi-sitemap__list vi-sitemap__list--sub">
              <li class="vi-sitemap__list-item">
                <a class="vi-sitemap__link vi-sitemap__link--arrow" href="#">
                  pickled hoodie everyday
                </a>
                <a class="vi-sitemap__collection" href="#">
                  21 articles
                </a>
                <ul class="vi-sitemap__list vi-sitemap__list--sub">
                  <li class="vi-sitemap__list-item">
                    <a class="vi-sitemap__link vi-sitemap__link--arrow" href="#">
                      chillwave taxidermy health
                    </a>
                  </li>
                  <li class="vi-sitemap__list-item">
                    <a class="vi-sitemap__link vi-sitemap__link--arrow" href="#">
                      tilde schlitz
                    </a>
                  </li>
                </ul>
              </li>
              <li class="vi-sitemap__list-item">
                <a class="vi-sitemap__link vi-sitemap__link--locked" href="#">
                  forage selvage distillery
                </a>
                <a class="vi-sitemap__collection" href="#">
                  21 articles
                </a>
                <ul class="vi-sitemap__list vi-sitemap__list--sub">
                  <li class="vi-sitemap__list-item">
                    <a class="vi-sitemap__link vi-sitemap__link--locked" href="#">
                      yr phlogiston
                    </a>
                  </li>
                  <li class="vi-sitemap__list-item">
                    <a class="vi-sitemap__link vi-sitemap__link--locked" href="#">
                      austin
                    </a>
                  </li>
                </ul>
              </li>
            </ul>
          </li>
          <li class="vi-sitemap__list-item">
            <a class="vi-sitemap__link vi-sitemap__link--arrow" href="#">
              tousled salvia roof
            </a>
            <ul class="vi-sitemap__list vi-sitemap__list--sub">
              <li class="vi-sitemap__list-item">
                <a class="vi-sitemap__link vi-sitemap__link--arrow" href="#">
                  humblebrag meggings
                </a>
                <a class="vi-sitemap__collection" href="#">
                  21 articles
                </a>
                <ul class="vi-sitemap__list vi-sitemap__list--sub">
                  <li class="vi-sitemap__list-item">
                    <a class="vi-sitemap__link vi-sitemap__link--arrow" href="#">
                      pickled
                    </a>
                  </li>
                  <li class="vi-sitemap__list-item">
                    <a class="vi-sitemap__link vi-sitemap__link--arrow" href="#">
                      farm-to-table selfies kitsch portland
                    </a>
                  </li>
                </ul>
              </li>
              <li class="vi-sitemap__list-item">
                <a class="vi-sitemap__link vi-sitemap__link--locked" href="#">
                  cray gluten-free truffaut
                </a>
                <a class="vi-sitemap__collection" href="#">
                  21 articles
                </a>
                <ul class="vi-sitemap__list vi-sitemap__list--sub">
                  <li class="vi-sitemap__list-item">
                    <a class="vi-sitemap__link vi-sitemap__link--locked" href="#">
                      phlogiston meggings
                    </a>
                  </li>
                  <li class="vi-sitemap__list-item">
                    <a class="vi-sitemap__link vi-sitemap__link--locked" href="#">
                      chia letterpress
                    </a>
                  </li>
                </ul>
              </li>
            </ul>
          </li>
        </ul>
      </div>
    </div>
    <div class="col-sm-12 col-md-6">
      <!-- Sitemap  -->
      <div class="vi-sitemap">
        <a class="vi-sitemap__link vi-sitemap__link--title vi-sitemap__link--arrow" href="#">
          aesthetic Yuccie
        </a>
        <ul class="vi-sitemap__list">
          <!-- / Sitemap list items -->
          <li class="vi-sitemap__list-item">
            <a class="vi-sitemap__link vi-sitemap__link--arrow" href="#">
              health hella
            </a>
          </li>
          <li class="vi-sitemap__list-item">
            <a class="vi-sitemap__link vi-sitemap__link--arrow" href="#">
              bitters sustainable hashtag cronut
            </a>
          </li>
          <li class="vi-sitemap__list-item">
            <a class="vi-sitemap__link vi-sitemap__link--arrow" href="#">
              selvage roof
            </a>
          </li>
          <li class="vi-sitemap__list-item">
            <a class="vi-sitemap__link vi-sitemap__link--arrow" href="#">
              kickstarter cleanse selfies irony
            </a>
          </li>
          <!-- / Sitemap list item with collection -->
          <li class="vi-sitemap__list-item">
            <a class="vi-sitemap__link vi-sitemap__link--arrow" href="#">
              mixtape waistcoat butcher
            </a>
            <a class="vi-sitemap__collection" href="#">
              86 articles
            </a>
          </li>
          <!-- / sitemap list items with several sublists -->
          <li class="vi-sitemap__list-item">
            <a class="vi-sitemap__link vi-sitemap__link--arrow" href="#">
              brooklyn organic taxidermy
            </a>
            <ul class="vi-sitemap__list vi-sitemap__list--sub">
              <li class="vi-sitemap__list-item">
                <a class="vi-sitemap__link vi-sitemap__link--arrow" href="#">
                  kogi carry carry 8-bit
                </a>
                <a class="vi-sitemap__collection" href="#">
                  21 articles
                </a>
                <ul class="vi-sitemap__list vi-sitemap__list--sub">
                  <li class="vi-sitemap__list-item">
                    <a class="vi-sitemap__link vi-sitemap__link--arrow" href="#">
                      pickled chia tattooed
                    </a>
                  </li>
                  <li class="vi-sitemap__list-item">
                    <a class="vi-sitemap__link vi-sitemap__link--arrow" href="#">
                      twee
                    </a>
                  </li>
                </ul>
              </li>
              <li class="vi-sitemap__list-item">
                <a class="vi-sitemap__link vi-sitemap__link--locked" href="#">
                  portland
                </a>
                <a class="vi-sitemap__collection" href="#">
                  21 articles
                </a>
                <ul class="vi-sitemap__list vi-sitemap__list--sub">
                  <li class="vi-sitemap__list-item">
                    <a class="vi-sitemap__link vi-sitemap__link--locked" href="#">
                      actually cardigan
                    </a>
                  </li>
                  <li class="vi-sitemap__list-item">
                    <a class="vi-sitemap__link vi-sitemap__link--locked" href="#">
                      XOXO synth
                    </a>
                  </li>
                </ul>
              </li>
            </ul>
          </li>
          <li class="vi-sitemap__list-item">
            <a class="vi-sitemap__link vi-sitemap__link--arrow" href="#">
              butcher chartreuse
            </a>
            <ul class="vi-sitemap__list vi-sitemap__list--sub">
              <li class="vi-sitemap__list-item">
                <a class="vi-sitemap__link vi-sitemap__link--arrow" href="#">
                  mlkshk umami cardigan
                </a>
                <a class="vi-sitemap__collection" href="#">
                  21 articles
                </a>
                <ul class="vi-sitemap__list vi-sitemap__list--sub">
                  <li class="vi-sitemap__list-item">
                    <a class="vi-sitemap__link vi-sitemap__link--arrow" href="#">
                      readymade
                    </a>
                  </li>
                  <li class="vi-sitemap__list-item">
                    <a class="vi-sitemap__link vi-sitemap__link--arrow" href="#">
                      slow-carb wolf chartreuse
                    </a>
                  </li>
                </ul>
              </li>
              <li class="vi-sitemap__list-item">
                <a class="vi-sitemap__link vi-sitemap__link--locked" href="#">
                  YOLO hella lumbersexual
                </a>
                <a class="vi-sitemap__collection" href="#">
                  21 articles
                </a>
                <ul class="vi-sitemap__list vi-sitemap__list--sub">
                  <li class="vi-sitemap__list-item">
                    <a class="vi-sitemap__link vi-sitemap__link--locked" href="#">
                      heirloom
                    </a>
                  </li>
                  <li class="vi-sitemap__list-item">
                    <a class="vi-sitemap__link vi-sitemap__link--locked" href="#">
                      williamsburg keffiyeh distillery seitan
                    </a>
                  </li>
                </ul>
              </li>
            </ul>
          </li>
        </ul>
      </div>
    </div>
    <div class="col-sm-12 col-md-6">
      <!-- Sitemap  -->
      <div class="vi-sitemap">
        <a class="vi-sitemap__link vi-sitemap__link--title vi-sitemap__link--locked" href="#">
          ramps viral
        </a>
        <ul class="vi-sitemap__list">
          <!-- / Sitemap list items -->
          <li class="vi-sitemap__list-item">
            <a class="vi-sitemap__link vi-sitemap__link--locked" href="#">
              hella
            </a>
          </li>
          <li class="vi-sitemap__list-item">
            <a class="vi-sitemap__link vi-sitemap__link--locked" href="#">
              tilde
            </a>
          </li>
          <li class="vi-sitemap__list-item">
            <a class="vi-sitemap__link vi-sitemap__link--locked" href="#">
              roof fingerstache
            </a>
          </li>
          <li class="vi-sitemap__list-item">
            <a class="vi-sitemap__link vi-sitemap__link--locked" href="#">
              scenester gastropub readymade
            </a>
          </li>
          <!-- / Sitemap list item with collection -->
          <li class="vi-sitemap__list-item">
            <a class="vi-sitemap__link vi-sitemap__link--locked" href="#">
              health twee meggings synth
            </a>
            <a class="vi-sitemap__collection" href="#">
              86 articles
            </a>
          </li>
          <!-- / sitemap list items with several sublists -->
          <li class="vi-sitemap__list-item">
            <a class="vi-sitemap__link vi-sitemap__link--locked" href="#">
              etsy meh literally
            </a>
            <ul class="vi-sitemap__list vi-sitemap__list--sub">
              <li class="vi-sitemap__list-item">
                <a class="vi-sitemap__link vi-sitemap__link--locked" href="#">
                  master post-ironic
                </a>
                <a class="vi-sitemap__collection" href="#">
                  21 articles
                </a>
                <ul class="vi-sitemap__list vi-sitemap__list--sub">
                  <li class="vi-sitemap__list-item">
                    <a class="vi-sitemap__link vi-sitemap__link--locked" href="#">
                      90's mumblecore neutra
                    </a>
                  </li>
                  <li class="vi-sitemap__list-item">
                    <a class="vi-sitemap__link vi-sitemap__link--locked" href="#">
                      truffaut Godard
                    </a>
                  </li>
                </ul>
              </li>
              <li class="vi-sitemap__list-item">
                <a class="vi-sitemap__link vi-sitemap__link--locked" href="#">
                  shoreditch stumptown carry waistcoat
                </a>
                <a class="vi-sitemap__collection" href="#">
                  21 articles
                </a>
                <ul class="vi-sitemap__list vi-sitemap__list--sub">
                  <li class="vi-sitemap__list-item">
                    <a class="vi-sitemap__link vi-sitemap__link--locked" href="#">
                      chartreuse quinoa
                    </a>
                  </li>
                  <li class="vi-sitemap__list-item">
                    <a class="vi-sitemap__link vi-sitemap__link--locked" href="#">
                      quinoa
                    </a>
                  </li>
                </ul>
              </li>
            </ul>
          </li>
          <li class="vi-sitemap__list-item">
            <a class="vi-sitemap__link vi-sitemap__link--locked" href="#">
              park
            </a>
            <ul class="vi-sitemap__list vi-sitemap__list--sub">
              <li class="vi-sitemap__list-item">
                <a class="vi-sitemap__link vi-sitemap__link--locked" href="#">
                  bitters
                </a>
                <a class="vi-sitemap__collection" href="#">
                  21 articles
                </a>
                <ul class="vi-sitemap__list vi-sitemap__list--sub">
                  <li class="vi-sitemap__list-item">
                    <a class="vi-sitemap__link vi-sitemap__link--locked" href="#">
                      scenester humblebrag pop-up
                    </a>
                  </li>
                  <li class="vi-sitemap__list-item">
                    <a class="vi-sitemap__link vi-sitemap__link--locked" href="#">
                      PBR&amp;B quinoa chicharrones
                    </a>
                  </li>
                </ul>
              </li>
              <li class="vi-sitemap__list-item">
                <a class="vi-sitemap__link vi-sitemap__link--locked" href="#">
                  tilde shoreditch
                </a>
                <a class="vi-sitemap__collection" href="#">
                  21 articles
                </a>
                <ul class="vi-sitemap__list vi-sitemap__list--sub">
                  <li class="vi-sitemap__list-item">
                    <a class="vi-sitemap__link vi-sitemap__link--locked" href="#">
                      pickled waistcoat hammock seitan
                    </a>
                  </li>
                  <li class="vi-sitemap__list-item">
                    <a class="vi-sitemap__link vi-sitemap__link--locked" href="#">
                      whatever shoreditch selvage
                    </a>
                  </li>
                </ul>
              </li>
            </ul>
          </li>
        </ul>
      </div>
    </div>
    <div class="col-sm-12 col-md-6">
      <!-- Sitemap  -->
      <div class="vi-sitemap">
        <a class="vi-sitemap__link vi-sitemap__link--title vi-sitemap__link--arrow" href="#">
          chambray whatever normcore readymade
        </a>
        <ul class="vi-sitemap__list">
          <!-- / Sitemap list items -->
          <li class="vi-sitemap__list-item">
            <a class="vi-sitemap__link vi-sitemap__link--arrow" href="#">
              actually wayfarers XOXO
            </a>
          </li>
          <li class="vi-sitemap__list-item">
            <a class="vi-sitemap__link vi-sitemap__link--arrow" href="#">
              occupy chillwave chartreuse
            </a>
          </li>
          <li class="vi-sitemap__list-item">
            <a class="vi-sitemap__link vi-sitemap__link--arrow" href="#">
              cred twee 8-bit disrupt
            </a>
          </li>
          <li class="vi-sitemap__list-item">
            <a class="vi-sitemap__link vi-sitemap__link--arrow" href="#">
              chillwave portland
            </a>
          </li>
          <!-- / Sitemap list item with collection -->
          <li class="vi-sitemap__list-item">
            <a class="vi-sitemap__link vi-sitemap__link--arrow" href="#">
              salvia carry
            </a>
            <a class="vi-sitemap__collection" href="#">
              86 articles
            </a>
          </li>
          <!-- / sitemap list items with several sublists -->
          <li class="vi-sitemap__list-item">
            <a class="vi-sitemap__link vi-sitemap__link--arrow" href="#">
              chartreuse vinegar
            </a>
            <ul class="vi-sitemap__list vi-sitemap__list--sub">
              <li class="vi-sitemap__list-item">
                <a class="vi-sitemap__link vi-sitemap__link--arrow" href="#">
                  kombucha DIY williamsburg ramps
                </a>
                <a class="vi-sitemap__collection" href="#">
                  21 articles
                </a>
                <ul class="vi-sitemap__list vi-sitemap__list--sub">
                  <li class="vi-sitemap__list-item">
                    <a class="vi-sitemap__link vi-sitemap__link--arrow" href="#">
                      +1 carry
                    </a>
                  </li>
                  <li class="vi-sitemap__list-item">
                    <a class="vi-sitemap__link vi-sitemap__link--arrow" href="#">
                      paleo kickstarter
                    </a>
                  </li>
                </ul>
              </li>
              <li class="vi-sitemap__list-item">
                <a class="vi-sitemap__link vi-sitemap__link--locked" href="#">
                  tumblr drinking artisan
                </a>
                <a class="vi-sitemap__collection" href="#">
                  21 articles
                </a>
                <ul class="vi-sitemap__list vi-sitemap__list--sub">
                  <li class="vi-sitemap__list-item">
                    <a class="vi-sitemap__link vi-sitemap__link--locked" href="#">
                      wolf health
                    </a>
                  </li>
                  <li class="vi-sitemap__list-item">
                    <a class="vi-sitemap__link vi-sitemap__link--locked" href="#">
                      truffaut
                    </a>
                  </li>
                </ul>
              </li>
            </ul>
          </li>
          <li class="vi-sitemap__list-item">
            <a class="vi-sitemap__link vi-sitemap__link--arrow" href="#">
              blog authentic church-key umami
            </a>
            <ul class="vi-sitemap__list vi-sitemap__list--sub">
              <li class="vi-sitemap__list-item">
                <a class="vi-sitemap__link vi-sitemap__link--arrow" href="#">
                  austin
                </a>
                <a class="vi-sitemap__collection" href="#">
                  21 articles
                </a>
                <ul class="vi-sitemap__list vi-sitemap__list--sub">
                  <li class="vi-sitemap__list-item">
                    <a class="vi-sitemap__link vi-sitemap__link--arrow" href="#">
                      dreamcatcher selfies cold-pressed
                    </a>
                  </li>
                  <li class="vi-sitemap__list-item">
                    <a class="vi-sitemap__link vi-sitemap__link--arrow" href="#">
                      wolf
                    </a>
                  </li>
                </ul>
              </li>
              <li class="vi-sitemap__list-item">
                <a class="vi-sitemap__link vi-sitemap__link--locked" href="#">
                  slow-carb mlkshk
                </a>
                <a class="vi-sitemap__collection" href="#">
                  21 articles
                </a>
                <ul class="vi-sitemap__list vi-sitemap__list--sub">
                  <li class="vi-sitemap__list-item">
                    <a class="vi-sitemap__link vi-sitemap__link--locked" href="#">
                      XOXO normcore vinegar cronut
                    </a>
                  </li>
                  <li class="vi-sitemap__list-item">
                    <a class="vi-sitemap__link vi-sitemap__link--locked" href="#">
                      twee shoreditch cred
                    </a>
                  </li>
                </ul>
              </li>
            </ul>
          </li>
        </ul>
      </div>
    </div>
    <div class="col-sm-12 col-md-6">
      <!-- Sitemap  -->
      <div class="vi-sitemap">
        <a class="vi-sitemap__link vi-sitemap__link--title vi-sitemap__link--arrow" href="#">
          sartorial waistcoat
        </a>
        <ul class="vi-sitemap__list">
          <!-- / Sitemap list items -->
          <li class="vi-sitemap__list-item">
            <a class="vi-sitemap__link vi-sitemap__link--arrow" href="#">
              forage
            </a>
          </li>
          <li class="vi-sitemap__list-item">
            <a class="vi-sitemap__link vi-sitemap__link--arrow" href="#">
              retro swag
            </a>
          </li>
          <li class="vi-sitemap__list-item">
            <a class="vi-sitemap__link vi-sitemap__link--arrow" href="#">
              mustache
            </a>
          </li>
          <li class="vi-sitemap__list-item">
            <a class="vi-sitemap__link vi-sitemap__link--arrow" href="#">
              meditation ugh
            </a>
          </li>
          <!-- / Sitemap list item with collection -->
          <li class="vi-sitemap__list-item">
            <a class="vi-sitemap__link vi-sitemap__link--arrow" href="#">
              drinking bushwick
            </a>
            <a class="vi-sitemap__collection" href="#">
              86 articles
            </a>
          </li>
          <!-- / sitemap list items with several sublists -->
          <li class="vi-sitemap__list-item">
            <a class="vi-sitemap__link vi-sitemap__link--arrow" href="#">
              DIY
            </a>
            <ul class="vi-sitemap__list vi-sitemap__list--sub">
              <li class="vi-sitemap__list-item">
                <a class="vi-sitemap__link vi-sitemap__link--arrow" href="#">
                  VHS offal vinegar umami
                </a>
                <a class="vi-sitemap__collection" href="#">
                  21 articles
                </a>
                <ul class="vi-sitemap__list vi-sitemap__list--sub">
                  <li class="vi-sitemap__list-item">
                    <a class="vi-sitemap__link vi-sitemap__link--arrow" href="#">
                      park street cornhole
                    </a>
                  </li>
                  <li class="vi-sitemap__list-item">
                    <a class="vi-sitemap__link vi-sitemap__link--arrow" href="#">
                      aesthetic pinterest kickstarter
                    </a>
                  </li>
                </ul>
              </li>
              <li class="vi-sitemap__list-item">
                <a class="vi-sitemap__link vi-sitemap__link--locked" href="#">
                  pickled paleo
                </a>
                <a class="vi-sitemap__collection" href="#">
                  21 articles
                </a>
                <ul class="vi-sitemap__list vi-sitemap__list--sub">
                  <li class="vi-sitemap__list-item">
                    <a class="vi-sitemap__link vi-sitemap__link--locked" href="#">
                      keytar health Thundercats
                    </a>
                  </li>
                  <li class="vi-sitemap__list-item">
                    <a class="vi-sitemap__link vi-sitemap__link--locked" href="#">
                      cardigan
                    </a>
                  </li>
                </ul>
              </li>
            </ul>
          </li>
          <li class="vi-sitemap__list-item">
            <a class="vi-sitemap__link vi-sitemap__link--arrow" href="#">
              locavore iPhone bespoke
            </a>
            <ul class="vi-sitemap__list vi-sitemap__list--sub">
              <li class="vi-sitemap__list-item">
                <a class="vi-sitemap__link vi-sitemap__link--arrow" href="#">
                  echo
                </a>
                <a class="vi-sitemap__collection" href="#">
                  21 articles
                </a>
                <ul class="vi-sitemap__list vi-sitemap__list--sub">
                  <li class="vi-sitemap__list-item">
                    <a class="vi-sitemap__link vi-sitemap__link--arrow" href="#">
                      vinyl YOLO keffiyeh
                    </a>
                  </li>
                  <li class="vi-sitemap__list-item">
                    <a class="vi-sitemap__link vi-sitemap__link--arrow" href="#">
                      etsy
                    </a>
                  </li>
                </ul>
              </li>
              <li class="vi-sitemap__list-item">
                <a class="vi-sitemap__link vi-sitemap__link--locked" href="#">
                  literally
                </a>
                <a class="vi-sitemap__collection" href="#">
                  21 articles
                </a>
                <ul class="vi-sitemap__list vi-sitemap__list--sub">
                  <li class="vi-sitemap__list-item">
                    <a class="vi-sitemap__link vi-sitemap__link--locked" href="#">
                      selfies brooklyn echo
                    </a>
                  </li>
                  <li class="vi-sitemap__list-item">
                    <a class="vi-sitemap__link vi-sitemap__link--locked" href="#">
                      skateboard 90's
                    </a>
                  </li>
                </ul>
              </li>
            </ul>
          </li>
        </ul>
      </div>
    </div>
  </div>
</div>