Лендинг
Лендинг
Одна страница под одно предложение: первый экран, выгоды, отзывы, форма заявки.
- Первый экран на всю высоту окна
- Выгоды на сетке UIkit
- Отзывы в слайдере
- Форма заявки
Шаблоны на UIkit 3
Статические сайты: HTML, CSS и UIkit 3, без сервера и базы данных. Выберите тип, посмотрите демо и разметку, напишите — пришлю файлы и инструкцию.
-
-
Корпоративный
Корпоративный сайт
Несколько страниц: о компании, услуги, проекты, контакты с картой.
- Главная и внутренние страницы
- Выпадающее меню на Dropbar
- Карточки услуг и проектов
- Контакты с картой
-
Портфолио
Портфолио
Сетка работ с фильтром и открытием в лайтбоксе, страница проекта.
- Фильтр работ по категориям
- Просмотр в Lightbox
- Страница проекта
- Блок «Обо мне»
-
Промо
Промо-страница
Запуск продукта или события: крупный заголовок, обратный отсчёт, регистрация.
- Обратный отсчёт на Countdown
- Программа события
- Регистрация участников
- Логотипы партнёров
Что внутри каждого шаблона
Шаблоны собраны одинаково: на компонентах UIkit 3, без самописных замен тому, что во фреймворке уже есть.
Семантика
Заголовки по порядку, списки, ориентиры для скринридера: шапка, навигация, основное содержимое, подвал. Поисковик и экранный диктор читают страницу одинаково.
Сетка от 1 до 6 колонок
Ширина колонок задаётся классами вроде uk-child-width-1-3@m: на телефоне одна колонка, на планшете две, на большом экране три. Без медиазапросов вручную.
Доступность
Контраст текста по WCAG 2.2 уровня AA, видимый фокус, работа с клавиатуры, учёт настройки «меньше движения». Стандартные цвета UIkit для этого затемнены.
Что вы получаете
- HTML-страницы шаблона и стили темы с переменными в одном месте
- UIkit 3 из CDN и локальную копию на случай, если CDN недоступен
- Шрифты для своего хостинга, без запросов к чужим серверам
- Инструкцию: где менять тексты, цвета, контакты и форму
Нужен шаблон под вашу задачу?
Если в каталоге нет подходящего, соберу новый на тех же компонентах или доработаю существующий.
Обсудить шаблон