Блоки
Формы записи
Версия:··
История версий
v1.2 — 24.03.2026
- Кнопка: bb-btn-md заменена на bb-btn-lg (18px, bold, как на реальном сайте)
- border-radius кнопки: 7px исправлен на 4px (исправлено в globals.css)
v1.1 — 24.03.2026
- H2: размер на 36px, цвет на #000000, line-height 38px
- Фон формы 1: с #b8e6ed на #d4f6f8
- Фон формы 2: с #ffffff на #d4f6f8 (обе формы на одном фоне)
Два блока форм с perm.oclinica.ru/lor — запись на приём и запрос стоимости операции.
Живой пример
Будьте здоровы!
Запишитесь на приём к врачу!
Узнайте стоимость операции
Проконсультируйтесь с ассистентом хирурга
Сравнение двух форм
| Параметр | Форма 1 «Будьте здоровы!» | Форма 2 «Стоимость операции» |
|---|---|---|
| Заголовок | «Будьте здоровы!» | «Узнайте стоимость операции» |
| Подзаголовок | «Запишитесь на приём к врачу!» | «Проконсультируйтесь с ассистентом хирурга» |
| Фон секции | #d4f6f8 | #d4f6f8 |
| Поля | Имя + Телефон + Select врача + Checkbox | Имя + Телефон + Checkbox |
| Кнопка | «Запишите меня!» | «Перезвоните мне» |
| Стиль кнопки | bb-btn-primary (#FFA39C) | bb-btn-primary (#FFA39C) |
LLMLLM-спецификация
Форма 1 — Запись на приём
| Поле | Тип | Placeholder |
|---|---|---|
| Имя | input[type=text] | «Введите ваше имя» |
| Телефон | input[type=tel] | «Введите ваш телефон» |
| Врач | select | «Выберите ЛОР врача» |
| Согласие | checkbox | «Отправляя данные, я даю согласие...» |
| Кнопка | button bb-btn-primary | «Запишите меня!» |
Форма 2 — Запрос стоимости
| Поле | Тип | Placeholder |
|---|---|---|
| Имя | input[type=text] | «Введите ваше имя» |
| Телефон | input[type=tel] | «Введите ваш телефон» |
| Согласие | checkbox | «Отправляя данные, я даю согласие...» |
| Кнопка | button bb-btn-primary | «Перезвоните мне» |
Правила
✓Обе формы: фон #d4f6f8
✓Чекбокс согласия обязателен в каждой форме
✓Кнопки: bb-btn-primary (#FFA39C)
✓Все input/select: height 50px (bb-input, bb-select)
✕Не убирать чекбокс согласия на обработку данных
✕Не менять стиль кнопки на outline или teal