<!DOCTYPE html>
<!-- X3 website by www.photo.gallery -->
<html><head><meta charset="utf-8"><title>Vertical Split</title><meta name="description" content="Using split-view in combination with the vertical layout."><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><link rel="canonical" href="https://entrerios.satsaid.com.ar/galeria/examples/variations/split/"><link rel="dns-prefetch" href="//auth.photo.gallery"><link rel="dns-prefetch" href="//cdn.jsdelivr.net"><meta property="og:title" content="Vertical Split"><meta property="og:description" content="Using split-view in combination with the vertical layout."><meta property="og:url" content="https://entrerios.satsaid.com.ar/galeria/examples/variations/split/"><meta property="og:type" content="website"><meta property="og:updated_time" content="1777571531"><meta property="og:image" content="https://entrerios.satsaid.com.ar/galeria/content/examples/assets/puppy.jpg"><meta property="og:image:type" content="image/jpeg"><meta property="og:image:width" content="1600" /><meta property="og:image:height" content="957" /><link rel="icon" href="/galeria/content/custom/favicon/favicon.png"><link href="https://entrerios.satsaid.com.ar/galeria/feed/" type="application/atom+xml" rel="alternate" title="Atom Feed"><script>
var css_counter = 0;
function imagevue_(){
	css_counter ++;
	if(css_counter === 1) imagevue();
};
function cssFail(){
	css_counter --;
	var l = document.createElement('link');
	l.onload = imagevue_;
	l.rel = 'stylesheet';
	l.id = 'black';
	l.href = '/galeria/app/public/css/3.30.1/x3.skin.black.css';
	document.getElementsByTagName('head')[0].appendChild(l);
}
</script><link rel="stylesheet" id="black" href="https://cdn.jsdelivr.net/npm/x3.photo.gallery@3.30.1/css/x3.skin.black.css" onerror="cssFail();"><link rel="stylesheet" href="https://fonts.googleapis.com/css?family=PT+Sans:400,700,400italic,700italic"><style id="default-fonts"><!-- body,h1,h2,h3,h4,h5,h6 {font-family: "Helvetica Neue",Helvetica,Roboto,Arial,sans-serif;} --></style><style id="logo"><!-- .logo {font-size: 2.125em; padding: 1em 0; margin-top: 0em;}.logo > img {width: 230px; } --></style><style id="x3app"></style></head><body class="fa-loading initializing topbar-float black topbar-fixed clear x3-page slug-split page-examples-variations-split" data-include=""><div class="x3-loader" title="loading"></div><div class="sb-site-container"><div><header class="header"><div class="nav-wrapper"><nav class="nav"><div class="logo-wrapper"><a href="/galeria/" class="logo ">SATSAID Entre Ríos</a></div><ul class="menu slim"><li><a href="/galeria/" class="needsclick">Home</a></li><li class="has-dropdown" data-options="mega:carousel;items:title,amount,preview,description;carousel_amount:3;"><a href="/galeria/galleries/" class="needsclick node">Galleries</a><ul class="dropdown"><li data-options="mega:;title:Colonia;description:;preview:/content/galleries/colonia/018.jpg;amount:39;"><a href="/galeria/galleries/colonia/" class="needsclick">Colonia</a></li><li data-options="mega:;title:Sweet Landscapes;description:A few images displaying in a vertical layout.;preview:/content/galleries/landscapes/ridge.jpg;amount:6;"><a href="/galeria/galleries/landscapes/" class="needsclick">Landscapes</a></li><li data-options="mega:;title:Mother Nature;description:A few images displaying in a justified grid.;preview:/content/galleries/nature/butterfly.jpg;amount:20;"><a href="/galeria/galleries/nature/" class="needsclick">Nature</a></li><li data-options="mega:;title:Femme Fatale;description:A few images displaying in a columns grid.;preview:/content/galleries/femme/swirl.jpg;amount:26;"><a href="/galeria/galleries/femme/" class="needsclick">Femme</a></li><li data-options="mega:;title:Eternal Style;description:A few images displaying in a standard grid.;preview:/content/galleries/style/typewriter.jpg;amount:9;"><a href="/galeria/galleries/style/" class="needsclick">Style</a></li><li data-options="mega:;title:Food Lover;description:A few images displaying in a slideshow.;preview:/content/galleries/food/coffee-n-cookies.jpg;amount:6;"><a href="/galeria/galleries/food/" class="needsclick">Food</a></li><li data-options="mega:;title:Human Moods;description:A few images displaying in a carousel.;preview:/content/galleries/human/2.spectacles.jpg;amount:9;"><a href="/galeria/galleries/human/" class="needsclick">Human</a></li></ul></li><li class="has-dropdown" data-options="mega:list;title:Examples;description:A variety of page examples.;preview:/content/examples/assets/american-football.jpg;"><a href="/galeria/examples/" class="needsclick node">Examples</a><ul class="dropdown"><li class="has-dropdown" data-options="mega:;title:Gallery Layouts;description:Demonstrating several gallery layout examples.;preview:/content/examples/assets/blossom.jpg;"><a href="/galeria/examples/gallery/" class="needsclick node">Gallery</a><ul class="dropdown"><li data-options="mega:;title:Vertical Layout;description:Vertical gallery images in a narrow layout.;preview:/content/examples/assets/carneval.jpg;"><a href="/galeria/examples/gallery/vertical/" class="needsclick">Vertical</a></li><li data-options="mega:;title:Grid Layout;description:A basic grid layout, which gracefully responds to screen size.;preview:/content/examples/assets/city-lights.jpg;"><a href="/galeria/examples/gallery/grid/" class="needsclick">Grid</a></li><li data-options="mega:;title:Justified Layout;description:The justified layout scales images neatly into rows.;preview:/content/examples/assets/corn-field.jpg;"><a href="/galeria/examples/gallery/justified/" class="needsclick">Justified</a></li><li data-options="mega:;title:Columns Layout;description:The columns layout stacks images into columns.;preview:/content/examples/assets/crispy-chocolate.jpg;"><a href="/galeria/examples/gallery/columns/" class="needsclick">Columns</a></li><li data-options="mega:;title:Slideshow Layout;description:The slideshow layout comes with many settings.;preview:/content/examples/assets/earrings.jpg;"><a href="/galeria/examples/gallery/slideshow/" class="needsclick">Slideshow</a></li><li data-options="mega:;title:Carousel Layout;description:The carousel method displays multiple items in a carousel-like layout.;preview:/content/examples/assets/headphones.jpg;"><a href="/galeria/examples/gallery/carousel/" class="needsclick">Carousel</a></li><li data-options="mega:;title:Auto Popup;description:Use the popup auto-open setting to instantly open first gallery image in popup on page load.;preview:/content/examples/assets/sunflower-bee.jpg;"><a href="/galeria/examples/gallery/auto-popup/" class="needsclick">Auto Popup</a></li><li data-options="mega:;title:Screenbox;description:Screenbox combined with the vertical layout, where each image is scaled to fit within viewport.;preview:/content/examples/assets/beach.jpg;"><a href="/galeria/examples/gallery/screenbox/" class="needsclick">Screenbox</a></li></ul></li><li class="has-dropdown" data-options="mega:;title:Gallery Variations;description:Demonstrating a few more gallery layout variations.;preview:/content/examples/assets/rosy-red.jpg;"><a href="/galeria/examples/variations/" class="needsclick node">Variations</a><ul class="dropdown"><li data-options="mega:;title:Vertical Split;description:Using split-view in combination with the vertical layout.;preview:/content/examples/assets/puppy.jpg;"><a href="/galeria/examples/variations/split/" class="needsclick">Vertical Split</a></li><li data-options="mega:;title:Grid Tooltip;description:A small grid using 200 px column width and tooltips enabled.
;preview:/content/examples/assets/face.jpg;"><a href="/galeria/examples/variations/grid-tooltip/" class="needsclick">Grid Tooltip</a></li><li data-options="mega:;title:Justified Comfy;description:A justified layout with larger images, more space, frames and captions.;preview:/content/examples/assets/straight-road.jpg;"><a href="/galeria/examples/variations/justified/" class="needsclick">Justified Comfy</a></li><li data-options="mega:;title:Columns Comfy;description:A columns layout with larger images, more space and frames.;preview:/content/examples/assets/turbines.jpg;"><a href="/galeria/examples/variations/columns/" class="needsclick">Columns Comfy</a></li><li data-options="mega:;title:Slideshow Cover;description:Slideshow layout in cover-mode, starts fullscreen, with dot-nav and crossfade transitions.;preview:/content/examples/assets/tracks.jpg;"><a href="/galeria/examples/variations/slideshow/" class="needsclick">Slideshow Cover</a></li><li data-options="mega:;title:Carousel Height;description:Optional Carousel layout limited by height, without cropping images.;preview:/content/examples/assets/felagi.jpg;"><a href="/galeria/examples/variations/carousel/" class="needsclick">Carousel Height</a></li><li data-options="mega:;title:Crop Images;description:Cropping images to specific aspect ratios is necessary for some layouts. It can also be used to create stylish layouts.;preview:/content/examples/assets/skies.jpg;"><a href="/galeria/examples/variations/crop/" class="needsclick">Crop Images</a></li><li data-options="mega:;title:Carousel Tabs;description:Use carousel tabs in combination with split-view to display gallery images in a linear context.;preview:/content/examples/assets/turntable.jpg;"><a href="/galeria/examples/variations/carousel-tabs/" class="needsclick">Carousel Tabs</a></li></ul></li><li class="has-dropdown" data-options="mega:;title:Folder Layouts;description:Demonstrating several folder (album) layout examples.;preview:/content/examples/assets/wheat.jpg;"><a href="/galeria/examples/folders/" class="needsclick node">Folders</a><ul class="dropdown"><li data-options="mega:;title:Vertical Split Layout;description:Split the image and context into two side-by-side columns.;preview:/content/examples/assets/city-lights.jpg;"><a href="/galeria/examples/folders/vertical-split/" class="needsclick">Vertical Split</a></li><li data-options="mega:;title:Folders Grid;description:Using the grid, which gracefully responds to screen width.;preview:/content/examples/assets/layered-cake.jpg;"><a href="/galeria/examples/folders/grid/" class="needsclick">Grid</a></li><li data-options="mega:;title:Folders Justified;description:A basic example of the justified layout method applied to folders.;preview:/content/examples/assets/prickly.jpg;"><a href="/galeria/examples/folders/justified/" class="needsclick">Justified</a></li><li data-options="mega:;title:Folder Columns;description:Use the columns method to create a vertical masonry-style layout.;preview:/content/examples/assets/corn-field.jpg;"><a href="/galeria/examples/folders/columns/" class="needsclick">Columns</a></li><li data-options="mega:;title:Carousel Tabs;description:Use carousel tabs in combination with split-view to display child pages in a linear context.;preview:/content/examples/assets/sunflower-bee.jpg;"><a href="/galeria/examples/folders/carousel-tabs/" class="needsclick">Carousel Tabs</a></li><li data-options="mega:;title:Folders Grid List;description:Split grid layout combination.;preview:/content/examples/assets/madrid.jpg;"><a href="/galeria/examples/folders/list/" class="needsclick">List</a></li></ul></li><li class="has-dropdown" data-options="mega:;title:Features;description:A few examples, demonstrating specific features.;preview:/content/examples/assets/buffet.jpg;"><a href="/galeria/examples/features/" class="needsclick node">Features</a><ul class="dropdown"><li data-options="mega:;title:Sample Content;description:Various sample content examples.;preview:/content/examples/assets/fujifilm.jpg;"><a href="/galeria/examples/features/sample/" class="needsclick">Sample Content</a></li><li data-options="mega:;title:Blog Post;description:An example of a typical blog post.;preview:/content/examples/assets/toscana.jpg;"><a href="/galeria/examples/features/post/" class="needsclick">Blog Post</a></li><li data-options="mega:;title:Image GPS and Exif;description:Display exif meta data and maps for images that contain GPS location data.;preview:/content/examples/features/exif/1.thailand.jpg;"><a href="/galeria/examples/features/exif/" class="needsclick">Image GPS & Exif</a></li><li data-options="mega:;title:Image Links;description:Link to other pages or websites directly from your images. This feature may be useful for portfolio- or product pages.;preview:/content/examples/features/image-links/1.flamepix.jpg;"><a href="/galeria/examples/features/image-links/" class="needsclick">Image Links</a></li><li data-options="mega:;title:Html Captions;description:It's cool to use some html in your image titles and descriptions!;preview:/content/examples/features/captions/1.spectacles.jpg;"><a href="/galeria/examples/features/captions/" class="needsclick">Html Captions</a></li><li data-options="mega:;title:www.photo.gallery;description:Use the link setting to link- and redirect the page to any url.;preview:/content/examples/assets/playball.jpg;"><a href="https://www.photo.gallery" class="needsclick no-ajax is-link" target="_blank">External Link  <i class="fa fa-external-link-square"></i></a></li><li data-options="mega:;title:Popup Link;description:Using the link-feature combined with popup, allows you to open menu links in a popup interface.;preview:/content/examples/features/popup-link/preview.jpg;"><a href="https://www.youtube.com/embed/G46ygBKsTZI" class="needsclick is-link" data-popup>Popup Link  <i class="fa fa-external-link-square"></i></a></li></ul></li><li class="has-dropdown" data-options="mega:;title:Plugins;description:X3 offers a range of plugins that are available for pages, or in your content.;preview:/content/galleries/landscapes/mountains.jpg;"><a href="/galeria/examples/plugins/" class="needsclick node">Plugins</a><ul class="dropdown"><li data-options="mega:;title:Panorama Plugin;description:Display spherical equirectangular, multi-level cube, and flat multi-resolution gigapixel images with the X3 panorama plugin.;preview:/content/examples/plugins/panorama/ballroom.jpg;"><a href="/galeria/examples/plugins/panorama/" class="needsclick">Panorama</a></li><li data-options="mega:;title:Intro Image;description:Attach an image as an introduction to the page.;preview:/content/examples/plugins/intro-image/background.jpg;"><a href="/galeria/examples/plugins/intro-image/" class="needsclick">Intro Image</a></li><li data-options="mega:;title:Intro Gradient;description:Use the intro-plugin to attach a solid color or gradient as introduction to the page.;preview:/content/galleries/landscapes/antarctica.jpg;"><a href="/galeria/examples/plugins/intro-gradient/" class="needsclick">Intro Gradient</a></li><li data-options="mega:;title:Slideshow Intro;description:An example using the gallery slideshow set to &quot;use as intro&quot; for a nice start-page effect.;preview:/content/examples/assets/wayback.jpg;"><a href="/galeria/examples/plugins/slideshow-intro/" class="needsclick">Slideshow Intro</a></li><li data-options="mega:;title:Video Intro Plugin;description:The video-intro plugin allows you to add a video at the top of page.;preview:/content/examples/plugins/video-intro/preview.jpg;"><a href="/galeria/examples/plugins/video-intro/" class="needsclick">Video Intro</a></li><li data-options="mega:;title:Image Comparison Slider;description:A content plugin to interactively compare two images visually.;preview:/content/examples/plugins/comparison-slider/preview.jpg;"><a href="/galeria/examples/plugins/comparison-slider/" class="needsclick">Comparison Slider</a></li><li data-options="mega:;title:Content Carousel Plugin;description:Use the content carousel plugin to add html elements in an interactive carousel.;preview:/content/galleries/landscapes/hills.jpg;"><a href="/galeria/examples/plugins/carousel/" class="needsclick">Content Carousel</a></li><li data-options="mega:;title:Popup Links;description:X3 uses the popup for galleries, but you can also use it to display images and media in your page content. The X3 popup is perfect for images, but can also be used for videos and html content.;preview:/content/examples/plugins/popup/ocean-1.jpg;"><a href="/galeria/examples/plugins/popup/" class="needsclick">Popup Links</a></li></ul></li></ul></li><li data-options="mega:data;items:contactform,hr,icon-buttons;width:320;"><a href="/galeria/contact/" class="needsclick">Contact</a><div class="hide"><form data-abide class="contactform"><div><input required type="text" name="name" placeholder="Name"></div><div><input required type="email" name="email" placeholder="Email"></div><div><textarea required name="message" placeholder="What's up?"></textarea></div><button type="submit">Send</button></form><hr><div class="menu-icon-buttons"></div></div></li></ul></nav></div></header><main class="main" id="content"><div class="module row"><div class="clearfix context small-12 medium-10 large-8 small-centered columns separator title-normal narrower context-left-header-center" ><h1 class="title style-icon"><span>Vertical Split</span></h1><h2 class="subheader">Using split-view in combination with the vertical layout.</h2><hr class="module-separator" /></div></div><div class="module row"><div class="clearfix gallery small-12 large-10 small-centered columns layout-vertical frame hover images title-normal narrow hr module-center" itemscope itemtype="http://schema.org/ImageGallery"><a class="item img-link item-link x3-popup row" data-width="1083" data-height="1600" data-image="/galeria/content/examples/assets/africa.jpg" data-title="" data-name="Africa" data-description="African princess." data-date="07 August 2016" href="/galeria/examples/assets/africa/" id="image-africa" itemprop="associatedMedia" itemscope itemtype="http://schema.org/ImageObject"><div class="medium-6 columns medium-push-6 medium-text-left"><h2 class="title" itemprop="caption">Africa</h2><p itemprop="description">African princess.</p></div><div class="medium-6 columns medium-pull-6"><figure><div class="image-container" style="padding-bottom:147.7377654663%;"><img data-src="/galeria/content/examples/assets/africa.jpg" data-width="1083" alt="Africa" itemprop="thumbnail"></div></figure></div></a><hr class="hr"><a class="item img-link item-link x3-popup row" data-width="1600" data-height="1066" data-image="/galeria/content/examples/assets/american-football.jpg" data-title="" data-name="American football" data-description="Originated in colleges and universities." data-date="07 August 2016" href="/galeria/examples/assets/american-football/" id="image-american-football" itemprop="associatedMedia" itemscope itemtype="http://schema.org/ImageObject"><div class="medium-6 columns medium-push-6 medium-text-left"><h2 class="title" itemprop="caption">American football</h2><p itemprop="description">Originated in colleges and universities.</p></div><div class="medium-6 columns medium-pull-6"><figure><div class="image-container" style="padding-bottom:66.625%;"><img data-src="/galeria/content/examples/assets/american-football.jpg" data-width="1600" alt="American football" itemprop="thumbnail"></div></figure></div></a><hr class="hr"><a class="item img-link item-link x3-popup row" data-width="1600" data-height="1200" data-image="/galeria/content/examples/assets/beach.jpg" data-title="" data-name="Beach" data-description="Beach bumbs." data-date="07 August 2016" href="/galeria/examples/assets/beach/" id="image-beach" itemprop="associatedMedia" itemscope itemtype="http://schema.org/ImageObject"><div class="medium-6 columns medium-push-6 medium-text-left"><h2 class="title" itemprop="caption">Beach</h2><p itemprop="description">Beach bumbs.</p></div><div class="medium-6 columns medium-pull-6"><figure><div class="image-container" style="padding-bottom:75%;"><img data-src="/galeria/content/examples/assets/beach.jpg" data-width="1600" alt="Beach" itemprop="thumbnail"></div></figure></div></a><hr class="hr"><a class="item img-link item-link x3-popup row" data-width="1600" data-height="1066" data-image="/galeria/content/examples/assets/blossom.jpg" data-title="" data-name="Blossom" data-description="Time to blossom." data-date="07 August 2016" href="/galeria/examples/assets/blossom/" id="image-blossom" itemprop="associatedMedia" itemscope itemtype="http://schema.org/ImageObject"><div class="medium-6 columns medium-push-6 medium-text-left"><h2 class="title" itemprop="caption">Blossom</h2><p itemprop="description">Time to blossom.</p></div><div class="medium-6 columns medium-pull-6"><figure><div class="image-container" style="padding-bottom:66.625%;"><img data-src="/galeria/content/examples/assets/blossom.jpg" data-width="1600" alt="Blossom" itemprop="thumbnail"></div></figure></div></a><hr class="hr"><a class="item img-link item-link x3-popup row" data-width="1600" data-height="1066" data-image="/galeria/content/examples/assets/bronica.jpg" data-title="" data-name="Bronica" data-description="I heard it&#039;s a good camera." data-date="07 August 2016" href="/galeria/examples/assets/bronica/" id="image-bronica" itemprop="associatedMedia" itemscope itemtype="http://schema.org/ImageObject"><div class="medium-6 columns medium-push-6 medium-text-left"><h2 class="title" itemprop="caption">Bronica</h2><p itemprop="description">I heard it's a good camera.</p></div><div class="medium-6 columns medium-pull-6"><figure><div class="image-container" style="padding-bottom:66.625%;"><img data-src="/galeria/content/examples/assets/bronica.jpg" data-width="1600" alt="Bronica" itemprop="thumbnail"></div></figure></div></a><hr class="hr"><a class="item img-link item-link x3-popup row" data-width="1600" data-height="1066" data-image="/galeria/content/examples/assets/brooklyn-bridge.jpg" data-title="" data-name="Brooklyn bridge" data-description="Brooklyn bridge at night." data-date="07 August 2016" href="/galeria/examples/assets/brooklyn-bridge/" id="image-brooklyn-bridge" itemprop="associatedMedia" itemscope itemtype="http://schema.org/ImageObject"><div class="medium-6 columns medium-push-6 medium-text-left"><h2 class="title" itemprop="caption">Brooklyn bridge</h2><p itemprop="description">Brooklyn bridge at night.</p></div><div class="medium-6 columns medium-pull-6"><figure><div class="image-container" style="padding-bottom:66.625%;"><img data-src="/galeria/content/examples/assets/brooklyn-bridge.jpg" data-width="1600" alt="Brooklyn bridge" itemprop="thumbnail"></div></figure></div></a><hr class="hr"><a class="item img-link item-link x3-popup row" data-width="1600" data-height="1066" data-image="/galeria/content/examples/assets/bubbles.jpg" data-title="" data-name="Bubbles" data-description="Forever blowing bubbles." data-date="07 August 2016" href="/galeria/examples/assets/bubbles/" id="image-bubbles" itemprop="associatedMedia" itemscope itemtype="http://schema.org/ImageObject"><div class="medium-6 columns medium-push-6 medium-text-left"><h2 class="title" itemprop="caption">Bubbles</h2><p itemprop="description">Forever blowing bubbles.</p></div><div class="medium-6 columns medium-pull-6"><figure><div class="image-container" style="padding-bottom:66.625%;"><img data-src="/galeria/content/examples/assets/bubbles.jpg" data-width="1600" alt="Bubbles" itemprop="thumbnail"></div></figure></div></a><hr class="hr"><a class="item img-link item-link x3-popup row" data-width="1600" data-height="1066" data-image="/galeria/content/examples/assets/buffet.jpg" data-title="" data-name="Buffet" data-description="Buffet every Monday 6pm." data-date="07 August 2016" href="/galeria/examples/assets/buffet/" id="image-buffet" itemprop="associatedMedia" itemscope itemtype="http://schema.org/ImageObject"><div class="medium-6 columns medium-push-6 medium-text-left"><h2 class="title" itemprop="caption">Buffet</h2><p itemprop="description">Buffet every Monday 6pm.</p></div><div class="medium-6 columns medium-pull-6"><figure><div class="image-container" style="padding-bottom:66.625%;"><img data-src="/galeria/content/examples/assets/buffet.jpg" data-width="1600" alt="Buffet" itemprop="thumbnail"></div></figure></div></a><hr class="hr"><a class="item img-link item-link x3-popup row" data-width="1600" data-height="1066" data-image="/galeria/content/examples/assets/campari.jpg" data-title="" data-name="Campari" data-description="Drop an olive in there." data-date="07 August 2016" href="/galeria/examples/assets/campari/" id="image-campari" itemprop="associatedMedia" itemscope itemtype="http://schema.org/ImageObject"><div class="medium-6 columns medium-push-6 medium-text-left"><h2 class="title" itemprop="caption">Campari</h2><p itemprop="description">Drop an olive in there.</p></div><div class="medium-6 columns medium-pull-6"><figure><div class="image-container" style="padding-bottom:66.625%;"><img data-src="/galeria/content/examples/assets/campari.jpg" data-width="1600" alt="Campari" itemprop="thumbnail"></div></figure></div></a><hr class="hr"><a class="item img-link item-link x3-popup row" data-width="1067" data-height="1600" data-image="/galeria/content/examples/assets/carneval.jpg" data-title="" data-name="Carneval" data-description="My outfit for next year." data-date="07 August 2016" href="/galeria/examples/assets/carneval/" id="image-carneval" itemprop="associatedMedia" itemscope itemtype="http://schema.org/ImageObject"><div class="medium-6 columns medium-push-6 medium-text-left"><h2 class="title" itemprop="caption">Carneval</h2><p itemprop="description">My outfit for next year.</p></div><div class="medium-6 columns medium-pull-6"><figure><div class="image-container" style="padding-bottom:149.95313964386%;"><img data-src="/galeria/content/examples/assets/carneval.jpg" data-width="1067" alt="Carneval" itemprop="thumbnail"></div></figure></div></a><hr class="hr"><a class="item img-link item-link x3-popup row" data-width="1600" data-height="1066" data-image="/galeria/content/examples/assets/city-lights.jpg" data-title="" data-name="City lights" data-description="Some blurry lights going on." data-date="07 August 2016" href="/galeria/examples/assets/city-lights/" id="image-city-lights" itemprop="associatedMedia" itemscope itemtype="http://schema.org/ImageObject"><div class="medium-6 columns medium-push-6 medium-text-left"><h2 class="title" itemprop="caption">City lights</h2><p itemprop="description">Some blurry lights going on.</p></div><div class="medium-6 columns medium-pull-6"><figure><div class="image-container" style="padding-bottom:66.625%;"><img data-src="/galeria/content/examples/assets/city-lights.jpg" data-width="1600" alt="City lights" itemprop="thumbnail"></div></figure></div></a><hr class="hr"><a class="item img-link item-link x3-popup row" data-width="1600" data-height="1066" data-image="/galeria/content/examples/assets/corn-field.jpg" data-title="" data-name="Corn field" data-description="It came from the corn." data-date="07 August 2016" href="/galeria/examples/assets/corn-field/" id="image-corn-field" itemprop="associatedMedia" itemscope itemtype="http://schema.org/ImageObject"><div class="medium-6 columns medium-push-6 medium-text-left"><h2 class="title" itemprop="caption">Corn field</h2><p itemprop="description">It came from the corn.</p></div><div class="medium-6 columns medium-pull-6"><figure><div class="image-container" style="padding-bottom:66.625%;"><img data-src="/galeria/content/examples/assets/corn-field.jpg" data-width="1600" alt="Corn field" itemprop="thumbnail"></div></figure></div></a><hr class="hr"><a class="item img-link item-link x3-popup row" data-width="1600" data-height="1066" data-image="/galeria/content/examples/assets/crispy-chocolate.jpg" data-title="" data-name="Crispy chocolate" data-description="To be enjoyed." data-date="07 August 2016" href="/galeria/examples/assets/crispy-chocolate/" id="image-crispy-chocolate" itemprop="associatedMedia" itemscope itemtype="http://schema.org/ImageObject"><div class="medium-6 columns medium-push-6 medium-text-left"><h2 class="title" itemprop="caption">Crispy chocolate</h2><p itemprop="description">To be enjoyed.</p></div><div class="medium-6 columns medium-pull-6"><figure><div class="image-container" style="padding-bottom:66.625%;"><img data-src="/galeria/content/examples/assets/crispy-chocolate.jpg" data-width="1600" alt="Crispy chocolate" itemprop="thumbnail"></div></figure></div></a><hr class="hr"><a class="item img-link item-link x3-popup row" data-width="1078" data-height="1600" data-image="/galeria/content/examples/assets/door.jpg" data-title="" data-name="Door" data-description="Doors of perception." data-date="07 August 2016" href="/galeria/examples/assets/door/" id="image-door" itemprop="associatedMedia" itemscope itemtype="http://schema.org/ImageObject"><div class="medium-6 columns medium-push-6 medium-text-left"><h2 class="title" itemprop="caption">Door</h2><p itemprop="description">Doors of perception.</p></div><div class="medium-6 columns medium-pull-6"><figure><div class="image-container" style="padding-bottom:148.42300556586%;"><img data-src="/galeria/content/examples/assets/door.jpg" data-width="1078" alt="Door" itemprop="thumbnail"></div></figure></div></a><hr class="hr"><a class="item img-link item-link x3-popup row" data-width="1600" data-height="900" data-image="/galeria/content/examples/assets/dreamcatcher.jpg" data-title="" data-name="Dreamcatcher" data-description="Only in your dreams." data-date="07 August 2016" href="/galeria/examples/assets/dreamcatcher/" id="image-dreamcatcher" itemprop="associatedMedia" itemscope itemtype="http://schema.org/ImageObject"><div class="medium-6 columns medium-push-6 medium-text-left"><h2 class="title" itemprop="caption">Dreamcatcher</h2><p itemprop="description">Only in your dreams.</p></div><div class="medium-6 columns medium-pull-6"><figure><div class="image-container" style="padding-bottom:56.25%;"><img data-src="/galeria/content/examples/assets/dreamcatcher.jpg" data-width="1600" alt="Dreamcatcher" itemprop="thumbnail"></div></figure></div></a><hr class="hr"><a class="item img-link item-link x3-popup row" data-width="1600" data-height="1066" data-image="/galeria/content/examples/assets/earrings.jpg" data-title="" data-name="Earrings" data-description="She wore them." data-date="07 August 2016" href="/galeria/examples/assets/earrings/" id="image-earrings" itemprop="associatedMedia" itemscope itemtype="http://schema.org/ImageObject"><div class="medium-6 columns medium-push-6 medium-text-left"><h2 class="title" itemprop="caption">Earrings</h2><p itemprop="description">She wore them.</p></div><div class="medium-6 columns medium-pull-6"><figure><div class="image-container" style="padding-bottom:66.625%;"><img data-src="/galeria/content/examples/assets/earrings.jpg" data-width="1600" alt="Earrings" itemprop="thumbnail"></div></figure></div></a><hr class="hr"><a class="item img-link item-link x3-popup row" data-width="1600" data-height="1600" data-image="/galeria/content/examples/assets/face.jpg" data-title="" data-name="Face" data-description="Can&#039;t go out looking like this." data-date="07 August 2016" href="/galeria/examples/assets/face/" id="image-face" itemprop="associatedMedia" itemscope itemtype="http://schema.org/ImageObject"><div class="medium-6 columns medium-push-6 medium-text-left"><h2 class="title" itemprop="caption">Face</h2><p itemprop="description">Can't go out looking like this.</p></div><div class="medium-6 columns medium-pull-6"><figure><div class="image-container" style="padding-bottom:100%;"><img data-src="/galeria/content/examples/assets/face.jpg" data-width="1600" alt="Face" itemprop="thumbnail"></div></figure></div></a><hr class="hr"><a class="item img-link item-link x3-popup row" data-width="1600" data-height="1066" data-image="/galeria/content/examples/assets/felagi.jpg" data-title="" data-name="Felagi" data-description="Ride my pony." data-date="07 August 2016" href="/galeria/examples/assets/felagi/" id="image-felagi" itemprop="associatedMedia" itemscope itemtype="http://schema.org/ImageObject"><div class="medium-6 columns medium-push-6 medium-text-left"><h2 class="title" itemprop="caption">Felagi</h2><p itemprop="description">Ride my pony.</p></div><div class="medium-6 columns medium-pull-6"><figure><div class="image-container" style="padding-bottom:66.625%;"><img data-src="/galeria/content/examples/assets/felagi.jpg" data-width="1600" alt="Felagi" itemprop="thumbnail"></div></figure></div></a><hr class="hr"><a class="item img-link item-link x3-popup row" data-width="1600" data-height="813" data-image="/galeria/content/examples/assets/fujifilm.jpg" data-title="" data-name="Fujifilm" data-description="How do you turn it off anyway?" data-date="07 August 2016" href="/galeria/examples/assets/fujifilm/" id="image-fujifilm" itemprop="associatedMedia" itemscope itemtype="http://schema.org/ImageObject"><div class="medium-6 columns medium-push-6 medium-text-left"><h2 class="title" itemprop="caption">Fujifilm</h2><p itemprop="description">How do you turn it off anyway?</p></div><div class="medium-6 columns medium-pull-6"><figure><div class="image-container" style="padding-bottom:50.8125%;"><img data-src="/galeria/content/examples/assets/fujifilm.jpg" data-width="1600" alt="Fujifilm" itemprop="thumbnail"></div></figure></div></a><hr class="hr"><a class="item img-link item-link x3-popup row" data-width="1600" data-height="1066" data-image="/galeria/content/examples/assets/headphones.jpg" data-title="" data-name="Headphones" data-description="Gonna listen to some Britney." data-date="07 August 2016" href="/galeria/examples/assets/headphones/" id="image-headphones" itemprop="associatedMedia" itemscope itemtype="http://schema.org/ImageObject"><div class="medium-6 columns medium-push-6 medium-text-left"><h2 class="title" itemprop="caption">Headphones</h2><p itemprop="description">Gonna listen to some Britney.</p></div><div class="medium-6 columns medium-pull-6"><figure><div class="image-container" style="padding-bottom:66.625%;"><img data-src="/galeria/content/examples/assets/headphones.jpg" data-width="1600" alt="Headphones" itemprop="thumbnail"></div></figure></div></a><hr class="hr"><a class="item img-link item-link x3-popup row" data-width="1053" data-height="1600" data-image="/galeria/content/examples/assets/himalaya.jpg" data-title="" data-name="Himalaya" data-description="She&#039;ll be coming down the mountain." data-date="07 August 2016" href="/galeria/examples/assets/himalaya/" id="image-himalaya" itemprop="associatedMedia" itemscope itemtype="http://schema.org/ImageObject"><div class="medium-6 columns medium-push-6 medium-text-left"><h2 class="title" itemprop="caption">Himalaya</h2><p itemprop="description">She'll be coming down the mountain.</p></div><div class="medium-6 columns medium-pull-6"><figure><div class="image-container" style="padding-bottom:151.94681861349%;"><img data-src="/galeria/content/examples/assets/himalaya.jpg" data-width="1053" alt="Himalaya" itemprop="thumbnail"></div></figure></div></a><hr class="hr"><a class="item img-link item-link x3-popup row" data-width="1600" data-height="1066" data-image="/galeria/content/examples/assets/ice-cream.jpg" data-title="" data-name="Ice cream" data-description="You scream for it." data-date="07 August 2016" href="/galeria/examples/assets/ice-cream/" id="image-ice-cream" itemprop="associatedMedia" itemscope itemtype="http://schema.org/ImageObject"><div class="medium-6 columns medium-push-6 medium-text-left"><h2 class="title" itemprop="caption">Ice cream</h2><p itemprop="description">You scream for it.</p></div><div class="medium-6 columns medium-pull-6"><figure><div class="image-container" style="padding-bottom:66.625%;"><img data-src="/galeria/content/examples/assets/ice-cream.jpg" data-width="1600" alt="Ice cream" itemprop="thumbnail"></div></figure></div></a><hr class="hr"><a class="item img-link item-link x3-popup row" data-width="1600" data-height="1066" data-image="/galeria/content/examples/assets/layered-cake.jpg" data-title="" data-name="Layered cake" data-description="You gotta try this cake!" data-date="07 August 2016" href="/galeria/examples/assets/layered-cake/" id="image-layered-cake" itemprop="associatedMedia" itemscope itemtype="http://schema.org/ImageObject"><div class="medium-6 columns medium-push-6 medium-text-left"><h2 class="title" itemprop="caption">Layered cake</h2><p itemprop="description">You gotta try this cake!</p></div><div class="medium-6 columns medium-pull-6"><figure><div class="image-container" style="padding-bottom:66.625%;"><img data-src="/galeria/content/examples/assets/layered-cake.jpg" data-width="1600" alt="Layered cake" itemprop="thumbnail"></div></figure></div></a><hr class="hr"><a class="item img-link item-link x3-popup row" data-width="1600" data-height="1066" data-image="/galeria/content/examples/assets/madrid.jpg" data-title="" data-name="Madrid" data-description="The capital of Spain." data-date="07 August 2016" href="/galeria/examples/assets/madrid/" id="image-madrid" itemprop="associatedMedia" itemscope itemtype="http://schema.org/ImageObject"><div class="medium-6 columns medium-push-6 medium-text-left"><h2 class="title" itemprop="caption">Madrid</h2><p itemprop="description">The capital of Spain.</p></div><div class="medium-6 columns medium-pull-6"><figure><div class="image-container" style="padding-bottom:66.625%;"><img data-src="/galeria/content/examples/assets/madrid.jpg" data-width="1600" alt="Madrid" itemprop="thumbnail"></div></figure></div></a><hr class="hr"><a class="item img-link item-link x3-popup row" data-width="1064" data-height="1600" data-image="/galeria/content/examples/assets/parklife.jpg" data-title="" data-name="Parklife" data-description="Time to hit the park." data-date="07 August 2016" href="/galeria/examples/assets/parklife/" id="image-parklife" itemprop="associatedMedia" itemscope itemtype="http://schema.org/ImageObject"><div class="medium-6 columns medium-push-6 medium-text-left"><h2 class="title" itemprop="caption">Parklife</h2><p itemprop="description">Time to hit the park.</p></div><div class="medium-6 columns medium-pull-6"><figure><div class="image-container" style="padding-bottom:150.37593984962%;"><img data-src="/galeria/content/examples/assets/parklife.jpg" data-width="1064" alt="Parklife" itemprop="thumbnail"></div></figure></div></a><hr class="hr"><a class="item img-link item-link x3-popup row" data-width="1600" data-height="1066" data-image="/galeria/content/examples/assets/playball.jpg" data-title="" data-name="Playball" data-description="Leather artifacts." data-date="07 August 2016" href="/galeria/examples/assets/playball/" id="image-playball" itemprop="associatedMedia" itemscope itemtype="http://schema.org/ImageObject"><div class="medium-6 columns medium-push-6 medium-text-left"><h2 class="title" itemprop="caption">Playball</h2><p itemprop="description">Leather artifacts.</p></div><div class="medium-6 columns medium-pull-6"><figure><div class="image-container" style="padding-bottom:66.625%;"><img data-src="/galeria/content/examples/assets/playball.jpg" data-width="1600" alt="Playball" itemprop="thumbnail"></div></figure></div></a><hr class="hr"><a class="item img-link item-link x3-popup row" data-width="1218" data-height="1600" data-image="/galeria/content/examples/assets/prickly.jpg" data-title="" data-name="Prickly" data-description="Cactus plant." data-date="07 August 2016" href="/galeria/examples/assets/prickly/" id="image-prickly" itemprop="associatedMedia" itemscope itemtype="http://schema.org/ImageObject"><div class="medium-6 columns medium-push-6 medium-text-left"><h2 class="title" itemprop="caption">Prickly</h2><p itemprop="description">Cactus plant.</p></div><div class="medium-6 columns medium-pull-6"><figure><div class="image-container" style="padding-bottom:131.36288998358%;"><img data-src="/galeria/content/examples/assets/prickly.jpg" data-width="1218" alt="Prickly" itemprop="thumbnail"></div></figure></div></a><hr class="hr"><a class="item img-link item-link x3-popup row" data-width="1600" data-height="957" data-image="/galeria/content/examples/assets/puppy.jpg" data-title="" data-name="Puppy" data-description="Oh, what a cute puppy ..." data-date="07 August 2016" href="/galeria/examples/assets/puppy/" id="image-puppy" itemprop="associatedMedia" itemscope itemtype="http://schema.org/ImageObject"><div class="medium-6 columns medium-push-6 medium-text-left"><h2 class="title" itemprop="caption">Puppy</h2><p itemprop="description">Oh, what a cute puppy ...</p></div><div class="medium-6 columns medium-pull-6"><figure><div class="image-container" style="padding-bottom:59.8125%;"><img data-src="/galeria/content/examples/assets/puppy.jpg" data-width="1600" alt="Puppy" itemprop="thumbnail"></div></figure></div></a><hr class="hr"><a class="item img-link item-link x3-popup row" data-width="1600" data-height="1066" data-image="/galeria/content/examples/assets/rosy-red.jpg" data-title="" data-name="Rosy red" data-description="Wonderful colors." data-date="07 August 2016" href="/galeria/examples/assets/rosy-red/" id="image-rosy-red" itemprop="associatedMedia" itemscope itemtype="http://schema.org/ImageObject"><div class="medium-6 columns medium-push-6 medium-text-left"><h2 class="title" itemprop="caption">Rosy red</h2><p itemprop="description">Wonderful colors.</p></div><div class="medium-6 columns medium-pull-6"><figure><div class="image-container" style="padding-bottom:66.625%;"><img data-src="/galeria/content/examples/assets/rosy-red.jpg" data-width="1600" alt="Rosy red" itemprop="thumbnail"></div></figure></div></a><hr class="hr"><a class="item img-link item-link x3-popup row" data-width="1600" data-height="955" data-image="/galeria/content/examples/assets/skies.jpg" data-title="" data-name="Skies" data-description="The blur skies above." data-date="07 August 2016" href="/galeria/examples/assets/skies/" id="image-skies" itemprop="associatedMedia" itemscope itemtype="http://schema.org/ImageObject"><div class="medium-6 columns medium-push-6 medium-text-left"><h2 class="title" itemprop="caption">Skies</h2><p itemprop="description">The blur skies above.</p></div><div class="medium-6 columns medium-pull-6"><figure><div class="image-container" style="padding-bottom:59.6875%;"><img data-src="/galeria/content/examples/assets/skies.jpg" data-width="1600" alt="Skies" itemprop="thumbnail"></div></figure></div></a><hr class="hr"><a class="item img-link item-link x3-popup row" data-width="1600" data-height="1066" data-image="/galeria/content/examples/assets/straight-road.jpg" data-title="" data-name="Straight road" data-description="The road to enlightenment." data-date="07 August 2016" href="/galeria/examples/assets/straight-road/" id="image-straight-road" itemprop="associatedMedia" itemscope itemtype="http://schema.org/ImageObject"><div class="medium-6 columns medium-push-6 medium-text-left"><h2 class="title" itemprop="caption">Straight road</h2><p itemprop="description">The road to enlightenment.</p></div><div class="medium-6 columns medium-pull-6"><figure><div class="image-container" style="padding-bottom:66.625%;"><img data-src="/galeria/content/examples/assets/straight-road.jpg" data-width="1600" alt="Straight road" itemprop="thumbnail"></div></figure></div></a><hr class="hr"><a class="item img-link item-link x3-popup row" data-width="1600" data-height="1066" data-image="/galeria/content/examples/assets/sunflower-bee.jpg" data-title="" data-name="Sunflower bee" data-description="Sunflower goodness." data-date="07 August 2016" href="/galeria/examples/assets/sunflower-bee/" id="image-sunflower-bee" itemprop="associatedMedia" itemscope itemtype="http://schema.org/ImageObject"><div class="medium-6 columns medium-push-6 medium-text-left"><h2 class="title" itemprop="caption">Sunflower bee</h2><p itemprop="description">Sunflower goodness.</p></div><div class="medium-6 columns medium-pull-6"><figure><div class="image-container" style="padding-bottom:66.625%;"><img data-src="/galeria/content/examples/assets/sunflower-bee.jpg" data-width="1600" alt="Sunflower bee" itemprop="thumbnail"></div></figure></div></a><hr class="hr"><a class="item img-link item-link x3-popup row" data-width="1600" data-height="1066" data-image="/galeria/content/examples/assets/sunflowers.jpg" data-title="" data-name="Sunflowers" data-description="A field of sunflowers." data-date="07 August 2016" href="/galeria/examples/assets/sunflowers/" id="image-sunflowers" itemprop="associatedMedia" itemscope itemtype="http://schema.org/ImageObject"><div class="medium-6 columns medium-push-6 medium-text-left"><h2 class="title" itemprop="caption">Sunflowers</h2><p itemprop="description">A field of sunflowers.</p></div><div class="medium-6 columns medium-pull-6"><figure><div class="image-container" style="padding-bottom:66.625%;"><img data-src="/galeria/content/examples/assets/sunflowers.jpg" data-width="1600" alt="Sunflowers" itemprop="thumbnail"></div></figure></div></a><hr class="hr"><a class="item img-link item-link x3-popup row" data-width="1600" data-height="1066" data-image="/galeria/content/examples/assets/toscana.jpg" data-title="" data-name="Toscana" data-description="A dip in the sea perhaps?" data-date="07 August 2016" href="/galeria/examples/assets/toscana/" id="image-toscana" itemprop="associatedMedia" itemscope itemtype="http://schema.org/ImageObject"><div class="medium-6 columns medium-push-6 medium-text-left"><h2 class="title" itemprop="caption">Toscana</h2><p itemprop="description">A dip in the sea perhaps?</p></div><div class="medium-6 columns medium-pull-6"><figure><div class="image-container" style="padding-bottom:66.625%;"><img data-src="/galeria/content/examples/assets/toscana.jpg" data-width="1600" alt="Toscana" itemprop="thumbnail"></div></figure></div></a><hr class="hr"><a class="item img-link item-link x3-popup row" data-width="1600" data-height="1066" data-image="/galeria/content/examples/assets/tracks.jpg" data-title="" data-name="Tracks" data-description="Train tracks of Colombia." data-date="07 August 2016" href="/galeria/examples/assets/tracks/" id="image-tracks" itemprop="associatedMedia" itemscope itemtype="http://schema.org/ImageObject"><div class="medium-6 columns medium-push-6 medium-text-left"><h2 class="title" itemprop="caption">Tracks</h2><p itemprop="description">Train tracks of Colombia.</p></div><div class="medium-6 columns medium-pull-6"><figure><div class="image-container" style="padding-bottom:66.625%;"><img data-src="/galeria/content/examples/assets/tracks.jpg" data-width="1600" alt="Tracks" itemprop="thumbnail"></div></figure></div></a><hr class="hr"><a class="item img-link item-link x3-popup row" data-width="1600" data-height="1074" data-image="/galeria/content/examples/assets/turbines.jpg" data-title="" data-name="Turbines" data-description="Generating electricity." data-date="07 August 2016" href="/galeria/examples/assets/turbines/" id="image-turbines" itemprop="associatedMedia" itemscope itemtype="http://schema.org/ImageObject"><div class="medium-6 columns medium-push-6 medium-text-left"><h2 class="title" itemprop="caption">Turbines</h2><p itemprop="description">Generating electricity.</p></div><div class="medium-6 columns medium-pull-6"><figure><div class="image-container" style="padding-bottom:67.125%;"><img data-src="/galeria/content/examples/assets/turbines.jpg" data-width="1600" alt="Turbines" itemprop="thumbnail"></div></figure></div></a><hr class="hr"><a class="item img-link item-link x3-popup row" data-width="1600" data-height="1066" data-image="/galeria/content/examples/assets/turntable.jpg" data-title="" data-name="Turntable" data-description="Scratch that record." data-date="07 August 2016" href="/galeria/examples/assets/turntable/" id="image-turntable" itemprop="associatedMedia" itemscope itemtype="http://schema.org/ImageObject"><div class="medium-6 columns medium-push-6 medium-text-left"><h2 class="title" itemprop="caption">Turntable</h2><p itemprop="description">Scratch that record.</p></div><div class="medium-6 columns medium-pull-6"><figure><div class="image-container" style="padding-bottom:66.625%;"><img data-src="/galeria/content/examples/assets/turntable.jpg" data-width="1600" alt="Turntable" itemprop="thumbnail"></div></figure></div></a><hr class="hr"><a class="item img-link item-link x3-popup row" data-width="1600" data-height="1066" data-image="/galeria/content/examples/assets/wayback.jpg" data-title="" data-name="Wayback" data-description="Taking the cam for a spin." data-date="07 August 2016" href="/galeria/examples/assets/wayback/" id="image-wayback" itemprop="associatedMedia" itemscope itemtype="http://schema.org/ImageObject"><div class="medium-6 columns medium-push-6 medium-text-left"><h2 class="title" itemprop="caption">Wayback</h2><p itemprop="description">Taking the cam for a spin.</p></div><div class="medium-6 columns medium-pull-6"><figure><div class="image-container" style="padding-bottom:66.625%;"><img data-src="/galeria/content/examples/assets/wayback.jpg" data-width="1600" alt="Wayback" itemprop="thumbnail"></div></figure></div></a><hr class="hr"><a class="item img-link item-link x3-popup row" data-width="1600" data-height="1068" data-image="/galeria/content/examples/assets/wheat.jpg" data-title="" data-name="Wheat" data-description="Green acres." data-date="07 August 2016" href="/galeria/examples/assets/wheat/" id="image-wheat" itemprop="associatedMedia" itemscope itemtype="http://schema.org/ImageObject"><div class="medium-6 columns medium-push-6 medium-text-left"><h2 class="title" itemprop="caption">Wheat</h2><p itemprop="description">Green acres.</p></div><div class="medium-6 columns medium-pull-6"><figure><div class="image-container" style="padding-bottom:66.75%;"><img data-src="/galeria/content/examples/assets/wheat.jpg" data-width="1600" alt="Wheat" itemprop="thumbnail"></div></figure></div></a><hr class="module-separator" /></div></div><div class="pagenav pagenav-static"><a href="/galeria/examples/variations/grid-tooltip/" class="pagenav-link pagenav-next"><span class="pagenav-text">Grid Tooltip</span></a></div></main></div></div><footer class="footer"><div class="icon-buttons hover-color hover-title"><a href="https://www.facebook.com/imagevue"></a><a href="https://twitter.com/imagevue"></a><a href="https://www.photo.gallery" data-icon="asterisk" data-color="#78A64F" title="X3 Photo Gallery"></a><a href="/contact/" title="Contact me"></a></div><p>&copy; 2026 <a href="/galeria/">entrerios.satsaid.com.ar/galeria</a></p><p class="x3-footer-link"><span data-nosnippet>X3 Image Gallery CMS by <a href="https://www.photo.gallery">www.photo.gallery</a></span></p></footer><script>
var x3_settings = {"title":null,"label":null,"description":null,"date":null,"image":null,"seo":{"title":null,"description":null,"keywords":null,"robots":null},"link":{"url":null,"target":"auto","width":600,"height":500,"content":false,"popup_class":null},"menu":{"items":null,"type":"normal","width":320,"hide":false,"hide_children":false,"hide_children_mobile":false,"limit":0,"click_toggle":false,"nolink":false,"list":null,"carousel_amount":3,"carousel_items":"title,amount,preview,description","data_items":"contactform,hr,icon-buttons","crop":{"enabled":true,"crop":[3,2]},"classes":null},"body":null,"layout":{"items":"context,folders,gallery","disqus":false,"classes":null,"width":"width-default"},"context":{"items":"title,description,content","hide":false,"text_align":"context-left-header-center","classes":null,"width":"narrower","crop":{"enabled":true,"crop":[2,1]},"caption":{"enabled":false,"items":"title,date","hover":false,"align":"caption-bottom-left"}},"folders":{"hide":false,"items":"title,amount,folders_amount,description,preview","width":"wide","sortby":"custom","sort":"asc","title_size":"small","assets":null,"text_align":"module-center","classes":"frame","limit":0,"split":{"enabled":false,"ratio":6,"invert":true},"crop":{"enabled":false,"crop":[3,2]},"caption":{"enabled":false,"items":"description","hover":false,"align":"caption-bottom-left"},"tooltip":{"enabled":false,"items":"title,description"},"layout":"justified","vertical":{"scrollnav":true,"horizontal_rule":true},"grid":{"use_width":false,"columns":"3,2,1","column_width":300,"space":-1},"justified":{"row_height":300,"space":10,"small_disabled":true},"columns":{"use_width":true,"column_width":300,"columns":3,"space":-1},"carousel":{"use_height":false,"amount":3,"target_height":300,"margin":1,"lazy":true,"interval":0,"show_timer":true,"background":false,"nav":true,"tabs":false,"tabs_position":"top","loop":true}},"gallery":{"hide":false,"items":"preview","width":"width-default","assets":null,"text_align":"module-center","classes":"frame,hover","sortby":"name","sort":"asc","title_size":"normal","limit":0,"clickable":true,"split":{"enabled":false,"ratio":6,"invert":true},"crop":{"enabled":false,"crop":[3,2]},"caption":{"enabled":false,"items":"title","hover":false,"align":"caption-bottom-left"},"tooltip":{"enabled":false,"items":"title,description"},"layout":"justified","vertical":{"scrollnav":true,"horizontal_rule":true},"grid":{"use_width":false,"columns":"3,2,1","column_width":300,"space":-1},"justified":{"row_height":300,"space":10,"small_disabled":false},"columns":{"use_width":true,"column_width":300,"columns":3,"space":-1},"slideshow":{"background":false,"menu_style":"menu-absolute-20","button_down":false,"button_down_remove":true,"hide_context":false,"hide_footer":false,"height":"100%","ratio":null,"nav":"none","fit":"cover","transition":"slide","transition_mobile_slide":true,"duration":500,"captions":false,"captions_hover":false,"loop":false,"autoplay":true,"interval":4000,"start_fullscreen":false,"toggle_play":true,"fullscreen_button":"auto","arrows":true,"click":true,"stopautoplayontouch":true,"keyboard":true,"swipe":true,"hash":false,"show_timer":true},"carousel":{"use_height":false,"amount":3,"target_height":300,"margin":1,"lazy":true,"interval":0,"show_timer":true,"background":false,"nav":true,"tabs":false,"tabs_position":"top","loop":true},"image":{"title":null,"title_include":"default","description":null,"description_include":"default","link":null,"link_target":"auto","popup_width":600,"popup_height":500},"embed":null},"content":null,"plugins":{"chat":{"x3_control":true,"mobile":false,"load":false},"image_background":{"enabled":false,"src":null,"custom_height":true,"height":"80%","size":"cover","fixed":false,"position":"50% 50%","below_menu":true,"menu_style":"menu-absolute-20","page_meta_title":true,"page_meta_description":true,"page_meta_content":false,"page_meta_scrollfade":true,"button_down":false,"button_down_remove":true,"hide_context":false,"hide_footer":false},"background":{"enabled":false,"src":null,"color":null,"attach":"page","menu_style":null,"fixed":false,"size":"100%","repeat":"repeat","position":"50% 0%"},"video_background":{"src":null,"disable_mobile":false,"poster_mobile":null,"menu_style":"menu-absolute-20","height":100,"autoplay":true,"toggleplay":true,"loop":true,"muted":true,"button_down":false,"button_down_remove":true,"hide_context":false,"hide_footer":false},"fotomoto":{"enabled":false,"store_id":null,"enabled_page":false,"collection":null,"buy_button":true,"buy_button_text":"Buy","buy_button_popup":"mobile","mobile_disabled":true},"audioplayer":{"enabled":true,"autoplay":true,"loop":true,"volume":1,"shuffle":false,"disabled_mobile":true,"folders":true},"disqus":{"image":true},"pagenav":{"hide_root":true,"hide_has_children":false,"position":"fixed-bottom","autohide":true},"cookie_consent":{"enabled":false,"location":true,"inherit_font":true,"message":null,"dismiss":null,"link":null,"href":null},"panorama":{"enabled":false,"index":true,"title":true,"buttons":"deviceorientation,rotate,fullscreen","scene_nav":true,"scene_loop":true,"zoom":"auto","nav":true,"keyboard":true,"lookto_taps":1,"fullscreen_taps":2,"transition":"black","transition_duration":800,"transition_scale":0.0299999999999999988897769753748434595763683319091796875,"auto_open":false,"equirect_preview":true,"equirect_resize":true,"hide_interface":true,"hide_interface_timeout":3000,"show_interface_after_nav":true,"yaw":0,"pitch":0,"fov":1.1999999999999999555910790149937383830547332763671875,"maxres_multiplier":1,"max_vfov":1.75,"max_hfov":0,"pitch_min":-90,"pitch_max":90,"reset_view":true,"autorotate_start":true,"autorotate_restart":false,"autorotate_idlemovement_timeout":2000,"autorotate_speed":0.0299999999999999988897769753748434595763683319091796875,"flat_tile_size":512,"flat_url_format":"l{z}/{y}/l{z}_{y}_{x}.jpg","flat_zero_padding":0,"flat_index_start":0,"flat_pin_levels":2}},"accounts":{"disqus_shortname":null},"style":{"styler":true,"layout":{"layout":"topbar-float","fixed":"topbar-fixed","wide":false,"overlay":true},"skin":{"skin":"black","primary_color":"steelblue","clear":"clear"},"font":{"font":"PT+Sans:400,700,400italic,700italic|logo:700|header:700|subheader:italic|topbar:uppercase|sidebar:uppercase"},"logo":{"enabled":true,"use_image":false,"title":"SATSAID Entre Ríos","logo_3d":true,"logo_3d_synch":true,"link":null}},"settings":{"diagnostics":false,"cdn_core":true,"preload":"auto","lang":"es","auto_lang":true,"pagenav":true,"cdn_files":null,"base_url":null,"date_format":"timeago","timeago_locales":true,"hide_images":"double","prevent_context":false,"sitemap":true,"feed":true,"menu_manual":false,"menu_super":false,"menu_disabled":false,"image_noindex":false},"popup":{"enabled":true,"auto_open":false,"click":"prev_next","transition":"glide","transition_custom":{"opacity":0.1000000000000000055511151231257827021181583404541015625,"x":0,"y":0,"rotate":-90,"scale":0.8000000000000000444089209850062616169452667236328125,"easing":"easeOutElastic","duration":1000},"history":true,"loop":true,"zoomEl":true,"downloadEl":false,"shareEl":true,"playEl":true,"play_interval":5,"play_transition":"inherit","captionEl":true,"hide_caption":true,"caption_transition":true,"caption_style":"block","caption_align":"center-left","caption":{"title":false,"title_from_name":false,"filename":false,"filename_ext":false,"description":false,"date":false,"exif":false,"exif_items":"model,aperture,focal_length,exposure,iso","download":false,"download_text":"Download","map":false,"map_text":"Map"},"bgOpacity":0.9499999999999999555910790149937383830547332763671875,"bg_color":"#000","bg_image":false},"toolbar":{"enabled":true,"enabled_mobile":false,"share_hover":true,"share_click":true,"show_label":true,"auto_hide":true,"overlay_fun":true,"top":65,"side":"auto","addthis":false,"items":"{\r\n  \"items\": [\r\n    {\r\n      \"id\": \"share\",\r\n      \"icon\": \"share\",\r\n      \"label\": \"Share\"\r\n    },\r\n    {\r\n      \"id\": \"facebook\",\r\n      \"icon\": \"facebook\",\r\n      \"label\": \"Share on Facebook\",\r\n      \"url\": \"https://www.facebook.com/sharer/sharer.php?u={{url}}\"\r\n    },\r\n    {\r\n      \"id\": \"twitter\",\r\n      \"icon\": \"twitter\",\r\n      \"label\": \"Tweet\",\r\n      \"url\": \"https://twitter.com/intent/tweet?text={{text}}&url={{url}}\"\r\n    },\r\n    {\r\n      \"id\": \"pinterest\",\r\n      \"icon\": \"pinterest-p\",\r\n      \"label\": \"Pin it\",\r\n      \"url\": \"http://www.pinterest.com/pin/create/button/?url={{url}}&media={{image_url}}&description={{text}}\"\r\n    },\r\n    {\r\n      \"id\": \"linkedin\",\r\n      \"icon\": \"linkedin\",\r\n      \"label\": \"Share on Linkedin\",\r\n      \"url\": \"http://www.linkedin.com/shareArticle?mini=true&url={{url}}&title={{text}}\",\r\n      \"display\": \"overlay\"\r\n    },\r\n    {\r\n      \"id\": \"vkontakte\",\r\n      \"icon\": \"vk\",\r\n      \"label\": \"Share on vKontakte\",\r\n      \"url\": \"http://vk.com/share.php?url={{url}}\",\r\n      \"display\": \"overlay\"\r\n    },\r\n    {\r\n      \"id\": \"tumblr\",\r\n      \"icon\": \"tumblr\",\r\n      \"label\": \"Share on Tumblr\",\r\n      \"url\": \"http://www.tumblr.com/share?v=3&u={{url}}&t={{text}}&s=\",\r\n      \"display\": \"overlay\"\r\n    },\r\n    {\r\n      \"id\": \"mailto\",\r\n      \"icon\": \"envelope\",\r\n      \"label\": \"Share by Email\",\r\n      \"url\": \"mailto:?subject={{text}}&body=Hi,%0D%0A%0D%0A{{description}}%0D%0A{{url}}\",\r\n      \"color\": \"#00bcf2\",\r\n      \"display\": \"overlay|popup\"\r\n    },\r\n    {\r\n      \"id\": \"comment\",\r\n      \"icon\": \"comment\",\r\n      \"label\": \"Post Comment\"\r\n    },\r\n    {\r\n      \"id\": \"download\",\r\n      \"icon\": \"download\",\r\n      \"label\": \"Download\",\r\n      \"url\": \"{{raw_image_url}}\"\r\n    }\r\n  ]\r\n}"},"userx":false,"x3_version":"3.30.1","site_updated":1777571531,"audio_default":["sample.mp3","sample2.mp3"],"site_json":false,"path":"/galeria"};
var x3_page = {"title":"Vertical Split","label":"Vertical Split","description":"Using split-view in combination with the vertical layout.","image":"examples/assets/puppy.jpg","layout":{"width":"narrow"},"context":{"classes":"separator"},"gallery":{"items":"title,description,preview","layout":"vertical","split":{"enabled":true},"classes":"frame,hover","assets":"examples/assets/"},"type":"page","id":"p3004a8","permalink":"/galeria/examples/variations/split/","canonical":"https://entrerios.satsaid.com.ar/galeria/examples/variations/split/","file_path":"/content/examples/variations/split","preview_image_full":"https://entrerios.satsaid.com.ar/galeria/content/examples/assets/puppy.jpg"};
function jsFail(){
	var s = document.createElement('script');
	s.type = 'text/javascript';
	s.onload = imagevue_;
	s.src = '/galeria/app/public/js/3.30.1/x3.min.js';
	document.getElementsByTagName('head')[0].appendChild(s);
}
</script><script src="https://cdn.jsdelivr.net/npm/jquery@3.5.1/dist/jquery.min.js"></script><script src="https://cdn.jsdelivr.net/npm/animejs@3.2.1/lib/anime.min.js"></script><script src="https://cdn.jsdelivr.net/npm/velocity-animate@1.0.1/velocity.min.js"></script><script src="https://cdn.jsdelivr.net/npm/velocity-animate@1.0.1/velocity.ui.min.js"></script><script src="https://cdn.jsdelivr.net/npm/string@3.3.3/dist/string.min.js"></script><script src="https://cdn.jsdelivr.net/npm/x3.photo.gallery@3.30.1/js/x3.min.js" onerror="jsFail()" onload="imagevue_();"></script></body></html>
<!-- X3 website by www.photo.gallery -->