X

Offcanvas

Need something to give your website a bit more oomph? Then you're in the right place.

Lightbox & Images

Lightbox & Images

Open image in Lighbox from image, button or simple link. Also we can display images in styles for everybody.

IMAGES
{a link="images/sampledata/portfolio/branding/branding-3.jpg" lightbox="image" title="Image Caption Text"}{img src="/images/sampledata/portfolio/branding/branding-3.jpg" class="thumbnail"}{/a}
{button link="images/sampledata/portfolio/branding/branding-3.jpg" lightbox="image" title="Image Caption Text" color="btn-primary" class="btn-block"}Button Lightbox Image{/button}
{a link="images/sampledata/portfolio/branding/branding-3.jpg" lightbox="image" title="Image Caption Text"}Link Lightbox Image{/a}

VIDEOS
{a link="http://vimeo.com/23237102" lightbox="video" title="Lightbox Caption Text"}{img src="/images/sampledata/content/video-lightbox.jpg" class="thumbnail"}{/a}
{button link="http://vimeo.com/23237102" lightbox="video" title="Image Caption Text" color="btn-primary" class="btn-block"}Button Lightbox Video{/button}
{a link="http://vimeo.com/23237102" lightbox="video" title="Image Caption Text"}Link Lightbox Video{/a}

MAPS
{a link="https://maps.google.com/maps?q=221B+Baker+Street,+London,+United+Kingdom&hl=en&t=v&hnear=221B+Baker+St,+London+NW1+6XE,+United+Kingdom" lightbox="map" title="Map Caption Text"}{img src="/images/sampledata/content/map-lightbox.jpg" class="thumbnail"}{/a}
{button link="https://maps.google.com/maps?q=221B+Baker+Street,+London,+United+Kingdom&hl=en&t=v&hnear=221B+Baker+St,+London+NW1+6XE,+United+Kingdom" lightbox="map" title="Image Caption Text" color="btn-primary" class="btn-block"}Button Lightbox Map{/button}
{a link="https://maps.google.com/maps?q=221B+Baker+Street,+London,+United+Kingdom&hl=en&t=v&hnear=221B+Baker+St,+London+NW1+6XE,+United+Kingdom" lightbox="map" title="Image Caption Text"}Link Lightbox Map{/a}
Image Style Round
Image Style Default
Image Style Thumbnail
{img alt="" class="img-rounded" src="/images/sampledata/portfolio/branding/branding-1.jpg"}

{img alt="" src="/images/sampledata/portfolio/branding/branding-2.jpg"}

{img alt="" class="thumbnail" src="/images/sampledata/portfolio/branding/branding-3.jpg"}

Image Styles Overlay

BRAINK comes with multiple overlay effect for images. You can view the page by pushing the button bellow.

View Image Overlay Effects (also Shortcodes)

Image Alignement

Align Image Left sit amet magna iaculis, ultrices aliquet purus porta. Sed ut lacus lacus. Mauris tincidunt hendrerit nunc vel laoreet. Vestibulum quis malesuada nibh. In in purus vitae metus varius suscipit. Donec justo purus, pharetra placerat enim ac, congue feugiat diam.

Mauris sed mauris ac lacus vulputate volutpat. Duis ultricies quis dolor ac varius. Cras interdum vitae mi nec sodales. Vestibulum pretium lacus vitae dictum consequat. Curabitur ligula nunc, mollis quis fermentum sed, congue a purus.

Align Image Center ligula sit amet magna iaculis, ultrices aliquet purus porta. Sed ut lacus lacus. Mauris tincidunt hendrerit nunc vel laoreet. Vestibulum quis malesuada nibh. In in purus vitae metus varius suscipit. Donec justo purus, pharetra placerat enim ac, congue feugiat diam.

Align Image Right sit amet magna iaculis, ultrices aliquet purus porta. Sed ut lacus lacus. Mauris tincidunt hendrerit nunc vel laoreet. Vestibulum quis malesuada nibh. In in purus vitae metus varius suscipit. Donec justo purus, pharetra placerat enim ac, congue feugiat diam.

Mauris sed mauris ac lacus vulputate volutpat. Duis ultricies quis dolor ac varius. Cras interdum vitae mi nec sodales. Vestibulum pretium lacus vitae dictum consequat. Curabitur ligula nunc, mollis quis fermentum sed, congue a purus.

Style Switcher

This Demo Panel show only a minimum of the huge available Backend Options of this Theme


Wide Boxed
Multipage Onepage
Shortcode System