<!DOCTYPE html> <html> <head>
{% include head.html %} <style> .photoblog-container { padding-top: 100px; } .photo-item { margin-bottom: 20px; } </style>
</head> <body>
{% include header.html %} <div class="container photoblog-container"> <!-- Example row of columns --> <div class="row"> {% assign image_files = site.static_files | where: "image", true %} {% for myimage in image_files %} <div class="col-md-4 photo-item"> <a class="gallery" href="{{ myimage.path }}"><img src="http://placehold.it/300x300"></a> </div> {% endfor %} </div> <hr> <footer> <p>© Rituparna Dey 2017</p> </footer> </div> {% include footer.html %} </div><!-- /.main -->
</body> </html>