www/index.html

<!DOCTYPE html>
<html>
    <head>
	<meta charset="utf-8" />
	<meta http-equiv="x-ua-compatible" content="ie=edge" />
	<meta name="viewport" content="width=device-width, initial-scale=1" />
	<title>js-zoomable examples</title>
    </head>
    <body>
	
	<h2>Extended Elements</h2>

	<h3>&lt;p is="zoomable-image"&gt;</h3>

	<ul>
	    <li><a href="image.html">Single image (bundled)</a></li>
	    <li><a href="image-unbundled.html">Single image (unbundled)</a></li>
	    <li><a href="image-multi.html">Multiple images</a></li>	    	    
	</ul>
	
	<h3>&lt;ul is="zoomable-image-carousel"&gt;</h3>	

	<ul>
	    <li><a href="carousel.html">Image carousel (bundled)</a></li>
	    <li><a href="carousel-unbundled.html">Image carousel (unbundled)</a></li>	    
	</ul>

	<h2>Custom Elements</h2>

	<h3>&lt;zoomage-image-custom&gt;</h3>

	<ul>
	    <li><a href="image-custom.html">Single image (bundled)</a></li>	    
	    <li><a href="image-custom-unbundled.html">Single image (unbundled)</a></li>
	</ul>
	
	<h3>&lt;zoomage-image-carousel-custom&gt;</h3>	

	<ul>
	    <li><a href="carousel-custom.html">Image carousel (bundled)</a></li>	    
	    <li><a href="carousel-custom-unbundled.html">Image carousel (unbundled)</a></li>
	</ul>

    </body>
</html>