apl-by / how-to-learn

How to learn

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Учебный проект с использованием HTML5, CSS3, BEM


Ссылка на проект

Проект доступен по ссылке: проектная работа

О проекте

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

Технологии

Страница создана с использованием языков HTML5 и CSS3, по методологии БЭМ Nested. В структуре HTML кода использованы семантические теги. С помощью CSS выполнено следующее:

  • оформлены основные стили страницы;
  • с помощью модуля flex-box выстроена сетка расположения элементов и блоков на странице;
  • с помощью кейфреймов реализованы анимации геометрических фигур;
  • использовали фреймы для размещения видео с сайта YouTube;
  • в результате использования псевдоклассов и свойств переходов, ссылки на странице стали интерактивными.

About

How to learn


Languages

Language:HTML 55.3%Language:CSS 44.7%