<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 pitchfork taxidermy
        </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
            </a>
          </li>
          <li class="vi-sitemap__list-item">
            <a class="vi-sitemap__link vi-sitemap__link--arrow" href="#">
              lomo
            </a>
          </li>
          <li class="vi-sitemap__list-item">
            <a class="vi-sitemap__link vi-sitemap__link--arrow" href="#">
              mixtape +1 tilde
            </a>
          </li>
          <li class="vi-sitemap__list-item">
            <a class="vi-sitemap__link vi-sitemap__link--arrow" href="#">
              tattooed pabst try-hard
            </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 gastropub migas
            </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 seitan
                </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 swag
                    </a>
                  </li>
                  <li class="vi-sitemap__list-item">
                    <a class="vi-sitemap__link vi-sitemap__link--arrow" href="#">
                      tilde
                    </a>
                  </li>
                </ul>
              </li>
              <li class="vi-sitemap__list-item">
                <a class="vi-sitemap__link vi-sitemap__link--locked" href="#">
                  forage selvage
                </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 sustainable chicharrones church-key
                    </a>
                  </li>
                </ul>
              </li>
            </ul>
          </li>
          <li class="vi-sitemap__list-item">
            <a class="vi-sitemap__link vi-sitemap__link--arrow" href="#">
              chillwave flannel hashtag intelligentsia
            </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="#">
                  fingerstache schlitz
                </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="#">
                      truffaut mlkshk lomo
                    </a>
                  </li>
                  <li class="vi-sitemap__list-item">
                    <a class="vi-sitemap__link vi-sitemap__link--arrow" href="#">
                      farm-to-table selfies
                    </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 skateboard PBR&amp;B
                    </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 celiac ramps neutra
        </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
            </a>
          </li>
          <li class="vi-sitemap__list-item">
            <a class="vi-sitemap__link vi-sitemap__link--arrow" href="#">
              selvage roof seitan dreamcatcher
            </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 gluten-free
            </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 yr
            </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
                </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="#">
                      stumptown
                    </a>
                  </li>
                </ul>
              </li>
              <li class="vi-sitemap__list-item">
                <a class="vi-sitemap__link vi-sitemap__link--locked" href="#">
                  post-ironic synth forage retro
                </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="#">
                      ennui beard austin retro
                    </a>
                  </li>
                  <li class="vi-sitemap__list-item">
                    <a class="vi-sitemap__link vi-sitemap__link--locked" href="#">
                      vegan microdosing
                    </a>
                  </li>
                </ul>
              </li>
            </ul>
          </li>
          <li class="vi-sitemap__list-item">
            <a class="vi-sitemap__link vi-sitemap__link--arrow" href="#">
              freegan
            </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="#">
                  skateboard mustache meggings Thundercats
                </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="#">
                      cornhole organic
                    </a>
                  </li>
                  <li class="vi-sitemap__list-item">
                    <a class="vi-sitemap__link vi-sitemap__link--arrow" href="#">
                      normcore skateboard
                    </a>
                  </li>
                </ul>
              </li>
              <li class="vi-sitemap__list-item">
                <a class="vi-sitemap__link vi-sitemap__link--locked" href="#">
                  disrupt knausgaard Yuccie PBR&amp;B
                </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="#">
                      lumbersexual letterpress humblebrag flexitarian
                    </a>
                  </li>
                  <li class="vi-sitemap__list-item">
                    <a class="vi-sitemap__link vi-sitemap__link--locked" href="#">
                      williamsburg
                    </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 drinking gentrify
        </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 crucifix distillery
            </a>
          </li>
          <li class="vi-sitemap__list-item">
            <a class="vi-sitemap__link vi-sitemap__link--locked" href="#">
              tilde slow-carb
            </a>
          </li>
          <li class="vi-sitemap__list-item">
            <a class="vi-sitemap__link vi-sitemap__link--locked" href="#">
              roof fingerstache 90's franzen
            </a>
          </li>
          <li class="vi-sitemap__list-item">
            <a class="vi-sitemap__link vi-sitemap__link--locked" href="#">
              scenester
            </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
            </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
                </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 migas
                    </a>
                  </li>
                  <li class="vi-sitemap__list-item">
                    <a class="vi-sitemap__link vi-sitemap__link--locked" href="#">
                      truffaut
                    </a>
                  </li>
                </ul>
              </li>
              <li class="vi-sitemap__list-item">
                <a class="vi-sitemap__link vi-sitemap__link--locked" href="#">
                  shoreditch stumptown
                </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 church-key listicle
                    </a>
                  </li>
                  <li class="vi-sitemap__list-item">
                    <a class="vi-sitemap__link vi-sitemap__link--locked" href="#">
                      polaroid authentic
                    </a>
                  </li>
                </ul>
              </li>
            </ul>
          </li>
          <li class="vi-sitemap__list-item">
            <a class="vi-sitemap__link vi-sitemap__link--locked" href="#">
              park kogi
            </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 cliche park goth
                </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
                    </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
                    </a>
                  </li>
                  <li class="vi-sitemap__list-item">
                    <a class="vi-sitemap__link vi-sitemap__link--locked" href="#">
                      whatever shoreditch
                    </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
        </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 selfies
            </a>
          </li>
          <li class="vi-sitemap__list-item">
            <a class="vi-sitemap__link vi-sitemap__link--arrow" href="#">
              fixie offal occupy
            </a>
          </li>
          <li class="vi-sitemap__list-item">
            <a class="vi-sitemap__link vi-sitemap__link--arrow" href="#">
              freegan celiac seitan scenester
            </a>
          </li>
          <li class="vi-sitemap__list-item">
            <a class="vi-sitemap__link vi-sitemap__link--arrow" href="#">
              echo
            </a>
          </li>
          <!-- / Sitemap list item with collection -->
          <li class="vi-sitemap__list-item">
            <a class="vi-sitemap__link vi-sitemap__link--arrow" href="#">
              truffaut meggings
            </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="#">
              kinfolk squid tattooed butcher
            </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
                </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 williamsburg lomo
                    </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
                </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 kombucha
                    </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 hashtag
                </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 williamsburg
                    </a>
                  </li>
                  <li class="vi-sitemap__list-item">
                    <a class="vi-sitemap__link vi-sitemap__link--arrow" href="#">
                      wolf organic synth
                    </a>
                  </li>
                </ul>
              </li>
              <li class="vi-sitemap__list-item">
                <a class="vi-sitemap__link vi-sitemap__link--locked" href="#">
                  slow-carb mlkshk mustache
                </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
                    </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 disrupt
        </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 quinoa
            </a>
          </li>
          <li class="vi-sitemap__list-item">
            <a class="vi-sitemap__link vi-sitemap__link--arrow" href="#">
              mustache wayfarers hammock roof
            </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 bitters chambray
            </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 schlitz
            </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
                </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
                    </a>
                  </li>
                  <li class="vi-sitemap__list-item">
                    <a class="vi-sitemap__link vi-sitemap__link--arrow" href="#">
                      aesthetic
                    </a>
                  </li>
                </ul>
              </li>
              <li class="vi-sitemap__list-item">
                <a class="vi-sitemap__link vi-sitemap__link--locked" href="#">
                  bespoke Yuccie
                </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
                    </a>
                  </li>
                  <li class="vi-sitemap__list-item">
                    <a class="vi-sitemap__link vi-sitemap__link--locked" href="#">
                      lomo williamsburg swag
                    </a>
                  </li>
                </ul>
              </li>
            </ul>
          </li>
          <li class="vi-sitemap__list-item">
            <a class="vi-sitemap__link vi-sitemap__link--arrow" href="#">
              locavore iPhone
            </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 listicle
                </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
                    </a>
                  </li>
                  <li class="vi-sitemap__list-item">
                    <a class="vi-sitemap__link vi-sitemap__link--arrow" href="#">
                      etsy kinfolk cold-pressed salvia
                    </a>
                  </li>
                </ul>
              </li>
              <li class="vi-sitemap__list-item">
                <a class="vi-sitemap__link vi-sitemap__link--locked" href="#">
                  gastropub cliche chartreuse gastropub
                </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 PBR&amp;B echo vice
                    </a>
                  </li>
                  <li class="vi-sitemap__list-item">
                    <a class="vi-sitemap__link vi-sitemap__link--locked" href="#">
                      skateboard 90's freegan
                    </a>
                  </li>
                </ul>
              </li>
            </ul>
          </li>
        </ul>
      </div>
    </div>
  </div>
</div>