Необходимо сверстать 2 адаптивных рекламных блока – слайдера, один блок будет над таблицей, другой под:
Пример на картинке.
Каждый из слайдеров должен будет листать с настраиваемой периодичностью рекламу клиентов. Слайдеры должны адаптироваться под ширину устройства и удобно листаться как на компьютере, так и на мобильных устройствах (листание с помощью тача).
Реклама будет содержать:
1. Изображение
2. Заголовок
3. Описание
4. Адрес сайта (Первые 4 пункта будут в виде ссылок, по нажатию на них будет открываться сайт)
5. Номер телефона (в виде кнопки, по нажатию на ссылку будет открываться звонилка в телефоне)
6. Иконки соц. сетей (ВК, Ватсап, Телеграм, вайбер, также в виде ссылок, по нажатию будут открываться чаты в мессенджерах)
7. Боковые стрелки у слайдера для листания по нажатию на стрелки, а также круги (или другие обозначения), показывающие сколько слайдов и текущий слайд.
Необходимо настроить возможность остановки слайдера после первого вмешательства пользователя (первое листание, или нажатие на стрелки) и дальнейшего пролистывания вручную
8. Добавить где-нибудь пометка о том что это реклама
Размеры блоков:
1. Над таблицей 100%x120px
2. Под таблицей 100%x250px
Требования:
- Необходимо чтобы чтобы рекламные блоки вписывались в существующий дизайн сайта и не отталкивали пользователя.
- В блоке над таблицей ввиду его маленького размера может не быть некоторых из перечисленных реквизитов и данных рекламодателя.
- Необходимо также чтобы при отсутствии каких-либо данных рекламодателя ничего не съезжало, все красиво смотрелось.
- Желательно использовать популярные реализации слайдеров, без излишне тяжелого кода, чтобы слайдеры подгружались и начинали работать быстро, без лагов.
С выполнением сильно не буду торопить, главное качественно!
Если у вас есть подобные работы, можете прикрепить в ответе.
ТАКЖЕ В ОТВЕТЕ НЕОБХОДИМО НАПИСАТЬ "5namaz", ботов не буду рассматривать!