Materialize-css. Футер

Сделаем футер и прижмем к низу страницы.
Документация: https://materializecss.com/footer.html

Materialize-css. Анимация кнопок: волны и пульсация

Waves-эффект: https://materializecss.com/waves.html
Пульсация: https://materializecss.com/pulse.html

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