Snack 2 Win

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

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

Призы

Готовьтесь к школе с полезными историями от Барни

Чек - ФП

Passport photo

Promotional items photo

Штрих-код

Test

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

Язык

ID участника

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

Имя

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

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

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

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

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

Чек - Дата

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

Чек - ФД

Чек - Фото

Чек - Сумма

Чек - ФН

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

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

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

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

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

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

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

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

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

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

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

ИНН

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

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

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

Отчество

Email

Фамилия

Страна

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

<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>
  <p>У маленькой Жезтырнақ сверкающие медные когти и острые длинные клыки.<br> Мама и бабушка обожают ее, а вот как ее примут одноклассники?</p><br>
  <a class="btn btn--default -s--size-default -s--compact-default blue" href='https://uz.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://uz.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://uz.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://uz.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/aldar_kose_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>

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

Промо

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