Your IP : 216.73.216.59
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=0.3">
<title>Galleria Azur Theme</title>
<link rel="stylesheet" type="text/css" href="galleria.azur.min.css" />
<style>
/* Demo styles */
html,body{background:#eee;margin:0;}
.content{color:#777;font:12px/1.4 "helvetica neue",arial,sans-serif;max-width:820px;margin:20px auto;}
h1{font-size:12px;font-weight:normal;color:#222;margin:0;}
p{margin:0 0 20px}
a {color:#22BCB9;text-decoration:none;}
.galleria-info-description a { color: #bbb;}
.cred{margin-top:20px;font-size:11px;}
/* Gallery measures that will be applied */
.galleria {
height:420px; /* defines a static gallery height */
max-width:820px; /* defines a responsive width */
}
</style>
</head>
<body>
<div class="content">
<h1>Galleria Azur Theme</h1>
<p>Demonstrating a simple example.</p>
<div class="galleria">
<a href="https://picsum.photos/id/389/1024/768.jpg">
<img src="https://picsum.photos/id/389/150/100.jpg"
data-big="https://picsum.photos/id/389/1440/1080.jpg"
data-description="by <a href="https://unsplash.com/photos/bt-Sc22W-BE">Jake Hills</a> on <a href="https://unsplash.com">Unsplash</a>"
data-title="Footsteps">
</a>
<a href="https://picsum.photos/id/675/1024/768.jpg">
<img src="https://picsum.photos/id/675/150/100.jpg"
data-big="https://picsum.photos/id/675/1440/1080.jpg"
data-description="by <a href="https://unsplash.com/photos/hBYzBU1xP6s">Barn Images</a> on <a href="https://unsplash.com">Unsplash</a>"
data-title="Waves washes on beach shore">
</a>
<a href="https://picsum.photos/id/525/1024/768.jpg">
<img src="https://picsum.photos/id/525/150/100.jpg"
data-big="https://picsum.photos/id/525/1440/1080.jpg"
data-description="by <a href="https://unsplash.com/photos/aViOQZzikVs">Luca Zanon</a> on <a href="https://unsplash.com">Unsplash</a>"
data-title="Extreme Desert Hike">
</a>
<a href="https://picsum.photos/id/349/1024/768.jpg">
<img src="https://picsum.photos/id/349/150/100.jpg"
data-big="https://picsum.photos/id/349/1440/1080.jpg"
data-description="by <a href="https://unsplash.com/photos/FmMivfgHCiM">Caleb George</a> on <a href="https://unsplash.com">Unsplash</a>"
data-title="Man in front of skyline">
</a>
<a href="https://picsum.photos/id/120/1024/768.jpg">
<img src="https://picsum.photos/id/120/150/100.jpg"
data-big="https://picsum.photos/id/120/1440/1080.jpg"
data-description="by <a href="https://unsplash.com/photos/_DA3D5P71qs">Guillaume</a> on <a href="https://unsplash.com">Unsplash</a>"
data-title="Milky Way Night Sky">
</a>
<a href="https://picsum.photos/id/299/1024/768.jpg">
<img src="https://picsum.photos/id/299/150/100.jpg"
data-big="https://picsum.photos/id/299/1440/1080.jpg"
data-description="by <a href="https://unsplash.com/photos/nOhUx3tiaQQ">Matthew Wiebe</a> on <a href="https://unsplash.com">Unsplash</a>"
data-title="My favorite building in the city">
</a>
<a href="https://picsum.photos/id/219/1024/768.jpg">
<img src="https://picsum.photos/id/219/150/100.jpg"
data-big="https://picsum.photos/id/219/1440/1080.jpg"
data-description="by <a href="https://unsplash.com/photos/7iB4OZDlRok">Martyn Seddon</a> on <a href="https://unsplash.com">Unsplash</a>"
data-title="Encounter with a leopard">
</a>
<a href="https://picsum.photos/id/856/1024/768.jpg">
<img src="https://picsum.photos/id/856/150/100.jpg"
data-big="https://picsum.photos/id/856/1440/1080.jpg"
data-description="by <a href="https://unsplash.com/photos/omKdUQ9R3Zo">Olu Eletu</a> on <a href="https://unsplash.com">Unsplash</a>"
data-title="Elegant man with hot coffee">
</a>
<a href="https://picsum.photos/id/531/1024/768.jpg">
<img src="https://picsum.photos/id/531/150/100.jpg"
data-big="https://picsum.photos/id/531/1440/1080.jpg"
data-description="by <a href="https://unsplash.com/photos/zr8msYQhfRg">Jeff Sheldon</a> on <a href="https://unsplash.com">Unsplash</a>"
data-title="Vintage cameras">
</a>
<a href="https://picsum.photos/id/426/1024/768.jpg">
<img src="https://picsum.photos/id/426/150/100.jpg"
data-big="https://picsum.photos/id/426/1440/1080.jpg"
data-description="by <a href="https://unsplash.com/photos/01ZeHnK3F_4">Ales Krivec</a> on <a href="https://unsplash.com">Unsplash</a>"
data-title="Valley town">
</a>
<a href="https://vimeo.com/25750735">
<span class="video">Works for vimeo too.</span>
</a>
<a href="https://www.youtube.com/watch?v=PEEXZZ071FE">
<span class="video">Works for youtube too.</span>
</a>
</div>
</div>
<!-- load jQuery -->
<!-- <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.js"></script> -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.4/jquery.js"></script>
<!-- load Galleria -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/galleria/1.6.1/galleria.min.js"></script>
<script src="galleria.azur.min.js"></script>
<script>
$(function() {
// Initialize Galleria
Galleria.run('.galleria');
});
</script>
</body>
</html>