<!doctype html>
<html>
<head>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="theme-color" content="black">
    <title>No-JS image carousel demo</title>
    <link rel="stylesheet" type="text/css" href="carousel.css">
</head>
<body>
    <div id=scroller>
        <img src="photos/img1.jpg" width=2048 height=1536>
        <img src="photos/img2.jpg" width=1440 height=1080>
        <img src="photos/img3.jpg" width=2048 height=1536>
        <img src="photos/img4.jpg" width=960 height=720>
        <img src="photos/img5.jpg" width=2048 height=1536>
        <img src="photos/img6.jpg" width=2048 height=1536>
        <img src="photos/img7.jpg" width=960 height=720>
        <img src="photos/img8.jpg" width=960 height=720>
        <img src="photos/img9.jpg" width=960 height=720>
        <img src="photos/img10.jpg" width=2016 height=1504>
    </div>
    <div id=features>
        Features supported:
        <span id=feature-snap>snap points</span>
    </div>
</body>
</html>