Создать сайт по готовому дизайну в фигме. Частично есть верстка уже.

Добрый день!

Читайте внимательно задание! Только Украина!

Нужно перенести контент со старого на новый сайт.

https://capital-letter.com.ua/uk/price-uk/--это старый сайт. Для нового сайта дизайн уже полностью готовый в фигме. Частично есть верстка.

Вкратце:

Структура сайта:-) Главная-) ОФЛАЙН----) Английский----) Итальянский----) Немецкий----) Французский----) Чешcкий----) Испанский----) Китайский-) ОНЛАЙН----) Английский----) Итальянский----) Немецкий----) Французский----) Чешcкий----) Испанский----) Китайский-) CТОИМОСТЬ-) ПРЕПОДАВАТЕЛИ-) ОТЗЫВЫ-) КОНТАКТЫ-) Вопросы и ответы-) О школе-) БлогДополнения:-) Нужно сделать 2 языка. Русский и Украинcкий. Перевести все статические элементы.-) "Политика конфиденциальности" и "Публичная оферта Условия использования" скорее всего будут как ссылки на ПДФ-) Все кроме "Вопросы и ответы", "Блог" и "Контакты" есть в фигме.-) Доверстать и нацепить на Wordpress. "Главная" и "Языковая" страницы уже сверстаны и адаптированны(языковая не полностью адаптирована). Для остальных страниц можно будет брать блоки верстки из них.-) "Личный кабинет" пока пустая ссылка.-) "Бесплатный тест" в хедере открывает поп-ап с выбором флага языка. После выбора языка открывается тест со страницы языка (Можно сделать в поп-ап или перекидывать на страницы языка к тесту).-) "ПЕРЕЗВОНИТЕ МНЕ" в футере поп-ап с формой обратного звонка. Для форм просьба плагин "contact form 7" не использовать!-) Нужно, чтоб Google Page Spead выдавал результат по сайту в зеленой зоне.-) По максимуму провести валидацию https://validator.w3.org/

От каждой языковой страницы будут еще идти страницы с описаниями курсов.============================================================== СТРАНИЦЫ ==============================================================------------------------- "Главная" -------------------------1) "Выберите язык, который будем учить" - при нажатии на флаг появляются 2 кнопки "Онлайн" и "Офлайн" и каждая переносит на соответствующую страницу языка. 2) В табах "ОФЛАЙН ОБУЧЕНИЕ" и "ОНЛАЙН ОБУЧЕНИЕ" форма должна отправлять соответствующую информацию с информацией о заявке (офлайн или онлайн)3) Калькулятор "Сколько стоит обучение?" - Цены должны подтягиваться в зависимости от выбранных данных. В идеале сделать Аякс запрос, и брать эти данные с файла, так как калькулятор будет не только на этой странице. 4) "К ВЫБОРУ ПРЕПОДАВАТЕЛЯ" ссылка на страницу. 5) В галерее нужна возможность загружать как фото, так и видео. И просматривать в поп-ап.6) Блок "Наши ученики" 6.1) Карта должна быть интерактивная.6 .2) Под картой должна быть анимация подсчета, когда клиент опускается к этому блоку6. 3) Добавление/редактирование отзывов через админку. Случайный список отзывов из 10-12 штук. (Добавить несколько штук)"ЕЩЕ БОЛЬШЕ ОТЗЫВОВ" ссылка на страницу. 7) "Частые вопросы и ответы" - Добавление/редактирование через админку. (Добавить несколько штук)Нужно сделать категории для вопросов. ---) "Финансовые вопросы"---) "Организационные вопросы"---) "Вопросы по преподавателям"---) "Для главной"---) "Для отзывов""ОСТАЛИСЬ ВОПРОСЫ" - поп-ап с формой вопроса"ПОДРОБНЕЕ" будет показываться/скрываться СЕО текст. 8) "Полезные статьи нашего блога" - Добавление/редактирование через админку. (Добавить несколько штук). 9) "ОСТАВИТЬ ЗАЯВКУ" - отправляет соответствующую заявку на онлайн/офлайн обучение------------------------- "Языковая" -------------------------1) Для всех языковых в зависимости от языка будет показываться соответствующая достопримечательность и девушка. 2) "Начните обучение бесплатно". Форма заявки которая отправляет информацию о языке и виде обучения (офлайн/онлайн). 3) Блок "Наши курсы" подтягиваться все курсы этого языка и при нажатии на "СМОТРЕТЬ КУРС" переходит на соответствующую страницу. (Добавить несколько штук). 4) "Сколько стоит обучение?" подтягивает цену по этому языку в зависимости от выбранных параметров. В мобильной версии будет такой же калькулятор, как и на главной, но там, где тип обучения, добавить "Экспресс курс". И будет только один блок, в котором будет менять иконка и цена! 5) "Изучение иностранного языка от А1 до С1 для всех возрастов" - форма заявке на пробный урок6) "Наши сильные преподаватели — наше главное преимущество" - слайдер преподавателей для текущего языка. (Добавить несколько человек)Слайдер нужно адаптировать. 7) "Пройдите тест" нужно возможность создания теста через админку. И его результаты нужно слать на почту или сохранять в админке.8) "ХОЧУ В РАЗГОВОРНЫЙ КЛУБ" - форма записи в разговорный клуб9) "Наши ученики" - случайный список отзывов из 10-12 штук.10) "Начните изучение английского бесплатно" - форма заявки------------------------- "Стоимость" -------------------------1) Калькулятор "Сколько стоит обучение?" - Цены должны подтягиваться в зависимости от выбранных данных. 2) В табах "ОФЛАЙН ОБУЧЕНИЕ" и "ОНЛАЙН ОБУЧЕНИЕ" форма должна отправлять соответствующую информацию с информацией о заявке (офлайн или онлайн). 3) "Бесплатные бонусы в нашей школе" - нужна возможность добавления/редактирование через админку. 4) "Наши постоянные скидки" можно не вносить в админку.5) "Вопросы и ответы по финансовой части " - вывести из категории "Финансовые вопросы"------------------------- "Преподаватели" -------------------------1) "В школе Capital Letter работают преподаватели, которые" - статический блок. 2) Вывод всех преподавателей в зависимости от выбранных параметров. 3) Форма заявки на обучение. 4) "Обучайтесь с лучшими из лучших в школе Capital Letter " - статический блок. 5) Форма заявки------------------------- "Отзывы" -------------------------1) Интерактивная карта как на главной. 2) Под картой должна быть анимация подсчета, когда клиент опускается к этому блоку. 3) Отзывы должна быть возможность добавить как обычный отзыв так и видео-отзыв. 4) Форма заявки. 5) Вопросы с категории "Для отзывов"------------------------- "Страница курса" -------------------------1) В хедере будет меняться фото и текст в зависимости от курса. 2) "Подробнее о программе" - блок который будет подтягиваться в зависимости от курса. (Распишем отдельно, текса и иконки).3) "Программа курса" - выводит список разделов курса в зависимости от курса. (Наполнять не нужно, но добавить несколько штук хотя бы для одной страницы)Нужна возможность добавления/редактирование с админки4) "По окончанию курса ваш уровень ...." - текста блоков будут меняться в зависимости от курса. (Иконки статичны). 5) Форма заявки------------------------- "О школе" -------------------------1) "Процесс развития нашей школы " - сделать возможность добавления/редактирование в админке.2) "Чем мы отличаемся от других школ" - тоже сделать возможность добавления/редактирование в админке.------------------------- "Вопросы и ответы" -------------------------1) Все вопросы и ответы с категориями (Думаю стили можно будет взять с блока вопросов и ответов и на главной)2) Форма заявки------------------------- "Блог" -------------------------1) Список статей (Думаю стили можно будет взять с блока статьи и на главной)2) Форма заявки------------------------- "Контакты" -------------------------1) Отобразить блоки карт и контактов (Возможно контакты сверху, по ним 2 карты в 2 колонки)2) Форма обратной связи