2015-12-09 09:33:17 +01:00
<!DOCTYPE html>
< html >
< head >
< meta name = "viewport" content = "width=device-width, initial-scale=1.0" >
< meta charset = "UTF-8" >
2016-02-09 06:08:22 +01:00
< link type = "text/css" rel = "stylesheet" href = "../static/css/fonts.css" media = "screen,projection" / >
2015-12-09 09:33:17 +01:00
< link type = "text/css" rel = "stylesheet" href = "../static/css/style-page.css" media = "screen,projection" / >
< link type = "text/css" rel = "stylesheet" href = "../static/css/baguetteBox.min.css" media = "screen,projection" / >
2015-12-10 05:49:58 +01:00
< link type = "text/css" rel = "stylesheet" href = "../static/css/panorama_viewer.css" media = "screen,projection" / >
2015-12-09 09:33:17 +01:00
<!-- Let browser know website is optimized for mobile -->
< meta name = "viewport" content = "width=device-width, initial-scale=1.0" / >
2016-02-09 06:08:22 +01:00
< title > my first gallery · Example gallery< / title >
2015-12-09 09:33:17 +01:00
< / head >
< body >
2016-02-09 07:32:06 +01:00
2015-12-09 09:33:17 +01:00
< section class = "full-picture" style = "background: transparent url('stuff.png') no-repeat scroll center top / cover;" >
< div class = "picture-text" >
< div class = "picture-text-column" >
< h1 > Beautiful Title< / h1 >
< h2 > pouet pouet< / h2 >
< div class = "datetime" > 08 December 2015< / div >
< / div >
< / div >
< / section >
2016-02-09 07:32:06 +01:00
2015-12-09 09:33:17 +01:00
< section class = "bordered-picture baguette" >
< a href = "stuff.png" >
< img src = "stuff.png" >
< / a >
< / section >
< section class = "text" >
« voici plein de blabla à rajouter et < b > ceci est du gras< / b > et encore plein plein plein plein de text car je veux voir comment ça va wrapper car c'est important et il faut pas que j'oublie de mettre des margins en % sinon ça va pas le faire alala là ça devrait aller »
< / section >
< section class = "pictures-group baguette" >
< div class = "pictures-line" >
2016-02-09 07:32:06 +01:00
2015-12-09 09:33:17 +01:00
< div class = "picture" >
< a href = "stuff.png" >
< img src = "stuff-small.png" >
< / a >
< / div >
< div class = "separator" > < / div >
2016-02-09 07:32:06 +01:00
2015-12-09 09:33:17 +01:00
< div class = "picture" >
< a href = "stuff.png" >
< img src = "stuff-small.png" >
< / a >
< / div >
< div class = "separator" > < / div >
2016-02-09 07:32:06 +01:00
2015-12-09 09:33:17 +01:00
< div class = "picture" >
< a href = "stuff.png" >
< img src = "stuff-small.png" >
< / a >
< / div >
< / div >
< div class = "pictures-line" >
2016-02-09 07:32:06 +01:00
2015-12-09 09:33:17 +01:00
< div class = "picture" >
< a href = "stuff.png" >
< img src = "stuff-small.png" >
< / a >
< / div >
< div class = "separator" > < / div >
2016-02-09 07:32:06 +01:00
2015-12-09 09:33:17 +01:00
< div class = "picture" >
< a href = "stuff.png" >
< img src = "stuff-small.png" >
< / a >
< / div >
< / div >
< / section >
2016-02-09 07:32:06 +01:00
2015-12-09 09:33:17 +01:00
< section class = "full-picture" style = "background: transparent url('stuff.png') no-repeat scroll center top / cover;" >
< / section >
< div class = "back-to-home" >
< hr >
2015-12-10 00:51:21 +01:00
< a href = "../" >
2015-12-09 09:33:17 +01:00
< div id = "logo" src = "./../static/img/logo.svg" / >
HOME
< / div >
< / a >
< / div >
2015-12-10 06:37:59 +01:00
< script type = "text/javascript" src = "../static/js/jquery-2.1.4.min.js" charset = "utf-8" > < / script >
2015-12-09 09:33:17 +01:00
< script type = "text/javascript" src = "../static/js/baguetteBox.min.js" charset = "utf-8" > < / script >
2015-12-10 05:49:58 +01:00
< script type = "text/javascript" src = "../static/js/jquery.panorama_viewer.min.js" charset = "utf-8" > < / script >
2015-12-09 09:33:17 +01:00
< script type = "text/javascript" charset = "utf-8" >
2016-02-09 06:08:22 +01:00
$(function() {
baguetteBox.run(".baguette", {});
$(".panorama").panorama_viewer({
repeat: true,
direction: "horizontal",
animationTime: 150,
easing: "linear",
overlay: true
});
});
2015-12-09 09:33:17 +01:00
< / script >
< footer >
2016-02-09 06:08:22 +01:00
< p > Generated using < a href = "https://github.com/psycojoker/prosopopee" > Prosopopée< / a > · content under < a href = "https://creativecommons.org/licenses/by-sa/3.0/" > CC-BY-SA< / a > · atom logo by < a href = "https://thenounproject.com/jjjon/" > Jonathan Li< / a > under < a href = "https://creativecommons.org/licenses/by/3.0/" > CC-BY< / a > < / p >
2015-12-09 09:33:17 +01:00
< / footer >
< / body >
< / html >
