index.html

<div class="wrapper product__main">
    <div class="product__main-bl product__main-gallery">
        <div class="product__gallery-title product__grey-title">Фото</div>
        <div class="product__gallery">
            <ul class="product__gallery-list swiper-wrapper">
                <li class="product__gallery-item swiper-slide active" data-url="img/product-main.png">
                    <img src="img/galley-item.png">
                </li>
                <li class="product__gallery-item swiper-slide" data-url="img/about-main.png">
                    <img src="img/galley-item.png">
                </li>
                <li class="product__gallery-item swiper-slide" data-url="img/product-main.png">
                    <img src="img/galley-item.png">
                </li>
                <li class="product__gallery-item swiper-slide" data-url="img/about-main.png">
                    <img src="img/galley-item.png">
                </li>
                <li class="product__gallery-item swiper-slide" data-url="img/product-main.png">
                    <img src="img/galley-item.png">
                </li>
                <li class="product__gallery-item swiper-slide" data-url="img/about-main.png">
                    <img src="img/galley-item.png">
                </li>
            </ul>
            <div class="swiper-pagination-gallery"></div>
        </div>
    </div>
    <div class="product__main-bl product__main-image">
        <img src="img/product-main.png" alt="Товар">
    </div>
    <div class="product__main-bl">
        <div class="product__dop-title product__grey-title">Навесное оборудование</div>
        <div class="product__dop">
            <ul class="product__dop-list swiper-wrapper">
                <li class="product__dop-item swiper-slide">
                    <div class="product__dop-top product__dop-bl">
                        <a class="product__dop-bl-link" href="#">
                            <img class="product__dop-img" src="img/shetka.png" alt="Супер щетка" title="Супер щетка">
                        </a>
                    </div>
                    <div class="product__dop-bottom product__dop-bl">
                        <a class="product__dop-bl-link" href="#">
                            <img src="img/shetka.png">
                        </a>
                    </div>
                </li>
                <li class="product__dop-item swiper-slide">
                    <div class="product__dop-top product__dop-bl">
                        <a class="product__dop-bl-link" href="#">
                            <img src="img/covsh-dop.png">
                        </a>
                    </div>
                    <div class="product__dop-bottom product__dop-bl">
                        <a class="product__dop-bl-link" href="#">
                            <img src="img/covsh-dop.png">
                        </a>
                    </div>
                </li>
                <li class="product__dop-item swiper-slide">
                    <div class="product__dop-top product__dop-bl">
                        <a class="product__dop-bl-link" href="#">
                            <img src="img/shetka.png">
                        </a>
                    </div>
                    <div class="product__dop-bottom product__dop-bl">
                        <a class="product__dop-bl-link" href="#">
                            <img src="img/shetka.png">
                        </a>
                    </div>
                </li>
                <li class="product__dop-item swiper-slide">
                    <div class="product__dop-top product__dop-bl">
                        <a class="product__dop-bl-link" href="#">
                            <img src="img/covsh-dop.png">
                        </a>
                    </div>
                    <div class="product__dop-bottom product__dop-bl">
                        <a class="product__dop-bl-link" href="#">
                            <img src="img/covsh-dop.png">
                        </a>
                    </div>
                </li>
                <li class="product__dop-item swiper-slide">
                    <div class="product__dop-top product__dop-bl">
                        <a class="product__dop-bl-link" href="#">
                            <img src="img/shetka.png">
                        </a>
                    </div>
                    <div class="product__dop-bottom product__dop-bl">
                        <a class="product__dop-bl-link" href="#">
                            <img src="img/shetka.png">
                        </a>
                    </div>
                </li>
                <li class="product__dop-item swiper-slide">
                    <div class="product__dop-top product__dop-bl">
                        <a class="product__dop-bl-link" href="#">
                            <img src="img/covsh-dop.png">
                        </a>
                    </div>
                    <div class="product__dop-bottom product__dop-bl">
                        <a class="product__dop-bl-link" href="#">
                            <img src="img/covsh-dop.png">
                        </a>
                    </div>
                </li>
                <li class="product__dop-item swiper-slide">
                    <div class="product__dop-top product__dop-bl">
                        <a class="product__dop-bl-link" href="#">
                            <img src="img/covsh-dop.png">
                        </a>
                    </div>
                    <div class="product__dop-bottom product__dop-bl">
                        <a class="product__dop-bl-link" href="#">
                            <img src="img/covsh-dop.png">
                        </a>
                    </div>
                </li>
                <li class="product__dop-item swiper-slide">
                    <div class="product__dop-top product__dop-bl">
                        <a class="product__dop-bl-link" href="#">
                            <img src="img/covsh-dop.png">
                        </a>
                    </div>
                    <div class="product__dop-bottom product__dop-bl">
                        <a class="product__dop-bl-link" href="#">
                            <img src="img/covsh-dop.png">
                        </a>
                    </div>
                </li>
            </ul>
            <div class="swiper-pagination-gallery"></div>
        </div>
    </div>
</div>