Перейти к содержанию

Все разделы сайта

Написать о задаче

Шаблоны на UIkit 3

Статические сайты: HTML, CSS и UIkit 3, без сервера и базы данных. Выберите тип, посмотрите демо и разметку, напишите — пришлю файлы и инструкцию.

  • Готовый сайт

    Стратум

    HTML5, CSS3, UIkit 3

    Сайт для компании по полам и гидроизоляции: посетитель сам собирает пирог пола, видит несовместимые слои и считает расход, а вам приходит заявка с готовой системой.

    • Конструктор «Пирог пола»: 30 правил совместимости
    • Калькулятор расхода и стоимости
    • Каталог 14 материалов, сравнение, подбор по помещению
    • Визуальный редактор для правок без программиста
  • Готовый сайт

    Сигнум

    HTML5, CSS3, UIkit 3

    Сайт технологического стартапа, который ведёт себя как настоящий сервис: живая демо-панель, конструктор тарифа, режим инженера с API.

    • Живая демо-панель с метриками и графиком
    • Конструктор тарифа на ползунках
    • Режим инженера: тёмная тема, API, MQTT
    • Визуальный редактор без PHP: архив или коммит в GitHub
  • Готовый сайт

    Бережно

    HTML5, CSS3, UIkit 3

    Сайт медицинского центра, на котором пациенту спокойно: причина визита простыми словами, запись в шесть шагов, «Карта здоровья», режим крупного текста.

    • Подбор врача по причине визита
    • Запись в шесть шагов с файлом для календаря
    • Режим спокойствия и проверка WCAG 2.2 AA
    • Визуальный редактор для правок без программиста
  • Лендинг

    Лендинг

    HTML5, CSS3, UIkit 3

    Одна страница под одно предложение: первый экран, выгоды, отзывы, форма заявки.

    • Первый экран на всю высоту окна
    • Выгоды на сетке UIkit
    • Отзывы в слайдере
    • Форма заявки

    Цена по запросу

    Код в открытом доступе
  • Корпоративный

    Корпоративный сайт

    HTML5, CSS3, UIkit 3

    Несколько страниц: о компании, услуги, проекты, контакты с картой.

    • Главная и внутренние страницы
    • Выпадающее меню на Dropbar
    • Карточки услуг и проектов
    • Контакты с картой

    Цена по запросу

    Код в открытом доступе
  • Портфолио

    Портфолио

    HTML5, CSS3, UIkit 3

    Сетка работ с фильтром и открытием в лайтбоксе, страница проекта.

    • Фильтр работ по категориям
    • Просмотр в Lightbox
    • Страница проекта
    • Блок «Обо мне»

    Цена по запросу

    Код в открытом доступе
  • Промо

    Промо-страница

    HTML5, CSS3, UIkit 3

    Запуск продукта или события: крупный заголовок, обратный отсчёт, регистрация.

    • Обратный отсчёт на Countdown
    • Программа события
    • Регистрация участников
    • Логотипы партнёров

    Цена по запросу

    Код в открытом доступе

Что внутри каждого шаблона

Шаблоны собраны одинаково: на компонентах UIkit 3, без самописных замен тому, что во фреймворке уже есть.

Семантика

Заголовки по порядку, списки, ориентиры для скринридера: шапка, навигация, основное содержимое, подвал. Поисковик и экранный диктор читают страницу одинаково.

Сетка от 1 до 6 колонок

Ширина колонок задаётся классами вроде uk-child-width-1-3@m: на телефоне одна колонка, на планшете две, на большом экране три. Без медиазапросов вручную.

Доступность

Контраст текста по WCAG 2.2 уровня AA, видимый фокус, работа с клавиатуры, учёт настройки «меньше движения». Стандартные цвета UIkit для этого затемнены.


Что вы получаете

  • HTML-страницы шаблона и стили темы с переменными в одном месте
  • UIkit 3 из CDN и локальную копию на случай, если CDN недоступен
  • Шрифты для своего хостинга, без запросов к чужим серверам
  • Инструкцию: где менять тексты, цвета, контакты и форму

Нужен шаблон под вашу задачу?

Если в каталоге нет подходящего, соберу новый на тех же компонентах или доработаю существующий.

Обсудить шаблон