Site_Vologda/site/pages/attractions/attractions.html

<div class="vologdaPlace">
    <p class="titleText">Места которые стоит посетить в первую очередь</p>
        <div class="button-grid">
            <div>
                <a href="/pages/attractions/Музей кружева.html"><button class="image-button" style="background-image: url('/images/Музей_кружева.webp');"></button></a>
                <p class="placeName" style="text-align: center;">Музей кружева</p>
            </div>

            <div>
                <a href="/pages/attractions/Памятник букве О.html"><button class="image-button" style="background-image: url('/images/Памятник_букве_О.webp');"></button></a>
                <p class="placeName" style="text-align: center;">Памятник букве О</p>
            </div>  
                    
            <div>
                <a href="/pages/attractions/Посидим-поокаем.html"><button class="image-button" style="background-image: url('/images/Посидим_поокаем.webp');"></button></a>
                <p class="placeName" style="text-align: center;">Посидим-поокаем</p>
            </div>

            <div>
                <a href="/pages/attractions/Бульвар Пирогова.html"><button class="image-button" style="background-image: url('/images/Бульвар Пирогова.webp');"></button></a>
                <p class="placeName" style="text-align: center;">Бульвар Пирогова</p>
            </div>

            <div>
                <a href="/pages/attractions/Церковь Александра Невского.html"><button class="image-button" style="background-image: url('/images/Церковь_Александра_Невского.webp');"></button></a>
                <p class="placeName" style="text-align: center;">Церковь Александра Невского </p>
            </div>

            <div>
                <a href="/pages/attractions/Музей-заповедник.html"><button class="image-button" style="background-image: url('/images/музей-заповедник_1.webp');"></button></a>
                <p class="placeName" style="text-align: center;">Музей-заповедник</p>
            </div>
    </div>
</div>