Code Document

Cells Gallery

  • Example 1:

  • Code:

    <ul class="vcel vm-cel vsl-cel vs-cel cell-gallery" style="--columns: 3;--m-columns: 3;--sl-columns: 3;--s-columns: 2;" data-vsettings>
    <li class="image-item image-326 ">
    <div class="vimg vove-h">
    <a class="link-to-figure vlight vh-run" data-vlight="cell-637de98deb804" href="/wp-content/uploads/2017/08/gallery_05.png">
    <figure class="vmedia vtra vgrow vrun" data-vmedia="/wp-content/uploads/2017/08/gallery_05-450x299.png"></figure>
    </a>
    </div>
    </li>
    <li class="image-item image-325 ">
    <div class="vimg vove-h">
    <a class="link-to-figure vlight vh-run" data-vlight="cell-637de98deb804" href="/wp-content/uploads/2017/08/gallery_04.png">
    <figure class="vmedia vtra vgrow vrun" data-vmedia="/wp-content/uploads/2017/08/gallery_04-450x299.png"></figure>
    </a>
    </div>
    </li>
    <li class="image-item image-324 ">
    <div class="vimg vove-h">
    <a class="link-to-figure vlight vh-run" data-vlight="cell-637de98deb804" href="/wp-content/uploads/2017/08/gallery_03.png">
    <figure class="vmedia vtra vgrow vrun" data-vmedia="/wp-content/uploads/2017/08/gallery_03-450x299.png"></figure>
    </a>
    </div>
    </li>
    <li class="image-item image-323 ">
    <div class="vimg vove-h">
    <a class="link-to-figure vlight vh-run" data-vlight="cell-637de98deb804" href="/wp-content/uploads/2017/08/gallery_02.png">
    <figure class="vmedia vtra vgrow vrun" data-vmedia="/wp-content/uploads/2017/08/gallery_02-450x299.png"></figure>
    </a>
    </div>
    </li>
    <li class="image-item image-322 ">
    <div class="vimg vove-h">
    <a class="link-to-figure vlight vh-run" data-vlight="cell-637de98deb804" href="/wp-content/uploads/2017/08/gallery_01.png">
    <figure class="vmedia vtra vgrow vrun" data-vmedia="/wp-content/uploads/2017/08/gallery_01-450x299.png"></figure>
    </a>
    </div>
    </li>
    <li class="image-item image-321 ">
    <div class="vimg vove-h">
    <a class="link-to-figure vlight vh-run" data-vlight="cell-637de98deb804" href="/wp-content/uploads/2017/08/gallery_06.jpg">
    <figure class="vmedia vtra vgrow vrun" data-vmedia="/wp-content/uploads/2017/08/gallery_06-450x299.jpg"></figure>
    </a>
    </div>
    </li>
    </ul>

Categories

©
    • Los Angeles

    • CA

    • United States

  • Website

  • Facebook

  • Cells Gallery | Frontend UI Toolkit + Wordpress Framework

  • A wordpress framework used to structure simple Javascript and CSS prototypes. Hive is lite, only includes necessities and encourages custom styling.