2 Column Gallery

gallery

gallery

gallery

gallery


  • show code

    [grid] [column size="1-2"] <p><a class="uk-thumbnail-expand" data-lightbox="group:gallery2" href="images/demo/gallery/column_2/1_big.jpg" title="Lorem ipsum dolor sit amet, consectetur adipiscing elit." data-spotlight="on"><img class="pic3d" width="594" height="394" src="images/demo/gallery/column_2/1.jpg" alt="gallery" /></a></p> [/column] [column size="1-2"] <p><a class="uk-thumbnail-expand" data-lightbox="group:gallery2" href="images/demo/gallery/column_2/2_big.jpg" title="Lorem ipsum dolor sit amet, consectetur adipiscing elit." data-spotlight="on"><img class="pic3d" width="594" height="394" src="images/demo/gallery/column_2/2.jpg" alt="gallery" /></a></p> [/column] [/grid]

3 Column Gallery


  • show code

    [grid] [column size="1-3"] <p><a class="uk-thumbnail-expand" data-lightbox="group:gallery" href="images/demo/gallery/column_3/1_big.jpg" title="Lorem ipsum dolor sit amet, consectetur adipiscing elit." data-spotlight="on"><img class="pic3d" width="383" height="253" src="images/demo/gallery/column_3/1.jpg" alt="gallery" /><span class="gallery-desc"><strong>Lorem ipsum dolor sit amet</strong>arcu sit ipsum dolor sit amet</span></a></p> [/column] [column size="1-3"] <p><a class="uk-thumbnail-expand" data-lightbox="group:gallery" href="images/demo/gallery/column_3/2_big.jpg" title="Lorem ipsum dolor sit amet, consectetur adipiscing elit." data-spotlight="on"><img class="pic3d" width="383" height="253" src="images/demo/gallery/column_3/2.jpg" alt="gallery" /><span class="gallery-desc"><strong>Lorem ipsum dolor sit amet</strong>arcu sit ipsum dolor sit amet</span></a></p> [/column] [column size="1-3"] <p><a class="uk-thumbnail-expand" data-lightbox="group:gallery" href="images/demo/gallery/column_3/3_big.jpg" title="Lorem ipsum dolor sit amet, consectetur adipiscing elit." data-spotlight="on"><img class="pic3d" width="383" height="253" src="images/demo/gallery/column_3/3.jpg" alt="gallery" /><span class="gallery-desc"><strong>Lorem ipsum dolor sit amet</strong>arcu sit ipsum dolor sit amet</span></a></p> [/column] [/grid]

4 Column Gallery

gallery

gallery

gallery

gallery

gallery

gallery

gallery

gallery


  • show code

    [grid] [column size="1-4"] <p><a class="uk-thumbnail-expand" data-lightbox="group:gallery" href="images/demo/gallery/column_4/1_big.jpg" title="Lorem ipsum dolor sit amet, consectetur adipiscing elit." data-spotlight="on"><img class="pic3d" width="275" height="182" src="images/demo/gallery/column_4/1.jpg" alt="gallery" /></a></p> [/column] [column size="1-4"] <p><a class="uk-thumbnail-expand" data-lightbox="group:gallery" href="images/demo/gallery/column_4/2_big.jpg" title="Lorem ipsum dolor sit amet, consectetur adipiscing elit." data-spotlight="on"><img class="pic3d" width="275" height="182" src="images/demo/gallery/column_4/2.jpg" alt="gallery" /></a></p> [/column] [column size="1-4"] <p><a class="uk-thumbnail-expand" data-lightbox="group:gallery" href="images/demo/gallery/column_4/3_big.jpg" title="Lorem ipsum dolor sit amet, consectetur adipiscing elit." data-spotlight="on"><img class="pic3d" width="275" height="182" src="images/demo/gallery/column_4/3.jpg" alt="gallery" /></a></p> [/column] [column size="1-4"] <p><a class="uk-thumbnail-expand" data-lightbox="group:gallery" href="images/demo/gallery/column_4/4_big.jpg" title="Lorem ipsum dolor sit amet, consectetur adipiscing elit." data-spotlight="on"><img class="pic3d" width="275" height="182" src="images/demo/gallery/column_4/4.jpg" alt="gallery" /></a></p> [/column] [/grid]

5 Column Gallery

gallery

gallery

gallery

gallery

gallery

gallery

gallery

gallery

gallery

gallery


  • show code

    [grid] [column size="1-5"] <p><a class="uk-thumbnail-expand" data-lightbox="group:gallery" href="images/demo/gallery/column_5/1_big.jpg" title="your caption here" data-spotlight="on"><img class="pic3d" width="213" height="140" src="images/demo/gallery/column_5/1.jpg" alt="gallery" /></a></p> [/column] [column size="1-5"] <p><a class="uk-thumbnail-expand" data-lightbox="group:gallery" href="images/demo/gallery/column_5/2_big.jpg" title="your caption here" data-spotlight="on"><img class="pic3d" width="213" height="140" src="images/demo/gallery/column_5/2.jpg" alt="gallery" /></a></p> [/column] [column size="1-5"] <p><a class="uk-thumbnail-expand" data-lightbox="group:gallery" href="images/demo/gallery/column_5/3_big.jpg" title="your caption here" data-spotlight="on"><img class="pic3d" width="213" height="140" src="images/demo/gallery/column_5/3.jpg" alt="gallery" /></a></p> [/column] [column size="1-5"] <p><a class="uk-thumbnail-expand" data-lightbox="group:gallery" href="images/demo/gallery/column_5/4_big.jpg" title="your caption here" data-spotlight="on"><img class="pic3d" width="213" height="140" src="images/demo/gallery/column_5/4.jpg" alt="gallery" /></a></p> [/column] [column size="1-5"] <p><a class="uk-thumbnail-expand" data-lightbox="group:gallery" href="images/demo/gallery/column_5/5_big.jpg" title="your caption here" data-spotlight="on"><img class="pic3d" width="213" height="140" src="images/demo/gallery/column_5/5.jpg" alt="gallery" /></a></p> [/column] [/grid]

Video Portfolio

Be kind whenever possible

Make that idea your life

Inspiration comes from within

Videohive comes to life

  • show code

    [grid] [column size="1-2"] <h3>Be kind whenever possible</h3> [video width="600" height="294" poster="images/demo/video/movie_bg.png"] [source type="video/mp4" url="images/demo/video/envato_sting.mp4"][/source] [source type="video/ogg" url="images/demo/video/envato_sting.ogv"][/source] [source type="video/webm" url="images/demo/video/envato_sting.webm"][/source] [/video] [/column] [column size="1-2"] <h3>Make that idea your life</h3> [video width="600" height="294" poster="images/demo/video/movie_bg.png"] [source type="video/mp4" url="images/demo/video/envato_sting.mp4"][/source] [source type="video/ogg" url="images/demo/video/envato_sting.ogv"][/source] [source type="video/webm" url="images/demo/video/envato_sting.webm"][/source] [/video][/column] [/grid]