Кейс · Лендинг
Кварц: концепт лендинга стоматологии
Концепт одностраничного лендинга вымышленной стоматологии в стиле Liquid Chrome Dark: стеклянные карточки, хромированные заголовки и 3D-блоб в виде зуба на canvas. Один HTML-файл без сборки и зависимостей.
- HTML
- CSS
- JavaScript
- Canvas 2D
- htmlhint
- GitHub Actions
01 · Как выглядит
Скриншоты
02 · О проекте
Что это и зачем
Концепт одностраничного лендинга вымышленной стоматологии в стиле Liquid Chrome Dark: стеклянные карточки, хромированные заголовки и 3D-блоб в виде зуба на canvas. Один HTML-файл без сборки и зависимостей.
Ограничения
Концепт: клиника вымышлена, телефон — заглушка, на странице плашка «Концепт».
Форма ничего не отправляет и сама сообщает об этом.
Цены и услуги придуманы; автотестов нет.
Что внутри
- Анимированный блоб на canvas с учётом prefers-reduced-motion и видимости на экране
- Форма записи с маской телефона и доступными сообщениями об ошибках
- CI: htmlhint и проверка локальных ссылок и якорей
03 · Как запустить
Запуск одной командой
python -m http.server 8080
# или открыть index.html в браузере04 · Код
Репозиторий приватный
Исходники лежат в приватном репозитории. Открою доступ по запросу: напишите, и пришлю приглашение.
Запросить код