Наши баннеры

Разместите эти баннеры на своём сайте и подпишитесь на наш канал в MAX

📢 Как выглядят баннеры

📋 Баннер 1 — Канал в MAX (350×170)

<a href="https://max.ru/channel_vestipokolenie" target="_blank" rel="noopener noreferrer" style="
    display: inline-block;
    width: 350px;
    height: 170px;
    background: #0b0c10;
    border-radius: 20px;
    border: 1px solid rgba(74, 240, 255, 0.15);
    overflow: hidden;
    position: relative;
    transition: all 0.3s ease;
    text-decoration: none;
">
    <div style="
        position: absolute;
        inset: 0;
        border-radius: 20px;
        padding: 2px;
        background: linear-gradient(135deg, #4af0ff, #b16ef0);
        -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
        mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
        -webkit-mask-composite: xor;
        mask-composite: exclude;
        opacity: 0.3;
        pointer-events: none;
    "></div>

    <div style="
        display: flex;
        flex-direction: column;
        height: 100%;
        padding: 10px 14px 12px 14px;
        font-family: 'Inter', sans-serif;
    ">
        <div style="
            display: flex;
            align-items: center;
            gap: 10px;
            padding-bottom: 6px;
            border-bottom: 1px solid rgba(74, 240, 255, 0.06);
        ">
            <img src="/logo.png" alt="Логотип Поколение" style="
                height: 32px;
                width: auto;
                filter: drop-shadow(0 0 8px rgba(74, 240, 255, 0.2));
                flex-shrink: 0;
            ">
            <span style="
                font-family: 'Space Grotesk', sans-serif;
                font-size: 10px;
                font-weight: 500;
                color: #4af0ff;
                letter-spacing: 0.04em;
                text-transform: uppercase;
                opacity: 0.9;
            ">АКМОД «Поколение»</span>
        </div>

        <div style="
            flex: 1;
            display: flex;
            flex-direction: column;
            justify-content: center;
            padding: 4px 0;
        ">
            <div style="
                font-family: 'Space Grotesk', sans-serif;
                font-size: 18px;
                font-weight: 700;
                color: #f0f4f8;
                line-height: 1.2;
            ">
                Канал в <span style="background: linear-gradient(135deg, #4af0ff, #b16ef0); -webkit-background-clip: text; background-clip: text; color: transparent;">MAX</span>
            </div>
            <div style="
                font-size: 10px;
                color: #a0b3c9;
                line-height: 1.4;
                margin-top: 2px;
                opacity: 0.9;
            ">
                Анонсы · Новости · Проекты · События · Объявления
            </div>

            <div style="
                display: flex;
                flex-wrap: wrap;
                gap: 4px;
                margin-top: 6px;
            ">
                <span style="
                    font-size: 7px;
                    font-weight: 600;
                    color: #4af0ff;
                    background: rgba(74, 240, 255, 0.06);
                    border: 1px solid rgba(74, 240, 255, 0.08);
                    border-radius: 12px;
                    padding: 2px 7px;
                    text-transform: uppercase;
                    letter-spacing: 0.02em;
                    white-space: nowrap;
                ">#КОНЦЕРТЫ</span>
                <span style="
                    font-size: 7px;
                    font-weight: 600;
                    color: #4af0ff;
                    background: rgba(74, 240, 255, 0.06);
                    border: 1px solid rgba(74, 240, 255, 0.08);
                    border-radius: 12px;
                    padding: 2px 7px;
                    text-transform: uppercase;
                    letter-spacing: 0.02em;
                    white-space: nowrap;
                ">#ФЕСТИВАЛИ</span>
                <span style="
                    font-size: 7px;
                    font-weight: 600;
                    color: #4af0ff;
                    background: rgba(74, 240, 255, 0.06);
                    border: 1px solid rgba(74, 240, 255, 0.08);
                    border-radius: 12px;
                    padding: 2px 7px;
                    text-transform: uppercase;
                    letter-spacing: 0.02em;
                    white-space: nowrap;
                ">#КОНКУРСЫ</span>
                <span style="
                    font-size: 7px;
                    font-weight: 600;
                    color: #4af0ff;
                    background: rgba(74, 240, 255, 0.06);
                    border: 1px solid rgba(74, 240, 255, 0.08);
                    border-radius: 12px;
                    padding: 2px 7px;
                    text-transform: uppercase;
                    letter-spacing: 0.02em;
                    white-space: nowrap;
                ">#ВЫСТАВКИ</span>
                <span style="
                    font-size: 7px;
                    font-weight: 600;
                    color: #4af0ff;
                    background: rgba(74, 240, 255, 0.06);
                    border: 1px solid rgba(74, 240, 255, 0.08);
                    border-radius: 12px;
                    padding: 2px 7px;
                    text-transform: uppercase;
                    letter-spacing: 0.02em;
                    white-space: nowrap;
                ">#ГРАНТЫ</span>
                <span style="
                    font-size: 7px;
                    font-weight: 600;
                    color: #4af0ff;
                    background: rgba(74, 240, 255, 0.06);
                    border: 1px solid rgba(74, 240, 255, 0.08);
                    border-radius: 12px;
                    padding: 2px 7px;
                    text-transform: uppercase;
                    letter-spacing: 0.02em;
                    white-space: nowrap;
                ">#СУБСИДИИ</span>
                <span style="
                    font-size: 7px;
                    font-weight: 600;
                    color: #4af0ff;
                    background: rgba(74, 240, 255, 0.06);
                    border: 1px solid rgba(74, 240, 255, 0.08);
                    border-radius: 12px;
                    padding: 2px 7px;
                    text-transform: uppercase;
                    letter-spacing: 0.02em;
                    white-space: nowrap;
                ">#ТВОРЧЕСТВО</span>
                <span style="
                    font-size: 7px;
                    font-weight: 600;
                    color: #4af0ff;
                    background: rgba(74, 240, 255, 0.06);
                    border: 1px solid rgba(74, 240, 255, 0.08);
                    border-radius: 12px;
                    padding: 2px 7px;
                    text-transform: uppercase;
                    letter-spacing: 0.02em;
                    white-space: nowrap;
                ">#НКО</span>
                <span style="
                    font-size: 7px;
                    font-weight: 600;
                    color: #4af0ff;
                    background: rgba(74, 240, 255, 0.06);
                    border: 1px solid rgba(74, 240, 255, 0.08);
                    border-radius: 12px;
                    padding: 2px 7px;
                    text-transform: uppercase;
                    letter-spacing: 0.02em;
                    white-space: nowrap;
                ">#ЗОЖ</span>
            </div>
        </div>
    </div>
</a>

📋 Баннер 2 — Сайт (183×70)

<a href="https://www.pokolenie.alt.ru/" target="_blank" rel="noopener noreferrer" style="
    display: inline-flex;
    align-items: stretch;
    width: 183px;
    height: 70px;
    background: #0b0c10;
    border-radius: 12px;
    border: 1px solid rgba(74, 240, 255, 0.15);
    overflow: hidden;
    position: relative;
    transition: all 0.3s ease;
    text-decoration: none;
">
    <div style="
        position: absolute;
        inset: 0;
        border-radius: 12px;
        padding: 1.5px;
        background: linear-gradient(135deg, #4af0ff, #b16ef0);
        -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
        mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
        -webkit-mask-composite: xor;
        mask-composite: exclude;
        opacity: 0.3;
        pointer-events: none;
    "></div>

    <img src="/logo.png" alt="Логотип Поколение" style="
        height: 100%;
        width: auto;
        flex-shrink: 0;
        background: #0b0c10;
        padding: 4px 4px 4px 6px;
        filter: drop-shadow(0 0 8px rgba(74, 240, 255, 0.15));
    ">

    <div style="
        flex: 1;
        display: flex;
        flex-direction: column;
        justify-content: center;
        padding: 4px 8px 4px 4px;
        min-width: 0;
        line-height: 1.15;
    ">
        <span style="
            font-family: 'Space Grotesk', sans-serif;
            font-size: 10px;
            font-weight: 500;
            color: #a0b3c9;
            letter-spacing: 0.02em;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
        ">МОЛОДЕЖНОЕ</span>
        <span style="
            font-family: 'Space Grotesk', sans-serif;
            font-size: 10px;
            font-weight: 500;
            color: #a0b3c9;
            letter-spacing: 0.02em;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
        ">ДВИЖЕНИЕ</span>
        <span style="
            font-family: 'Space Grotesk', sans-serif;
            font-size: 14px;
            font-weight: 700;
            background: linear-gradient(135deg, #4af0ff, #b16ef0);
            -webkit-background-clip: text;
            background-clip: text;
            color: transparent;
            letter-spacing: 0.06em;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
        ">ПОКОЛЕНИЕ</span>
    </div>
</a>

🛠 Как установить баннеры

Скопируйте код нужного баннера (нажмите кнопку «Скопировать»)
Вставьте его в HTML-код вашего сайта в нужное место
Баннер 1 (350×170) ведёт на канал «Благие вести нашего Поколения» в MAX
Баннер 2 (183×70) ведёт на сайт https://www.pokolenie.alt.ru/
При наведении оба баннера слегка увеличиваются и подсвечиваются

📲 Перейти на канал 📖 Подробнее о канале