Разработка компонента в системе CMS NetCat

Описание задачи

- Необходимо сделать два компонента в цмс нет кат на сайте  

Компоненты похожи по своей структуре с друг другом должны добавляться на страницу это маленькие блоки или  другими словами div написанные по шаблону цсс .

- Блоки должны быть по своей структуре похожи на

 1. первый блок (компонент нет кат) http://joxi.ru/Vm6yagdhxLjMBr

 2. второй блок (компонент нет кат) http://joxi.ru/8AnXz4BIq6730m

Какая при этом может быть структура компонентов на сайте и как они должны строиться

http://joxi.ru/nAyzYa9uXKjEXr

Еще один пример возможного отображения(структура) компонетов на сайте

http://joxi.ru/BA0d6yRuB6PK1A

Суть

- Создание 2х компонентов с похожим цсс на примере и возможностью добавления в неткат.

Зачем они нужны

Что бы редакторы могли быстро создавать массивы или блоки с нужной информацией заполняя её на сайте.

Важно заметить

Очень желательно что бы на них было приятно смотреть без слез и они нормально стыковались с друг другом.

Откуда пришла сама идея создания компонентов на сайт

Сама идея этих блоков пришла с сайта http://bukovel.com/media/lp/summer2016/index.html?gclid=CjwKEAjwkui7BRCf64DNtfDupgoSJAA_0LOo9PsmXdlkQVbEMJv_maI5jEzeLeh40i2NegBb8gnAaxoCkrXw_wcB

Срок выполнения

По возможностям разработчика. 

Скайп для связи  noevil0000