---

<title>Работа Кости</title>

<center>
    <div style="display: flex; justify-content: center; width: 600px;">
        <div style="background: #4158D0; width: 200px; height: 60px; color: white; line-height: 60px;">Цвет 1</div>
        <div style="background: #C850C0; width: 200px; height: 60px; color: white; line-height: 60px;">Цвет 2</div>
        <div style="background: #FFCC70; width: 200px; height: 60px; color: black; line-height: 60px;">Цвет 3</div>
    </div>

    <div style="border: 1px solid black; width: 600px; height: 40px; line-height: 40px; background: #f0f0f0;">Слайдер</div>

    <p><b>Услуги</b></p>

    <div style="display: flex; justify-content: center; gap: 15px; margin-bottom: 15px;">
        <div style="border: 1px solid; width: 150px; height: 100px;"></div>
        <div style="border: 1px solid; width: 150px; height: 100px;"></div>
        <div style="border: 1px solid; width: 150px; height: 100px;"></div>
    </div>
    <div style="display: flex; justify-content: center; gap: 15px;">
        <div style="border: 1px solid; width: 150px; height: 100px;"></div>
        <div style="border: 1px solid; width: 150px; height: 100px;"></div>
        <div style="border: 1px solid; width: 150px; height: 100px;"></div>
    </div>

    <p><b>ПАРТНЕРЫ</b></p>

    <div style="display: flex; justify-content: center; gap: 10px;">
        <img src="assets/img/cat.jpg" width="100" height="70">
        <img src="assets/img/cat.jpg" width="100" height="70">
        <img src="assets/img/cat.jpg" width="100" height="70">
        <img src="assets/img/cat.jpg" width="100" height="70">
        <img src="assets/img/cat.jpg" width="100" height="70">
    </div>
</center>