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

Все это содержание должно быть размещено в области контент-панели таким образом, чтобы посетителю сайта было удобно им пользоваться. Для этого целесообразно разбить область контента на контейнеры или (что то же самое) секции страницы.

Создание секций осуществляется с помощью элементов модели, которым присваивается роль Section. Nasdanika Vinci позволяет генерировать секции различных стилей, таких как : параграфы, таблицы, карточки, текстовые блоки переключающиеся по нажатию на специальные навигационные элементы.

Цель этого урока:

• узнать: что такое роль Section и как осуществляется управление стилями секций;
• научиться создавать секции следующих стилей:
  • текстовые блоки в виде параграфов (несколько абзацев с заголовком);
  • текстовые блоки отображающиеся по требованию пользователя. Переключение между блоками происходит после нажатия специальных навигационных элементов: вкладок (Tab) или кнопок (Pills);
  • Bootstrap Cards - гибкий и расширяемый контейнер, в который можно вставить текст и изображения. Этот контейнер адаптируется к выбранному размеру окна браузера и масштабу страницы.

Кроме того, мы научимся встраивать изображения в маркдаун контент, изменять порядок расположения секций на странице, встраивать иконки с сайта fontawesome.com.