Верстка HTML/CSS страницы с использованием Javascript
500 UAHТ/З:
Доделать одну HTML страницу с использованием CSS и Javascript, которая базируется на bootstrap (на основе страницы cover, полноэкранное отображение страницы с фоном). Надо добавить 3 элемента на страницу: блок с 7 "box"ами (внутри каждого будет писаться значение одной из переменных), блок с текстом (внутри него тоже будут упоминаться значения переменных), и простейшую форму с двумя полями. Смотрите на прикрепленный скриншот.
Ниже значения этих переменных, они должны идти отдельным блоком внутри самой HTML страницы (не внутри отдельного внешнего .js файла), где-то вначале страницы. Естественно, синтаксис кода должен быть правильным, это я так для примера написал.
//values
var dateValue = "05-14-2018";
var box1value = "1.00";
var box2value = "2.50";
var box3value = "3.00";
var box4value = "4.00";
var box5value = "5.00";
var box6value = "6.89";
var box7value = "7.00";
Цвета "box"ов должны зависить от значения переменных выше вот таким образом:
//colors
var box1min = 0.1;
var box1max = 2;
box1color = bg-danger;
if (box1value>box1min) {
box1color = bg-warning;
} else if (box1value>box1max) {
box1color = bg-success;
};
... тоже самое по остальным 6 "box"ам. Эта и последующие части кода могут быть либо частью HTML файла, либо вынесены во внешние файлы, это не важно. Также на странице будет упомянут следующий текст:
//text
var textMessage = "text text text text text text text text $box1value text text text text text box2value text text text text text ";
Вox'ы должны быть responsive, складываться на sm экранах как :
1
2 3
4 5
6 7
На широких экранах box'ы не должны "разьезжаться", то есть расстояние между boxes должны быть постоянным.
Карта на background не должна вылазить на хедер (если надо -- кромсайте карту в фотошопе, делайте более блеклой, добавляйте бордер, в общем, делайте что хотите). Либо сделайте хедер белым (а не прозрачным). Я карту тоже приаттачиваю.
Это обычно подразумевается, но все же -- до принятия проекта, я оставляю за собой право попросить сделать одно-два мелких исправления (в пределах ТЗ, ессно), если на это будет необходимость.
Если вы таки дочитали ТЗ до конца (поздравляю!) упомяните, пожалуйста, в своей ставке слово "исправления".
Спасибо.
Приложения 1
Результаты работы
Отзыв заказчика о сотрудничестве с Александром Волошиным
Верстка HTML/CSS страницы с использованием JavascriptАлександр проделал просто отличную работу, все выполнено строго в соответствии с Т/З (в котором было множество мелких деталей, и каждой из них необходимо было уделить внимание и воплотить в жизнь). Я особенно оценил по достоинству факт того, что Александр постоянно находился на связи, и оперативно устранял неточности, которые всегда возникают во всех проектах просто в следствии различного трактования Т/З заказчиком и исполнителем. Также, мне понравилось, что даже самая первая версия страницы уже была на 95-99% такой, какой я ее представлял (другие фрилансеры иногда наспех создают что-то отдаленно напоминающее Т/З и оставляют на заказчика подробное перечисление "ляпов"; тут этого не было). Подводя итог, рад работать с Александром, надеюсь на дальнейшее сотрудничество. Спасибо, Александр, и удачи.
Отзыв фрилансера о сотрудничестве с Олександром Нікольськом
Верстка HTML/CSS страницы с использованием JavascriptОтлично поработали! Четко поставленная задача. Никаких сюрпризов по ходу работы. Своевременная оплата ?
-
114 Готов взяться за проект, сверстаю по ТЗ, буду использовать jQuery если вы не против.
Также напоминаю, после верстки будут небольшие ИСПРАВЛЕНИЯ.
Буду рад сотрудничать с вами. Откликайтесь!
-
1056 54 1 1 Добрый вечер!
Ваш проект меня заинтересовал!
Занимаюсь разработкой сайтов более 4-х лет.
С радостью выполню проект для Вас
P.S. исправления
-
171 1 0 Здравствуйте, готов выполнить заказ, имеется большой опыт создания сайтов на HTML/CSS. Сделаю все "исправления". С уважением, Илья
-
2217 42 0 Готов приступить немедленно. Сделаю за ночь. Имеется опыт. Работы в портфолио.
Bootstrap
Актуальные фриланс-проекты в категории HTML и CSS верстка
Веб-дизайн и разработкаПривет! Для текущего проекта ищу двух отдельных специалистов: веб-дизайнера (Figma) веб-разработчика (Frontend / WordPress) Проект включает задачи по типу: лендинги, интернет-магазин, админ-панели, сайт на WordPress, а также при необходимости небольшие задачи на React /… HTML и CSS верстка, Дизайн сайтов ∙ 10 часов 40 минут назад ∙ 73 ставки |
Необходимо сделать современный сайт для компании натяжных потолков в Польше
28 485 UAH
Нужен современный премиальный дизайн, адаптация под мобильные устройства, быстрое загрузка, SEO, анимации, калькулятор, портфолио, форма заявки. Желателен опыт создания сайтов в Польше, лендингов для строительных или ремонтных компаний. Обязательно отправьте примеры своих работ. HTML и CSS верстка, Веб-программирование ∙ 11 часов 41 минута назад ∙ 117 ставок |
Ищем фронтенд разработчика для учебной платформыFrontend-разработчик https://www.figma.com/design/vXKC6kfWOeDBX2464BXqRv/%D0%A2%D0%97?node-id=0-1&p=f&t=OJxQ9DF0zXBNnBJv-0 Привет! Ищем frontend-разработчика для работы над современной музыкальной платформой Muse. Проект уже имеет готовый дизайн в Figma,… HTML и CSS верстка, Веб-программирование ∙ 13 часов 29 минут назад ∙ 81 ставка |
Нужен разработчик Drupal для правок на нескольких сайтах.Нужен разработчик Drupal для правок на нескольких сайтах. Сайт раздувается и заполняет весь хостинг .. HTML и CSS верстка, Веб-программирование ∙ 17 часов 54 минуты назад ∙ 33 ставки |
Оптимизация скорости сайта WordPress
5088 UAH
полные детали отправим в личные сообщения Цель Максимально ускорить загрузку сайта, особенно на мобильных устройствах. KPI (обязательно) После завершения работ необходимо добиться следующих показателей. Mobile Performance 90+ LCP менее 2.2 сек INP менее 200 мс CLS менее 0.1… HTML и CSS верстка, Javascript и Typescript ∙ 1 день 8 часов назад ∙ 62 ставки |