- Зарплата
- до 24 000 ₽
Откликайтесь
на вакансии с ИИ
Верстка сайта (одна страница из PSD)
Оценка ИИХороший проект для фрилансера или начинающего специалиста. Четкое ТЗ и адекватная оплата за одну страницу, однако формат PSD и отсутствие фреймворков могут потребовать чуть больше времени на рутинные задачи.
Сложность вакансии
Оценка ИИПроект представляет собой классическую задачу по верстке одной страницы. Основная сложность заключается в требовании 'чистой' верстки без фреймворков и самостоятельной реализации адаптивности, но объем работы небольшой.
Анализ зарплаты
Оценка ИИПредложенная сумма до 24 000 рублей за верстку одной страницы является рыночной и даже выше среднего для разовых заказов на фрилансе, где средний чек за подобный объем варьируется от 10 до 20 тысяч рублей.
Сопроводительное письмо
Составьте идеальное письмо к вакансии с ИИ-агентом
Откликнитесь уже сейчас
Откликнитесь на проект прямо сейчас, чтобы продемонстрировать свои навыки чистой верстки и получить заказ!
Описание вакансии
Верстка сайта
Что нужно сделать?
Сверстать одну страницу из дизайн-макета.
- Дизайн-макет в PSD.
- Верстка валидная, кроссбраузерная.
- Верстка чистая без использования фреймворков.
- Верстка адаптивная. Версии адаптива под меньшее, чем десктоп, разрешение – на усмотрение верстальщика. Главное требование – весь текстовой контент должен быть виден на всех разрешениях. Графика – по возможности. Отображение верхнего меню – на усмотрение верстальщика.
- В верхней части страницы – слайдер из 4 слайдов (графика + текст). Скрипт слайдера – на усмотрение верстальщика. Слайды меняются автоматически + возможность ручного переключения (точки внизу). Заголовок в слайдере в
7. Все кнопки «Подробнее» и «Заказать звонок» - якорь на блок с формой в подвале. 8. Все кнопки с номером телефона – ссылка на звонок. 9. При наведении на кнопки – выворотка: смена цвета фона и текста. 10. Заголовки блока в 11. Блок «Кейсы» - прокрутка дивов вправо и влево кликом на кнопки. Всего 5 блоков. При наведении на блок – смена заливки. При клике на блок открывается модальное окно (в макете). 12. Формообработчик внизу страницы («Закажите бесплатную консультацию») после успешной отправки формы – переадресация пользователя на страницу /ok.html 13. В блоке «Стоимость» - ссылка на модальное окно (в макете). После успешной отправки формы в модальном окне появляется текст со ссылкой. Цена: до 24000₽ Откликнуться #верстка #фриланс
Создайте идеальное резюме с помощью ИИ-агента
Навыки
- Adobe Photoshop
- JavaScript
- CSS3
- HTML5
- Adaptive Design
- Cross-browser Compatibility
Возможные вопросы на собеседовании
Важно убедиться, что кандидат понимает, как сделать сайт удобным на мобильных устройствах без готовых сеток.
Каким образом вы планируете реализовывать адаптивность без использования CSS-фреймворков (Bootstrap, Tailwind и т.д.)?
В ТЗ указано использование нативного кода. Нужно понять, какой инструмент выберет исполнитель.
Какую библиотеку или подход вы используете для создания слайдера, чтобы он оставался легким и соответствовал требованию 'чистой верстки'?
Проверка базовых знаний семантики и стандартов.
Что для вас означает понятие 'валидная верстка' и какими инструментами вы пользуетесь для её проверки?
В проекте есть формы и модальные окна. Важно понять навыки работы с DOM.
Как вы реализуете открытие модальных окон и обработку отправки формы с последующим редиректом на JS?
Макет предоставлен в устаревшем формате PSD.
Есть ли у вас опыт работы с макетами в формате PSD и какими инструментами вы пользуетесь для экспорта графики из них?
Похожие вакансии
Онлайн администратор в интернет-магазин
Старший разработчик сайтов 1С-Битрикс/WordPress
Разработчик Laravel / MERN
Специалист по Tilda (перенос лендинга)
PHP / 1С-Битрикс разработчик
Trainee Dev: AI-Powered Coding
1000+ офферов получено
Устали искать работу? Мы найдём её за вас
Quick Offer улучшит ваше резюме, подберёт лучшие вакансии и откликнется за вас. Результат — в 3 раза больше приглашений на собеседования и никакой рутины!