Code Document

Grid Gallery

  • Example 1:

  • Code:

    <ul class="vgri vl-2 vali-v vmar-l0 vpad-li-l0 vpad-li-b10 grid-gallery" style data-vsettings>
    <li class="image-item image-326 ">
    <div class="vimg vove-h">
    <a class="link-to-figure vlight vh-run" data-vlight="grid-6605788d84fb3" href="https://wphiveframework.com/wp-content/uploads/2017/08/gallery_05.png">
    <figure class="vmedia vtra vgrow vrun" data-vmedia="https://wphiveframework.com/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="grid-6605788d84fb3" href="https://wphiveframework.com/wp-content/uploads/2017/08/gallery_04.png">
    <figure class="vmedia vtra vgrow vrun" data-vmedia="https://wphiveframework.com/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="grid-6605788d84fb3" href="https://wphiveframework.com/wp-content/uploads/2017/08/gallery_03.png">
    <figure class="vmedia vtra vgrow vrun" data-vmedia="https://wphiveframework.com/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="grid-6605788d84fb3" href="https://wphiveframework.com/wp-content/uploads/2017/08/gallery_02.png">
    <figure class="vmedia vtra vgrow vrun" data-vmedia="https://wphiveframework.com/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="grid-6605788d84fb3" href="https://wphiveframework.com/wp-content/uploads/2017/08/gallery_01.png">
    <figure class="vmedia vtra vgrow vrun" data-vmedia="https://wphiveframework.com/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="grid-6605788d84fb3" href="https://wphiveframework.com/wp-content/uploads/2017/08/gallery_06.jpg">
    <figure class="vmedia vtra vgrow vrun" data-vmedia="https://wphiveframework.com/wp-content/uploads/2017/08/gallery_06-450x299.jpg"></figure>
    </a>
    </div>
    </li>
    </ul>

Categories

©
    • Los Angeles

    • CA

    • United States

  • Website

  • Facebook

  • Grid 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.