Заверстать блок для сайта

1 500 руб. за проект
24 июня 2022, 13:19 • 21 отклик • 188 просмотров
Сверстать нужно только зеленый блок (см. приложенный файл). Важно, все селекторы должны начинаться с id-блока (враппера), так как верстка будет использоваться для WP-плагина, который будет встраиваться во множество сайтов не подконтрольных нам и нужно чтобы стили "родительского сайта" не пересикались со стилями плагина.

- Верстать приедстя по картинке, макета в фигме нет.

- JS скрипты писать не нужно, только HTML и CSS

- Все классы и айдишники должны начинаться с префикса tsww.
Пример:
#tsww-container {...}
#tsww-container .tsww-form {...}
#tsww-container .tsww-form-input {...}
#tsww-container .tsww-form-button {...}
#tsww-container .tsww-form-button-loader {...}

- Нужно придумать валидацию для полей на форме (примерно так должно выглядеть https://imgur.com/a/VQKJ9ya, только цвета подобрать).

- Кросбраузерность для актуальныз десктопныз и мобильных браузеров. Опираемся на статистку с этого сайта https://gs.statcounter.com/browser-market-share#monthly-202105-202205-bar.

- Блок должен быть респонсиным и на мобильных разрешениях становиться "вертикальным" (https://imgur.com/a/qQiO1oI).

- На мобильных разрешениях текста в таблице или заголовки могут не влезать (https://imgur.com/a/8APZ5p3). Нужно этот момент учесть и например подставлять три точки, если текст не влезает по ширене (либо другую решение).

- Финальная работа должны быть на чистом CSS и HTML в отдельном файлике.
Файлы