[hideprofile]
[html]
<style>
       .portfolio-item {
            max-width: 900px;
            margin: 20px auto;
            padding: 20px;
            background: #ffffff;
            border: 3px solid #169e99;
            color: #000;
        }
        .portfolio-content {
            display: flex;
            flex-wrap: nowrap;
            align-items: start;
        }
        .portfolio-text {
            flex: 1;
            min-width: 250px;
            padding-right: 20px;
        }
        .portfolio-text h3 {
            margin: 0;
            color: #169e99;
        }
        .portfolio-text p {
            margin: 5px 0;
        }
        .thumbnail-container {
            column-count: 2;
            column-gap: 10px;
        }
        .thumbnail-container a {
            display: inline-block;
            width: 100%;
            margin-bottom: 10px;
            border-radius: 5px;
            overflow: hidden;
        }
        .thumbnail-container img {
            width: 100%;
            height: auto;
            transition: transform 0.3s ease-in-out;
            border-radius: 5px;
            display: block;
        }
        .thumbnail-container img:hover {
            transform: scale(1.1);
        }
        @media (max-width: 500px) {
            .thumbnail-container {
                column-count: 1;
            }
        }
    </style>
<div class="portfolio-item">
        <div class="portfolio-content">
            <div class="portfolio-text">
                <h3>Ecumene</h3>
                <p><strong>2024 год</strong></p>
                <p>Это был непростой заказ, т.к. форум базируется не на сервисе бесплатных форумов вроде mybb.ru, rusff.me и им подобных, а является полноценным отдельным сайтом с установленным движком mybb.com. А это означает - в нашей с админом власти было изменить в нём буквально каждый элемент и каждую запятую, чтобы, с одной стороны, сделать его более привычным для игроков, а с другой - сделать удобным и технологичным для управления.<br><br>
Форум имеет два цветовых решения - для обычного мира и мира Нави. Их можно поставить по желанию игрока (через знак в шапке), а также они сами изменятся при заходе в соответствующую локацию. Также каждое решение имеет множество сменных шапок с разными видами животных.
Еще из интересностей - в гиде о мире реализована интерактивная сетка сравнения различных видов, где можно наглядно посмотреть, кто на кого рычит сверху вниз, а кто кому и до колена не достает)</p>
            </div>
            <div class="thumbnail-container">
<a href="https://upforme.ru/uploads/0012/84/31/2/868514.jpg" target="_blank">
<img src="https://upforme.ru/uploads/0012/84/31/2/868514.jpg">
</a>

<a href="https://upforme.ru/uploads/0012/84/31/2/96113.jpg" target="_blank">
<img src="https://upforme.ru/uploads/0012/84/31/2/96113.jpg">
</a>

<a href="https://upforme.ru/uploads/0012/84/31/2/285497.jpg" target="_blank">
<img src="https://upforme.ru/uploads/0012/84/31/2/285497.jpg">
</a>

<a href="https://upforme.ru/uploads/0012/84/31/2/189246.jpg" target="_blank">
<img src="https://upforme.ru/uploads/0012/84/31/2/189246.jpg">
</a>

<a href="https://upforme.ru/uploads/0012/84/31/2/837289.jpg" target="_blank">
<img src="https://upforme.ru/uploads/0012/84/31/2/837289.jpg">
</a>

<a href="https://upforme.ru/uploads/0012/84/31/2/857677.jpg" target="_blank">
<img src="https://upforme.ru/uploads/0012/84/31/2/857677.jpg">
</a>

<a href="https://upforme.ru/uploads/0012/84/31/2/415159.jpg" target="_blank">
<img src="https://upforme.ru/uploads/0012/84/31/2/415159.jpg">
</a>

<a href="https://upforme.ru/uploads/0012/84/31/2/846185.jpg" target="_blank">
<img src="https://upforme.ru/uploads/0012/84/31/2/846185.jpg">
</a>

            </div>
        </div>
    </div>
<div class="portfolio-item">
        <div class="portfolio-content">
            <div class="portfolio-text">
                <h3>Название работы</h3>
                <p><strong>Дата:</strong> 12 марта 2024</p>
                <p>Описание выполненной работы. Здесь можно рассказать о процессе создания, вдохновении и других деталях.</p>
            </div>
            <div class="thumbnail-container">
               <a href="https://sun9-55.userapi.com/impg/OdfxWmdThqx714X9qtF1ZaZpXaOznD0hM-Lvhw/mOODp9vKrr0.jpg" target="_blank"><img src="https://sun9-55.userapi.com/impg/OdfxWmdThqx714X9qtF1ZaZpXaOznD0hM-Lvhw/mOODp9vKrr0.jpg?size=1861x2065&quality=95&sign=068961d8094a936a265c8ed83742ac72&type=album" alt="Работа 2"></a>
                <a href="https://sun9-55.userapi.com/impg/OdfxWmdThqx714X9qtF1ZaZpXaOznD0hM-Lvhw/mOODp9vKrr0.jpg" target="_blank"><img src="https://sun9-36.userapi.com/impg/eAGIS5bPEHKr7mS5PwX5I5uLlmyFX3sWJrYCMg/XqB82XAH-H8.jpg?size=1240x575&quality=95&sign=2d1ec21350305180eb50eb1912e85940&type=album" alt="Работа 2"></a>
<a href="https://sun9-55.userapi.com/impg/OdfxWmdThqx714X9qtF1ZaZpXaOznD0hM-Lvhw/mOODp9vKrr0.jpg" target="_blank"><img src="https://sun9-23.userapi.com/impg/SQZwbM3tXI_6XWOInaXRuWtIoRqnNc6DAuppIQ/fnUkDpTPc44.jpg?size=1861x927&quality=95&sign=47d82377a73d4fccb770f1582c896254&type=album" alt="Работа 2"></a>

            </div>
        </div>
    </div>
[/html]