Заверстать блок для сайта
1 500 руб. за проект
Сверстать нужно только зеленый блок (см. приложенный файл). Важно, все селекторы должны начинаться с 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 в отдельном файлике.
- Верстать приедстя по картинке, макета в фигме нет.
- 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 в отдельном файлике.
В заказе есть исполнитель
При переводе заказа из архивного в актуальный, текущий исполнитель будет снят с задачи.
Выберите тип сделки
С безопасной сделкой вы всегда сможете вернуть средства, если что-то пойдет не так. С простой сделкой вы самостоятельно договариваетесь с исполнителем об оплате и берете на себя решение конфликтов.