Your IP : 216.73.216.59
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Galleria Classic Theme</title>
<link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/galleria/1.6.1/themes/fullscreen/galleria.classic.min.css" />
<style>
/* Demo styles */
html,body{background:#222;margin:0;}
body{border-top:4px solid #000;}
.content{color:#777;font:12px/1.4 "helvetica neue",arial,sans-serif;width:620px;margin:20px auto;}
h1{font-size:12px;font-weight:normal;color:#ddd;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;}
/* This rule is read by Galleria to define the gallery height: */
#galleria{height:320px}
</style>
</head>
<body>
<div class="content">
<h1>Galleria Classic Theme</h1>
<p>Demonstrating a basic gallery example.</p>
<div id="galleria">
<a href="https://picsum.photos/id/1055/800/500.jpg">
<img src="https://picsum.photos/id/1055/150/100.jpg"
data-description="by <a href="https://unsplash.com/photos/12rzbJhQ89E">Neil Thomas</a> on <a href="https://unsplash.com">Unsplash</a>"
data-title="Calm before the storm">
</a>
<a href="https://picsum.photos/id/268/800/500.jpg">
<img src="https://picsum.photos/id/268/150/100.jpg"
data-description="by <a href="https://unsplash.com/photos/vc3ZOCf5BN8">davide ragusa</a> on <a href="https://unsplash.com">Unsplash</a>"
data-title="Wooden gate at the beach">
</a>
<a href="https://picsum.photos/id/35/800/500.jpg">
<img src="https://picsum.photos/id/35/150/100.jpg"
data-description="by <a href="https://unsplash.com/photos/znM0ujn2RUA">Shane Colella</a> on <a href="https://unsplash.com">Unsplash</a>"
data-title="Prickly orange needles">
</a>
<a href="https://picsum.photos/id/810/800/500.jpg">
<img src="https://picsum.photos/id/810/150/100.jpg"
data-description="by <a href="https://unsplash.com/photos/5QyPh6O9tfw">Luís Perdigão</a> on <a href="https://unsplash.com">Unsplash</a>"
data-title="Bridge To Anywhere">
</a>
<a href="https://picsum.photos/id/327/800/500.jpg">
<img src="https://picsum.photos/id/327/150/100.jpg"
data-description="by <a href="https://unsplash.com/photos/Gg7uKdHFb_c">Ryan Schroeder</a> on <a href="https://unsplash.com">Unsplash</a>"
data-title="Alpine mountains under a clear sky">
</a>
<a href="https://picsum.photos/id/241/800/500.jpg">
<img src="https://picsum.photos/id/241/150/100.jpg"
data-description="by <a href="https://unsplash.com/photos/1Cg7BQXp024">Sylwia Bartyzel</a> on <a href="https://unsplash.com">Unsplash</a>"
data-title="monochrome wire fence on hill">
</a>
<a href="https://picsum.photos/id/874/800/500.jpg">
<img src="https://picsum.photos/id/874/150/100.jpg"
data-description="by <a href="https://unsplash.com/photos/Cp-LUHPRpWM">Christopher Campbell</a> on <a href="https://unsplash.com">Unsplash</a>"
data-title="woman underwater in dress">
</a>
<a href="https://picsum.photos/id/42/800/500.jpg">
<img src="https://picsum.photos/id/42/150/100.jpg"
data-description="by <a href="https://unsplash.com/photos/KR2mdHJ5qMg">Luke Chesser</a> on <a href="https://unsplash.com">Unsplash</a>"
data-title="Coffee in Montreal">
</a>
<a href="https://picsum.photos/id/313/800/500.jpg">
<img src="https://picsum.photos/id/313/150/100.jpg"
data-description="by <a href="https://unsplash.com/photos/4xYgBTYC2-Q">Sonja Langford</a> on <a href="https://unsplash.com">Unsplash</a>"
data-title="Cloud on the field">
</a>
<a href="https://picsum.photos/id/235/800/500.jpg">
<img src="https://picsum.photos/id/235/150/100.jpg"
data-description="by <a href="https://unsplash.com/photos/TI-B-TNYJMU">Paul E. Harrer</a> on <a href="https://unsplash.com">Unsplash</a>"
data-title="View from the Langbathsee mountain lake">
</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/2.2.4/jquery.js"></script> -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.js"></script>
<!-- load Galleria -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/galleria/1.6.1/galleria.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/galleria/1.6.1/themes/classic/galleria.classic.min.js"></script>
<script>
$(function() {
Galleria.run('#galleria');
});
</script>
</body>
</html>