Snack 2 Win

Заполняй поля и получай гарантированный приз!

Заполни заявку

Призы

Читайте сказки с Барни и выигрывайте призы

Авторизация - Код

Согласие на получение сообщений

Чек - Сумма

Чек - Дата

Фамилия

Имя

Test

Уровень участника

Обратная связь - Вопрос

Согласие с правилами

Номер телефона для заявки

ID участника

Отчество

Passport photo

Promotional items photo

Штрих-код

Номер телефона

Email

Язык

Страна

Адрес

Обратная связь - Тема

Авторизация - Email

Авторизация - Номер телефона

Согласие на привлечение третьих лиц

Чек - ФП

Чек - Фото

Источник регистрации

Чек - ФД

Чек - ФН

Индекс доставки

Индекс регистрации

Область доставки

Адрес доставки

Область регистрации

Карта для выплаты кешбэка

Город доставки

Город регистрации

Адрес регистрации

ИНН

Дата выдачи паспорта

Кем выдан паспорт

Серия и номер паспорта

Дата рождения

Номер карты лояльности

<h3 class="title__middle">Читать сказки</h3>

<div class="opened">
  <img src="https://kz.barni.org/api/file_keepers/thumbnail2" alt="Сказка" class='img_desktop'>
  <div class='left'><h1>Улыбка Жезтырнақ</h1></div>
  
  <a class="btn btn--default -s--size-default -s--compact-default blue" href='https://kz.barni.org/fairytales/jeztirnak'>Читать сказку</a>
  <a class="btn btn--default -s--size-default -s--compact-default">Скачать сказку</a>
  <a class="btn btn--default -s--size-default -s--compact-default", href='https://kz.barni.org/api/file_keepers/jestirnak_audio_ru'>Слушать сказку</a>
</div>


<style>
.opened {
    background-color: #fff;
    border: 1px solid #ccc;
    padding: 20px;
    margin-bottom: 20px;
    box-sizing: border-box;
    position: relative;
    text-align: left;
    border-radius: 10px;
}

.opened img {
    width: 100%;
    opacity: 50%;
    height: 250px;
    object-fit: cover;
    border-radius: 4px;
    margin-bottom: 10px;
}

.left {
    position: absolute;
    top: 50px;
    left: 40px;
}

.opened p {
    font-size: 16px;
    margin-bottom: 10px;
}

.opened .btn {
  background-color: #FFE446;
  color: #00338e;
  
}

.btn.-s--size-default {
    font-size: 15px;
    margin-right: 30px;
    margin-bottom: 10px;
}

.btn.blue {
  background-color: #00A0D5;
  color: #ffffff;
}
</style>

<div class="opened">
  <img src="https://kz.barni.org/api/file_keepers/thumbnail1" alt="Сказка" class='img_desktop'>
  <div class='left'><h1>Зачем нужны друзья?</h1></div>
  <p><br></p><br>
  <a class="btn btn--default -s--size-default -s--compact-default blue" href='https://kz.barni.org/fairytales/akbota'>Читать сказку</a>
  <a class="btn btn--default -s--size-default -s--compact-default">Скачать сказку</a>
  <a class="btn btn--default -s--size-default -s--compact-default", href='https://kz.barni.org/api/file_keepers/akbota_audio_ru'>Слушать сказку</a>
</div>


<style>
.opened {
    background-color: #fff;
    border: 1px solid #ccc;
    padding: 20px;
    margin-bottom: 20px;
    box-sizing: border-box;
    position: relative;
    text-align: left;
    border-radius: 10px;
}

.opened img {
    width: 100%;
    opacity: 50%;
    height: 250px;
    object-fit: cover;
    border-radius: 4px;
    margin-bottom: 10px;
}

.left {
    position: absolute;
    top: 50px;
    left: 40px;
}

.opened p {
    font-size: 16px;
    margin-bottom: 10px;
}

.opened .btn {
  background-color: #FFE446;
  color: #00338e;
  
}

.btn.-s--size-default {
    font-size: 15px;
    margin-right: 30px;
    margin-bottom: 10px;
}

.btn.blue {
  background-color: #00A0D5;
  color: #ffffff;
}
</style>

<div class="opened">
  <img src="https://kz.barni.org/api/file_keepers/thumbnail3" alt="Десктопное изображение" class="responsive-image desktop-image">
  <img src="https://uz.barni.org/api/file_keepers/aldar_thumbnail_mobile" alt="Мобильное изображение" class="responsive-image mobile-image">
  <div class='left'><h1>Алдар Косе</h1></div>
  <p><br></p><br>
  <a class="btn btn--default -s--size-default -s--compact-default blue" href='https://kz.barni.org/fairytales/aldar'>Читать сказку</a>
  <a class="btn btn--default -s--size-default -s--compact-default">Скачать сказку</a>
  <a class="btn btn--default -s--size-default -s--compact-default", href='https://kz.barni.org/api/file_keepers/aldar_kose_audio_ru'>Слушать сказку</a>
</div>


<style>
.responsive-image {
  display: none;
}

/* Мобильное разрешение */
@media (max-width: 768px) {
  .mobile-image {
    display: block;
  }
}

/* Десктопное разрешение */
@media (min-width: 769px) {
  .desktop-image {
    display: block;
  }
}

.opened {
    background-color: #fff;
    border: 1px solid #ccc;
    padding: 20px;
    margin-bottom: 20px;
    box-sizing: border-box;
    position: relative;
    text-align: left;
    border-radius: 10px;
}

.opened img {
    width: 100%;
    opacity: 50%;
    height: 250px;
    object-fit: cover;
    border-radius: 4px;
    margin-bottom: 10px;
}

.left {
    position: absolute;
    top: 50px;
    left: 40px;
}

.opened p {
    font-size: 16px;
    margin-bottom: 10px;
}

.opened .btn {
  background-color: #FFE446;
  color: #00338e;
  
}

.btn.-s--size-default {
    font-size: 15px;
    margin-right: 30px;
    margin-bottom: 10px;
}

.btn.blue {
  background-color: #00A0D5;
  color: #ffffff;
}
</style>

<div class="opened">
  <img src="https://kz.barni.org/api/file_keepers/kozi_thumbnail" alt="Сказка" class='img_desktop'>
  <div class='left'><h1>Как ягненок Қозы помирился с жеребенком Қаратаем</h1></div>
  <p><br></p><br>
  <a class="btn btn--default -s--size-default -s--compact-default blue" href='https://kz.barni.org/fairytales/kozi'>Читать сказку</a>
  <a class="btn btn--default -s--size-default -s--compact-default">Скачать сказку</a>
  <a class="btn btn--default -s--size-default -s--compact-default", href='https://kz.barni.org/api/file_keepers/kozi_audio_ru'>Слушать сказку</a>
</div>


<style>
.opened {
    background-color: #fff;
    border: 1px solid #ccc;
    padding: 20px;
    margin-bottom: 20px;
    box-sizing: border-box;
    position: relative;
    text-align: left;
    border-radius: 10px;
}

.opened img {
    width: 100%;
    opacity: 50%;
    height: 250px;
    object-fit: cover;
    border-radius: 4px;
    margin-bottom: 10px;
}

.left {
    position: absolute;
    top: 50px;
    left: 40px;
}

.opened p {
    font-size: 16px;
    margin-bottom: 10px;
}

.opened .btn {
  background-color: #FFE446;
  color: #00338e;
  
}

.btn.-s--size-default {
    font-size: 15px;
    margin-right: 30px;
    margin-bottom: 10px;
}

.btn.blue {
  background-color: #00A0D5;
  color: #ffffff;
}
</style>

<h4>Упс! Сначала вы должны войти в личный кабинет</h4><br>
<a class="btn btn--default -s--size-default -s--compact-default" href='https://kz.barni.org/#ModalLogin'>Войти</a>

Участвуй в акции и получай ценные призы

Промо

Читать сказки