Hackvent_2018/Day 6/Piet'ers Gallery.html

85 lines
5.1 KiB
HTML
Raw Permalink Normal View History

2018-12-07 13:52:13 +01:00
<!DOCTYPE html>
<html><head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Piet'ers Gallery</title>
<link rel="stylesheet" href="Piet'ers%20Gallery_files/bootstrap.css">
<link href="Piet'ers%20Gallery_files/css.css" rel="stylesheet">
<link rel="stylesheet" href="Piet'ers%20Gallery_files/baguetteBox.css">
<link rel="stylesheet" href="Piet'ers%20Gallery_files/styles.css">
</head>
<body>
<div class="container gallery-container">
<h1>Piet'ers Gallery</h1>
<p class="page-description text-center">We currently don't plan on selling any artwork!</p>
<div class="tz-gallery">
<div class="row">
<div class="col-sm-6 col-md-4">
<a class="lightbox" href="https://hackvent.hacking-lab.com/Mondrian-Gallery/img/house.png">
<img src="Piet'ers%20Gallery_files/house.png" alt="House">
<p style="color:grey;">"House" - 3200$</p>
</a>
</div>
<div class="col-sm-6 col-md-4">
<a class="lightbox" href="https://hackvent.hacking-lab.com/Mondrian-Gallery/img/trees.png">
<img src="Piet'ers%20Gallery_files/trees.png" alt="Trees">
<p style="color:grey;">"Trees" - 4200$</p>
</a>
</div>
<div class="col-sm-6 col-md-4">
<a class="lightbox" href="https://hackvent.hacking-lab.com/Mondrian-Gallery/img/lake.png">
<img src="Piet'ers%20Gallery_files/lake.png" alt="lake">
<p style="color:grey;">Lake" - 8500$</p>
</a>
</div>
<div class="col-sm-6 col-md-4">
<a class="lightbox" href="https://hackvent.hacking-lab.com/Mondrian-Gallery/img/sky.png">
<img src="Piet'ers%20Gallery_files/sky.png" alt="Sky">
<p style="color:grey;">"Sky" - 5000$</p>
</a>
</div>
<div class="col-sm-6 col-md-4">
<a class="lightbox" href="https://hackvent.hacking-lab.com/Mondrian-Gallery/img/sheep.png">
<img src="Piet'ers%20Gallery_files/sheep.png" alt="Sheep">
<p style="color:grey;">"Sheep" - 4030$</p>
</a>
</div>
<div class="col-sm-6 col-md-4">
<a class="lightbox" href="https://hackvent.hacking-lab.com/Mondrian-Gallery/img/snake.png">
<img src="Piet'ers%20Gallery_files/snake.png" alt="Snake">
<p style="color:grey;">"Snake" - 6030$</p>
</a>
</div>
</div>
</div>
</div>
<script src="Piet'ers%20Gallery_files/baguetteBox.js"></script>
<script>
baguetteBox.run('.tz-gallery');
</script><div role="dialog" id="baguetteBox-overlay" style="background-color: rgba(0, 0, 0, 0.8); display: none;" aria-labelledby="baguetteBox-figure-0 baguetteBox-figure-1 baguetteBox-figure-2 baguetteBox-figure-3 baguetteBox-figure-4 baguetteBox-figure-5" aria-describedby="baguetteBox-figcaption-0 baguetteBox-figcaption-1 baguetteBox-figcaption-2 baguetteBox-figcaption-3 baguetteBox-figcaption-4 baguetteBox-figcaption-5" class=""><div id="baguetteBox-slider" style="transform: translate3d(-300%, 0px, 0px);"><div class="full-image" id="baguette-img-0"></div><div class="full-image" id="baguette-img-1"><figure id="baguetteBox-figure-1"><img src="Piet'ers%20Gallery_files/trees.png" alt="Trees"></figure></div><div class="full-image" id="baguette-img-2"><figure id="baguetteBox-figure-2"><img src="Piet'ers%20Gallery_files/lake.png" alt="lake"></figure></div><div class="full-image" id="baguette-img-3"><figure id="baguetteBox-figure-3"><img src="Piet'ers%20Gallery_files/sky.png" alt="Sky"></figure></div><div class="full-image" id="baguette-img-4"><figure id="baguetteBox-figure-4"><img src="Piet'ers%20Gallery_files/sheep.png" alt="Sheep"></figure></div><div class="full-image" id="baguette-img-5"><figure id="baguetteBox-figure-5"><img src="Piet'ers%20Gallery_files/snake.png" alt="Snake"></figure></div></div><button type="button" id="previous-button" aria-label="Previous" class="baguetteBox-button"><svg width="44" height="60"><polyline points="30 10 10 30 30 50" stroke="rgba(255,255,255,0.5)" stroke-width="4" stroke-linecap="butt" fill="none" stroke-linejoin="round"></polyline></svg></button><button type="button" id="next-button" aria-label="Next" class="baguetteBox-button"><svg width="44" height="60"><polyline points="14 10 34 30 14 50" stroke="rgba(255,255,255,0.5)" stroke-width="4" stroke-linecap="butt" fill="none" stroke-linejoin="round"></polyline></svg></button><button type="button" id="close-button" aria-label="Close" class="baguetteBox-button"><svg width="30" height="30"><g stroke="rgb(160,160,160)" stroke-width="4"><line x1="5" y1="5" x2="25" y2="25"></line><line x1="5" y1="25" x2="25" y2="5"></line></g></svg></button></div>
<script src="Piet'ers%20Gallery_files/script.js"></script>
</body></html>
<!-- Mady with <3 by https://twitter.com/xorkiwi -->