Materialize-css. Вывод постов в виде карточек

Документация карточек: https://materializecss.com/cards.html

Materialize-css. Формы

Иконки: https://materializecss.com/icons.html
Формы: https://materializecss.com/text-inputs.html

Materialize-css. Модальное окно

Модальное окно: https://materializecss.com/modals.html

Materialize-css. Паралакс

Создадим эффект паралакса - движения и смены картинки при скроле.

Materialize-css. Слайдер

Создадим карусель-слайдер.

Materialize-css. Сетка

Сетка Materialize очень похожа на сетку Бутстрап.

Materialize-css. Адаптивное меню

Во-первых. Установим фреймворк через npm. Для этого переходим в папку, где мы его собираемся установить.
1) nmp init
2) указываем имя, версию, описание, точку входа (index.html) для файла package.json
3) yes
4)npm install materialize-css