Вставка социальных кнопок на сайт.

1. Исходник (заготовка) задачи находиться по адресу:

http://xn--80ahadcaledck2cb7bb2a6orb.xn--p1ai/index.html

или

http://идеядизайнинтерьер.рф/index.html

2. Вступление. Есть некий сайт со структурой WordPress. На сайте есть 4 типа div контейнера для расположения в нем социальных кнопок. Div отличаются размером и структурой расположения кнопок. К проекту прикреплены 4 картинки, соответствующие размерам и структуре будущих div. Важно! Обратите внимание, что один социальный сайт может иметь 2 вида кнопки, внимательно смотрите на картинки, сопровождающие проект.

3. Задача.

3.1. Внедрить социальные кнопки, соответствующие виду и положению, как на сопровождающих рисунках. Внедрение осуществить посредством HTML + CSS.

3.2. Написать подробные инструкции по использованию каждой социальной кнопки.

3.3. Описание, Заголовок, Картинка должны четко соответствовать (или контролироваться, например как это реализовано в Google снипет).

3.4. Для проверки Вашей работы разместить в социальные кнопки реальные ссылки (они указаны внутри index.html).

3.5. У кнопок одноклассники и Mail.ru есть косяк - по умолчанию они 21 PX это необходимо исправить при внедрении. У остальных кнопок высота настраивается!

3.6. Комментарии к расположению кнопок в div:

940х20, 600х20, 459х20 - распределить по ширине

230х60 отступы сверху, снизу - 5 PX, кнопки прижаты к левой и правой стороне соответственно.

4. Исполнение. Все Ваши вопросы, пожалуйста, задавайте ДО объявления цены, а не в процессе исполнения. Задача описана полностью и акцептованная цена меняться не БУДЕТ. SKYPE: mebel.dev

5. Оплата. Аванс не более 20%. Остаток после исполнения.