Фриланс: заказать «таймер обратного отсчета»

Для сайта kit-invest.pro нужна верстка мобильной версии.
Сам дизайн находится тут:
ссылка

Что делаем:
В шапке иконка звонка должна звонить на номер 8(964)-284-03-00.В рубрике "Наши тарифные планы" по нажатию на кнопку "Подробнее" открывается текст с подробностями из второй колонки дизайна. При нажатии на кнопку "Свернуть" все соответственно, сворачивается.Пункт "До конца акции осталось:" - таймер обратного отсчета, который должен начинаться с указанных цифр и переключаться со скоростью одна секунда.Под надписью "Звони прямо сейчас. Просто спросить." При нажатии на номер телефона (а так можно сделать?) или иконку идет звонок на номер."Интересны подробности? Позвони сейчас" - то же со звонком на номер.В пункте "Отзывы" ссылка "Открыть больше" выдает еще 4 отзыва, текст укажу позже, при верстке мы это как-то упустили.Ниже телефон - аналогично пунктам ранее.А вот видео с работой майнинговой фермы одного из наших партнеров. Ссылку с ютуба я тоже отправлю позже, но нам физически нужен файл, а то мало ли, ютуб отключат.С телефоном - все так же.Ссылка "Перейти на начало сайта" - тут все понятно.

Предлагайте свои цены. Исполнителя буду выбирать исходя из суммы и опыта. Свернуть

Дизайн макет: ссылка

Задачи:
1. Сверстать страницу
1.1. Кнопки авторизации динамические. Сегодня их 2, завтра может быть 1, послезавтра 3. Нужно это учесть. Максимум возможны 3 кнопки: VK, Telegram, Viber.
1.2. Даты: из бэка дата первого дня + N дней, где N = переменная marafon_days (сколько всего дней в марафоне).
1.3. Специальное предложение – ссылка на ленд. Таймер обратного отсчета – переменная: marafon_sale_time.

2. Сделать приём данных на бэк и запись в БД из 2 сервисов: Senler и SmardSender. Из них можно отправить любые данные через Webhook API.
2.1. Данные которые нужно принимать, хранить и отдавать назад на фронт: ссылка

3. Сделать взаимодействие свёрстанной страницы с бэком:
3.1. Если пользователь заходит на страницу и в его куки нет любого uid -- показывать авторизацию 1. Авторизации -- это кнопки, в которых зашиты ссылки на подписные в сервисах. Авторизации с вк и телеграм делать НЕ нужно!
3.2. Если пользователь заходит на страницу, в его куки есть uid, который есть в БД и у него есть доступ по времени, но в переменной user_name буквы на английском или пусто -- показывать авторизацию 2.
3.3. Если пользователь заходит на страницу, но у него закончился доступ к этому видео по часам -- показывать авторизацию 3. Там кнопка ведёт также на ссылку, но 3 ссылки на выбор: если есть vk_uid -- ссылка 1, если есть tg_uid -- ссылка 2, если vb_uid – ссылка 3.
3.4. Если все данные есть (uid, имя на русском, доступ есть) -- запустить на страницу.
3.4.1. Если пользователь зашел на страницу и осталось меньше часа = добавить 60 минут к доступу.
3.4.2. Даже если доступа остается 1 минута -- доступ открыт до тех пор, пока страница не будет закрыта.

4.Все данные необходимо иметь возможность отдавать на любой фронт, а не только на эту страницу. Т.е. реализация через Rest API, никаких конструкторов страниц.

5. Маленькое пожелание: в идеале чтобы все ссылки к странице указывались с 1 файла, где только эти ссылки и есть.

Чтобы взять проект:
1. Напишите "Печенька"
2. Напишите на чём будете писать, какие фреймворки и почему
3. Цена в рублях
4. Сроки в днях Свернуть

Создать небольшой плагин для CMS WordPress.
- Редактирование контента в админке;
- Возможность установки баллов в каждом вопросе;
- Добавить таймер обратного отсчета, по завершении квиза выводить форму для имени и адреса эл.почты;
- Отправлять форму с количеством набранных баллов на ящик админа и испытуемого;
- Стилизовать особо не нужно, с дизайном еще не определились, достаточно для каждого элемента указать css классы.

Пример квиза по ссылке Свернуть

Нужно доработать сайт на tilda - дизайн мы полностью предоставим + поможем с подгонкой размеров и нарезкой макета. 
- Поменять блоки 
- Убрать таймер обратного отсчета
- Поменять телефоны на сайте 
- Доработать форму обратной связи что бы иметь возможность передавать промо-кода 
- Добавить на сайт ватсап и телеграм + плавующую кнопку номера телефона.  Свернуть

Необходимо разработать простое приложение по типу "Таймер обратного отсчета" для iOS со следующими функциями:
1. Возможность задать имя А и имя В, выбрать дату события (день.месяц.год) в сплывающем окне и возможность редактировать заданные параметры.
2. Поделиться событием.
3. Возможность добавлять виджет на экран телефона с обратным отсчетом.

Написать приложение нужно на SwiftUI, дизайн макет предоставлю. Предлагайте стоимость и сроки разработки. Свернуть

Нужно сверстать адаптивный одностраничный сайт (лендинг). Исходник в Figma. Мобильная версия отдельно не прорисована, при необходимости, будут даны пожелания как должны складываться блоки при сужении экрана.

Блоки с каруселями (образцы работ и отзывы), а так же таймер обратного отсчета верстать не нужно, см. перечеркнутые области на прикрепленном изображении. На этих местах оставляем пустые блоки для будущей доработки программистом. Т.е. фактически нужно сверстать только шапку, футер, верхний блок, блок с преимуществами, блок с акцией и два одинаковых небольших блока с призывом к действию.

Ищем исполнителя на перспективу дальнейшего сотрудничества. Работа появляется регулярно. Если
сможете предоставить ссылки на готовые работы, где можно будет взглянуть на код (интересует качество), это будет существенным плюсом. Опыт верстки под Wordpress особенно приветствуется (укажите в сообщении). Свернуть

React + socket.io
на сокет постоянно сыпятся сообщения для выполнения определенных действий в проекте

show: message
update : workflow
update : chat_counter
update : tasks_counter

Учитывая что система активно используется, в секунду может прийти 10 однотипных сообщений что повлечет за собой бесполезную нагрузку

Как я вижу решение задачи

Все входящие сообщения в сокете, записываются в группы (по типам).
Устанавливается таймер (5 секунд например).

По факту создания новой группы, запускается таймер обратного отсчета.

Eсли в группу поступает новое сообщение, таймер перезапускается.

Если таймер заканчивается, сообщение из группы уходит на обработку а сама группа уничтожается.

Возможно есть другие варианты, с удовольствием выслушаю. Свернуть

Требуется полностью сверстать лэндинг, сделать активным таймер обратного отсчета + скрипт формы обратной связи + 2 мелких дополнения к дизайну типа опечаток. В аттаче - дизайн лэндинга. Просьба не писать ценников за верстку в 100-150 долларов, я знаю, сколько это стоит. Свернуть

Я предоставляю готовую тему магазина 

нужно сделать :- навигация сайта (категории, подкатегории, мега меню)- создать фильтрацию и сортировку товара - основные официальные страницы (политики доставки и возврата). Настроить весь функционал. ( платежный метод, синхронизацию с соцсетями, если такие имеются)Установить плагин с возможностью оставить отзывы. Установить призывающие к покупке плагины: недавно купили, таймер обратного отсчета, этот товар в корзине Весь контент на сайт - тексты, логотип, баннера и фото предоставляет заказчик.Установка аналитики Система быстрой обратной связи с клиентом, он-лайн чат.Установить плагин - с этим товаром покупают Лого "new" для вновь загруженного товара Подключение usps и PayPal Товар с пометкой "распродан" человек не может заказать его нужно сделать кнопочку "послать запрос" или предзаказ. Свернуть

Нам нужно сохранить страницу 
ссылка

на диск, что бы она грузилась с локального диска и нужно при это исправить popup , появляющийся при выведении курсора мышки за пределы экрана, что бы на нем работал таймер обратного отсчета.

После сохранения страницы на диск у нас попап поломался, на нем есть анимация, но неправильная - ссылка

Нужно 
1) сделать так, что бы таймер работал
2) что бы при этом таймер выглядел как тут ссылка ,  а не как тут ссылкаСвернуть

Приветствую,

Мы взяли страницу, сохранили её на диск,

ссылка

заменили тексты и продукты на наши, но осталось 2 проблемы:

1) перестал работать таймер обратного отсчета снизу

2) при наведении мышью на "значки вопроса" не выскакивают подсказки почему-то - скриншот - ссылка

Сам наш html файл со всеми картинками находится вот тут
ссылка

будем признательны за помочь в исправлении этих 2х проблем

оплата через wmz Свернуть

Всем привет!

Задача: Сделать скрипт который будет активировать кнопку под видео в тот момент когда видео просмотрено полностью. На странице есть плеер с видео (видео может меняться). Под плеером есть кнопка, между кнопкой и плеером должен выводиться таймер обратного отсчета, который показывает сколько осталось времени до активации кнопки. После активации кнопки, кнопка меняет цвет и подтягивает ссылку.

Условия:
1. Используемый плеер ссылка
2. Если юзер нажал паузу, таймер также останавливается.
3. Если юзер перезагрузил страницу то начинать видео сначала.
4. Если юзер ушел на другую вкладку, ставить видео на паузу (а за ним значит и таймер) как работает на ivi.ru при просмотре рекламы.
5. Если юзер досмотрел видео и кнопка активировалась, то отменять все события и уже после перезагрузки окна убирать таймер и оставить кнопку разблокированной.
6. Видео нельзя перематывать. Только чистый просмотр по таймеру.
7. Повесить событие которое после 5 минут просмотра будет зажигать лампочку в карточке контакта данного пользователя (скриншот 2)
7.1 Если видео просмотрено 5 и более минут, но не до конца - лампочка горит желтым цветом;
7.2 Если видео досмотрено до конца и кнопка активировалась, то лампочка будет зеленая;
8. Все события работают только если роль пользователя guest (у остальных  показывается видео с возможностью перемотки и активированная кнопка. никаких таймеров); Свернуть

Здравствуйте.
Для существующего сайта нужно отрисовать: 
МенюКалькулятор подсчета услугиФорму записи на тендер, которая будет размещена на отдельной странице
Для существующего лендинга отрисовать блок для сбора лидов под акцию: форма + таймер обратного отсчета + коротко условия акции.
Подробно в личной переписке. Свернуть

Требуется

Проработать UX и UI дизайн для экранных форм игры. Игра запускается на компьютере или ноутбуке через браузер.Собрать интерактивный прототип для 2-3 действий в рамках одного хода по утвержденному дизайну. Проект

Проект "FL Game" - это игра для проведения соревнований по финансовой грамотности. Соревнования проводятся среди подростков (школьников и студентов) разных стран. Цель игры: за отведенное время и определенное количество ходов “прожить жизнь” своего персонажа и сформировать достаточный капитал для выхода на пенсию. 

Необходимые формы: 

Страница с выбором доступной игровой сессии (тренировочной или соревновательной)Стартовая страница ожидания до начала игрыСтраница после старта с отображением персонажа, его легенды и правил игрыНабор страниц, используемых во время игрового ходаСтраница истории ходов игрокаСтраницы с турнирной таблицей (вариант отображения в течение игры и вариант отображения по окончанию соревнований) и с аналитикой по результатам игры, сводной аналитикойСписок форм необходимый, но недостаточный, можно его скорректировать и оптимизировать.

Особенности:

Все элементы интерфейса и надписи должны быть на английском языке. Интерфейс должен быть консистентным: операции и объекты из одного семейства должны выглядеть одинаково. На экране должен присутствовать таймер обратного отсчета до конца соревновательного времени и оставшееся количество ходов. Все необходимые элементы должны умещаться на одном экране. Нужно учесть, что размер мониторов, на которых будет воспроизводиться игра, может быть минимальным: 4:3 или 5:4. В результате выполнения задачи должны быть макеты в формате для постановки задачи на верстку.Прототип должен отражать последовательность действий в рамках одного хода: начинаем ход, что-то купили, что-то продали, что-то настроили, завершили ход, увидели результат и доступность следующего хода. Пожелания по стилистике: Не надо рюшек, венков и подобного. Это, прежде всего игра для соревнований, поэтому “отвлекающие” эффекты нужно минимизировать. Игра для подростков, внешний вид не должен быть слишком детским, но и не слишком строгим. В интерфейсе желательно сделать видимым  состояние ведения дел: все хорошо - твой капитал в порядке, все плохо - ты почти банкрот, все прекрасно - ты богат. Желательно показать и уровень жизни игрока: где живет, на чем ездит, "уровень пафосности". Есть ли у игрока мечта и в каком она состоянии. Желательно все в одной стилистике. Вся визуализация не должна мешать ходу игры, т.к. это соревнование на время. Эргономика интерфейсов хода игры не должна отнимать игровое время.

Подробное ТЗ и геймфлоу есть и будет выслано исполнителю.

Пожалуйста, предлагайте свои оценки сроков и цену. Свернуть

Приветствую, коллеги
надо сверстать интересный лендинг  - пейдж
11 секций
из скриптов - таймер обратного отсчета, 5 модальных окон с формами обратной связи, 3 слайдера с фансибоксами на картинки
требования - ИЕ от 7, никаких бутстрапов и прочих конструкторов, отсутствие флексов и гридов (не можете верстать без них - не пишите), ручной комментированный код, никаких препроцессоров и сборщиков, pagespeed от 85, валидатор без ошибок, отсутствие вложений блочных элементов в inline
верстка от 3800 пикс резина, адаптивность
сам верстальщик, цены знаю, проверять буду с пристрастием
макет покажу потенциальным исполнителям в личку
жду ваши заявки с ориентировочной ценой за лендинг в 11 экранов Свернуть

Необходимо создать веб-страницу онлайн теста с функциями:
- привестственное видео с инструкциями по выполнению теста
- появление следующей части теста только после выполнения предыдущей
- таймер обратного отсчета времени для каждой части теста
- воспроизведение каждого аудио-трека не более 2 раз
- автоматическая проверка с отправкой результатат на e-mail
- кроссбраузерность и адаптивность.
Дизайн вторичен. Можно взять стиль из любого шаблона. Главное - функционал. Свернуть

Необходимо создать макеты под следующие разрешения и оформление:
темная десктоп
темная моб версия
светлая десктоп
светлая моб версия
Десктоп делаем 1920 +, 1366, 1024
моб 320, 768
 
Необходимо взять дизайн с сайта csgo500.io/crash  и адаптировать под другой сайт на котором сейчас идет разработка.
 
Более подробное описание:
 
Блоки необходимо разместить в следующем порядке ссылка
1). Блок 1 - История игр, Блок 2 - График, Блок 3 - Итоговые данные по игре, Блок 4 - Участники игры
 
Игра состоит из следующих блоков:
Блок 1 - История игр ссылка
1). Блок История игр
2). Иконка на попап с историей в виде списка игр ссылка
Round# (10268455) - номер игры, ссылка
Crash (3.86x) - результат игры
Дата ( July 30, 2019 10:02 AM) - дата и время игры
Hash (adea55b3ad061fa45d573303a901fa815c95edf0bde906f5459010079e9708dd),  иконка, для перехода на сайт проверки
Также должен быть заголовок, крестик закрыть окно. Выводим от 10 до 14 строк с играми, в зависимости от дизайна.
3). Ролл (слайдер) выводим последние 10 слайдов, всего 20 слайдов выводим. При наведении на слайд появляется вспывашка ссылка с номером игры и хешем. При нажати на слайд открывается попап с историей в виде списка игр ссылка

Блок 2 - График ссылка
0). При старте игры запускается таймер обратного отсчета, зеленого цвета ссылка
1). Вертикальная ось (размер выигрыша, измеряется в “x”, ). Начальная максимальная шкала 2х, с делением 1х.
2). Горизонтальная ось (время за которое проходит линия, измеряется в “с”, секунды). Начальная максимальная шкала  11с, шаг 1 секунда
3). Линия стремится в верхний правый угол. С увеличением иксов, увеличивается скорость.
Сперва цвет красный, при достижении 2х меняется на зеленый, при достижении 50х, меняется на голубой. При достижении 4х и выше появляется плавное свечение ссылка
4). Завершение игры ссылка
На фоне остановившегося графика, crashed @ 3.42x

Блок 3 - Итоговые данные по игре ссылка
2). Блок с итоговыми данными по ставкам в игре
3). Round Bets: (общие ставки), заголовок
4). Иконка + счетчик с количеством участников игры
5). Иконка + счетчик с общим количеством денег в игре
6). Блок по выигрышам
7). Round Profits: (общие данные по выигрышам)
8). Иконка + счетчик, количество выигрышных денег

Блок 4 - Участники игры ссылка
1). Заголовки колонок “Пользователь”, “Ставка”, “Вывод денег”, “Выигрыш”
2). Красный проигравший, зеленый выиграл, значения в последних 2х колонках появляются после старта игры при достижении выигрыша необходимого значения, в блоке скролла нет

Блок 5 - Форма внесения ставок (будет находится в левой колонке) ссылка
1). Баланс не выводим, берем наш стандартный блок
2). Блок с вводом ставки, он состоит из 
3). Кнопка “Сброс”, очищает поле.
4). Кнопка “Быстрой ставки”, “+10”, “+50”, “+100”, “+500”, “+1000”, “1/2”, “2х”, “10%”, “25%”,
“50%”, “Max”
5). Поле для ввода ставки
6). Блок “Вывода денег”
7). Кнопка “Сброс”, очищает поле.
8). Кнопка “Быстрой ставки”, “Min”, “+0.1”, “+0.5”, “+1”, “-0.1”, “-0.5”,”-1”, “2х”, “5х”, “10х” 
9). Поле для ввода ставки
10). Кнопка  “Сделать ставку” Свернуть

ТЗ на создание игры 

Жду оценку заказа по срокам и стоимости
Необходимо взять дизайн сссылка и адаптировать под сайт, который разрабатывается.
Необходимо сделать десктопную версию (темная тема и светлая), мобильную версию (темная и светлая). Описана десктопная версия, по аналогии нужно будет сделать мобильную версию.

Блоки необходимо разместить в следующем порядке ссылка
1). Блок 1 - История игр, Блок 2 - График, Блок 3 - Итоговые данные по игре, Блок 4 - Участники игры

Более детально дизайн буду обсуждать с исполнителем.


Игра состоит из следующих блоков:
Блок 1 - История игр ссылка
1). Блок История игр
2). Иконка на попап с историей в виде списка игр ссылка
Round# (10268455) - номер игры, ссылка
Crash (3.86x) - результат игры
Дата ( July 30, 2019 10:02 AM) - дата и время игры
Hash (adea55b3ad061fa45d573303a901fa815c95edf0bde906f5459010079e9708dd),  иконка, для перехода на сайт проверки
Также должен быть заголовок, крестик закрыть окно. Выводим от 10 до 14 строк с играми, в зависимости от дизайна.
3). Ролл (слайдер) выводим последние 10 слайдов, всего 20 слайдов выводим. При наведении на слайд появляется вспывашка ссылка с номером игры и хешем. При нажати на слайд открывается попап с историей в виде списка игр ссылка

Блок 2 - График ссылка
0). При старте игры запускается таймер обратного отсчета, зеленого цвета ссылка
1). Вертикальная ось (размер выигрыша, измеряется в “x”, ). Начальная максимальная шкала 2х, с делением 1х.
2). Горизонтальная ось (время за которое проходит линия, измеряется в “с”, секунды). Начальная максимальная шкала  11с, шаг 1 секунда
3). Линия стремится в верхний правый угол. С увеличением иксов, увеличивается скорость.
Сперва цвет красный, при достижении 2х меняется на зеленый, при достижении 50х, меняется на голубой. При достижении 4х и выше появляется плавное свечение ссылка
4). Завершение игры ссылка
На фоне остановившегося графика, crashed @ 3.42x

Блок 3 - Итоговые данные по игре ссылка
2). Блок с итоговыми данными по ставкам в игре
3). Round Bets: (общие ставки), заголовок
4). Иконка + счетчик с количеством участников игры
5). Иконка + счетчик с общим количеством денег в игре
6). Блок по выигрышам
7). Round Profits: (общие данные по выигрышам)
8). Иконка + счетчик, количество выигрышных денег

Блок 4 - Участники игры ссылка
1). Заголовки колонок “Пользователь”, “Ставка”, “Вывод денег”, “Выигрыш”
2). Красный проигравший, зеленый выиграл, значения в последних 2х колонках появляются после старта игры при достижении выигрыша необходимого значения, в блоке скролла нет

Блок 5 - Форма внесения ставок (будет находится в левой колонке) ссылка
1). Баланс не выводим, берем наш стандартный блок
2). Блок с вводом ставки, он состоит из 
3). Кнопка “Сброс”, очищает поле.
4). Кнопка “Быстрой ставки”, “+10”, “+50”, “+100”, “+500”, “+1000”, “1/2”, “2х”, “10%”, “25%”,
“50%”, “Max”
5). Поле для ввода ставки
6). Блок “Вывода денег”
7). Кнопка “Сброс”, очищает поле.
8). Кнопка “Быстрой ставки”, “Min”, “+0.1”, “+0.5”, “+1”, “-0.1”, “-0.5”,”-1”, “2х”, “5х”, “10х” 
9). Поле для ввода ставки
10). Кнопка  “Сделать ставку” Свернуть