<head>
<script src="file/jquery.min.js"></script>
<script src="file/webcomponents-lite.js"></script>
<link rel="stylesheet" href="file/lightbox.css">
<link rel="import" href="file/u-photo.html">
<link rel="import" href="file/u-gallery.html">
</head>
<body>
<u-gallery percent="95" grid="6" cushion="5" album="testalbum" frame="dark">
<u-photo image="images/chicago01.jpg" about="Addison"></u-photo>
<u-photo image="images/chicago02.jpg" about="Addison"></u-photo>
<u-photo image="images/chicago03.jpg" about="North/Clybourn"></u-photo>
...
</u-gallery>
<u-gallery percent="50" grid="3" cushion="5" album="testalbum2" frame="dark">
<u-photo image="images/chicago07.jpg" about="Lake"></u-photo>
<u-photo image="images/chicago08.jpg" about="Grand"></u-photo>
<u-photo image="images/chicago09.jpg" about="North/Clybourn"></u-photo>
...
</u-gallery>
<script src="file/lightbox.min.js"></script>
</body>