Дано изображение для реализации c помощью технологий HTML и CSS

Задача

Выполнить верстку за следующими условиями:

• С помощью позиционирования (доступных видов)
• С помощью float
• С помощью inline-block
• С помощью materialize
• С помощью bootstrap
• С помощью таблиц

Подумайте, возможно вы еще можете реализовать данную верстку с помощью других технологий?

Результаты верстки залить на gitHub и прислать ссылки в slack.

Помогалки

• Шрифт: Roboto
• Размер 36px
• Размер квадрата: 36px
• Цвет квадрата: #3366ff
• Цвет шрифта: #3366ff
• Размер изображения: 600px x 450px
• Обводка: 4px
• Отступ от края изображения до обводки: 4px