НМК · элементы шаблона

Красота в деталях

Примеры оформления материалов колледжа: от короткого объявления до учебного расписания. Все данные на этой странице демонстрационные.

01 / Типографика

Знания, которые становятся профессией

Выразительные заголовки, спокойный основной текст и понятные акценты.

В колледже теория встречается с практикой. Важную информацию можно выделить полужирным, смысловой акцент — курсивом, а ключевую дату — мягким цветом. Обычная ссылка ведёт к таблице ниже.

Заголовок третьего уровня

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

Небольшой подзаголовок

Что взять с собой

  • Документ об образовании
  • Документ, удостоверяющий личность
  • Заявление о поступлении

Как начать

  1. Выбрать направление
  2. Изучить условия приёма
  3. Обратиться в приёмную комиссию

02 / Действия

Кнопки и статусы

Наведите указатель или перейдите к кнопке клавишей Tab, чтобы увидеть состояния.

Очное обучениеПриём открыт

03 / Данные

Таблица расписания

На телефоне широкая таблица прокручивается внутри своего блока.

Учебная группа М-21 · пример
ПараВремяДисциплинаАудитория
0108:30–10:00Инженерная графика214
0210:10–11:40Материаловедение308
0312:10–13:40Практика в мастерскойМастерская № 2

04 / Акцент

Цитаты

Профессия начинается с интереса. Мастерство — с практики.

Пример оформления цитаты в материале колледжа

05 / Сообщения

Информация без лишнего шума

Обратите вниманиеРасписание консультаций доступно в разделе «Расписание».
ГотовоПример сообщения об успешном действии.
Проверьте документыПеред отправкой убедитесь, что заполнены все поля.
Не удалось отправитьПример ошибки с понятным следующим шагом: проверьте адрес почты.

06 / Поля ввода

Форма обращения

Демонстрация внешнего вида. Введённые данные никуда не отправляются.

Укажите полный адрес, например Адрес электронной почты защищен от спам-ботов. Для просмотра адреса в браузере должен быть включен Javascript..
Короткая подсказка располагается под полем.

07 / Вопросы и ответы

Раскрывающиеся блоки

Как устроен этот пример?

Нажмите на заголовок, чтобы свернуть или раскрыть ответ. Такой блок подходит для частых вопросов, пояснений и списков документов.

Эти стили доступны в других материалах?

Да. Таблицы и цитаты оформляются автоматически в области материала Joomla. Для уведомлений, кнопок и раскрывающихся блоков используются классы из общего файла стилей шаблона.

Хочу на курс

Оставьте контакты — обсудим программу и условия. Для ребёнка заявку заполняет родитель.

Укажите хотя бы один способ связи: телефон или email.