Верстка 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 верстка
Интернет-магазин одеждыНужен разработчик для интернет-магазина одежды Ищу опытного разработчика для создания полноценного интернет-магазина одежды с дроп-моделью продаж. Что нужно сделать: 6 страниц: главная, товар, корзина, оформление, аккаунт, админ панель Вход через Google аккаунт Корзина и… HTML и CSS верстка, Javascript и Typescript ∙ 4 часа 5 минут назад ∙ 51 ставка |
Комплексное доработки WooCommerce-магазина (UX, адаптивность, функционал)Необходимо завершить разработку интернет-магазина на WordPress (WooCommerce). Текущий сайт: https://lerise.com.ua/ Референс по уровню функционала и удобства использования: https://katysoho.com.ua/Важно Кардинально менять дизайн сайта не нужно. Основной акцент - на… CMS, HTML и CSS верстка ∙ 1 день 21 час назад ∙ 36 ставок |
Сайт для свадебных фотографов под ключ: дизайн + текст + запускИщем специалиста (или студию) для создания сайта-портфолио под ключ - полный цикл от концепции до публикации. Хотим минимум участия с нашей стороны: вы берете задание и доводите до готового результата. Что входит в работу «под ключ»: • Дизайн в стиле premium / editorial /… HTML и CSS верстка, Дизайн сайтов ∙ 2 дня 4 часа назад ∙ 113 ставок |
Ищем веб-дизайнера / верстальщика на WordPress (конструктор Divi)https://annalecat.com/corporate-training/ Что нужно сделать: У нас есть одна страница на сайте, которая сейчас выглядит плохо. Нужно переделать её дизайн и сверстать так, чтобы она выглядела красиво, современно и аккуратно. Что мы уже имеем для работы: Текст: Полностью готов… HTML и CSS верстка, Дизайн сайтов ∙ 4 дня назад ∙ 36 ставок |
Верстка 3 страницНеобходимо сделать верстку с помощью tailwind под вордпресс. Страницы должны быть максимально изолированы от темы, чтобы не перекрывать никакие стили. Часть элементов уже существует в реализованной теме, их необходимо переиспользовать. Мобильной версии в дизайне нет,… HTML и CSS верстка ∙ 4 дня 20 часов назад ∙ 65 ставок |