<style> body * { font-family: courier; } h1, h3 { text-align:center; } #gallery .art { display:inline-block; margin-bottom: 10px; width:300px; height:300px; } .art img { max-width: 300px; max-height: 300px; border:solid 5px white; box-sizing:border-box; } .art img:hover { border:solid 5px #555555; } .nav_ctn { text-align:center; } </style> <!--<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>--> <script>window.jQuery || document.write('<script src="js/vendor/jquery-1.10.2.min.js"><\/script>')</script> <script src="js/plugins.js"></script> <script src="js/masonry.pkgd.min.js"></script> <script src="js/imagesloaded.js"></script> <script> var $container = $('#gallery'); // initialize $('#gallery').imagesLoaded( function(){ $container.masonry({ columnWidth: 300, "gutter": 10, itemSelector: '.art' }); }); </script> <!--<script>

Description: <style> body * { font-family: courier; } h1, h3 { text-align:center; } #gallery .art { display:inline-block; margin-bottom: 10px; width:300px; height:300px; } .art img { max-width: 300px; max-height: 300px; border:solid 5px white; box-sizing:border-box; } .art img:hover { border:solid 5px #555555; } .nav_ctn { text-align:center; } </style> <!--<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>--> <script>window.jQuery || document.write('<script src="js/vendor/jquery-1.10.2.min.js"><\/script>')</script> <script src="js/plugins.js"></script> <script src="js/masonry.pkgd.min.js"></script> <script src="js/imagesloaded.js"></script> <script> var $container = $('#gallery'); // initialize $('#gallery').imagesLoaded( function(){ $container.masonry({ columnWidth: 300, "gutter": 10, itemSelector: '.art' }); }); </script> <!--<script> (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){ (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o), m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m) })(window,document,'script','//www.google-analytics.com/analytics.js','ga'); ga('create', 'UA-36798824-8', 'pixelartmaker.com'); ga('send', 'pageview'); </script>--> </body> </html>