Верстка 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Отлично поработали! Четко поставленная задача. Никаких сюрпризов по ходу работы. Своевременная оплата ?
-
Готов приступить немедленно. Сделаю за ночь. Имеется опыт. Работы в портфолио.
Bootstrap
-
114 Готов взяться за проект, сверстаю по ТЗ, буду использовать jQuery если вы не против.
Также напоминаю, после верстки будут небольшие ИСПРАВЛЕНИЯ.
Буду рад сотрудничать с вами. Откликайтесь!
-
1056 54 1 1 Добрый вечер!
Ваш проект меня заинтересовал!
Занимаюсь разработкой сайтов более 4-х лет.
С радостью выполню проект для Вас
P.S. исправления
-
171 1 0 Здравствуйте, готов выполнить заказ, имеется большой опыт создания сайтов на HTML/CSS. Сделаю все "исправления". С уважением, Илья
Актуальные фриланс-проекты в категории HTML и CSS верстка
QA протестировать сайт на ошибки, чтобы пропустить мерчант центр
700 UAH
QA протестировать сайт на ошибки, чтобы пропустить мерчант центр сайт Опен карт текст перевод ошибки на сайте карточки товара Все, что можно проверить HTML и CSS верстка, Тестирование и QA ∙ 4 часа 10 минут назад ∙ 10 ставок |
Интернет-магазин одеждыНужен разработчик для интернет-магазина одежды Ищу опытного разработчика для создания полноценного интернет-магазина одежды с дроп-моделью продаж. Что нужно сделать: 6 страниц: главная, товар, корзина, оформление, аккаунт, админ панель Вход через Google аккаунт Корзина и… HTML и CSS верстка, Javascript и Typescript ∙ 4 часа 20 минут назад ∙ 51 ставка |
Комплексное доработки WooCommerce-магазина (UX, адаптивность, функционал)Необходимо завершить разработку интернет-магазина на WordPress (WooCommerce). Текущий сайт: https://lerise.com.ua/ Референс по уровню функционала и удобства использования: https://katysoho.com.ua/Важно Кардинально менять дизайн сайта не нужно. Основной акцент - на… CMS, HTML и CSS верстка ∙ 1 день 22 часа назад ∙ 36 ставок |
Сайт для свадебных фотографов под ключ: дизайн + текст + запускИщем специалиста (или студию) для создания сайта-портфолио под ключ - полный цикл от концепции до публикации. Хотим минимум участия с нашей стороны: вы берете задание и доводите до готового результата. Что входит в работу «под ключ»: • Дизайн в стиле premium / editorial /… HTML и CSS верстка, Дизайн сайтов ∙ 2 дня 4 часа назад ∙ 113 ставок |
Ищем веб-дизайнера / верстальщика на WordPress (конструктор Divi)https://annalecat.com/corporate-training/ Что нужно сделать: У нас есть одна страница на сайте, которая сейчас выглядит плохо. Нужно переделать её дизайн и сверстать так, чтобы она выглядела красиво, современно и аккуратно. Что мы уже имеем для работы: Текст: Полностью готов… HTML и CSS верстка, Дизайн сайтов ∙ 4 дня назад ∙ 36 ставок |