gallery.html

<!DOCTYPE html>
<html>
<head>
    <title>Get average color for gallery</title>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
    <link rel="stylesheet" href="dist/gallery.css" />
    <script src="dist/gallery.js" async></script>
</head>
<body>
    <div class="big-image-border"></div>
    <img class="big-image big-image_hidden" src="about:blank" width="640" height="480" />
    <div class="slider"><img
            class="slider__item slider__item_first" src="images/3.jpg"
        /><img
            class="slider__item" src="images/4.jpg"
        /><img
            class="slider__item" src="images/5.jpg"
        /><img
            class="slider__item" src="images/6.jpg"
        /><img
            class="slider__item" src="images/7.jpg"
        /><img
            class="slider__item" src="images/1.jpg"
        /><img
            class="slider__item" src="images/2.jpg"
        /><img
            class="slider__item" src="images/16.jpg"
        /><img
            class="slider__item" src="images/17.jpg"
        /><img
            class="slider__item" src="images/18.jpg"
        /><img
            class="slider__item slider__item_last" src="images/8.jpg"
        /></div>
</body>
</html>