Сверстать блок со шкалой
400 UAHНужно сверстать блок со шкалой, десктоп и мобайл.
Приложен макет результата шкалы, и все вариации (пустая / полуполная / десктоп / мобайл).
Также приложен исходник для figma.
Условия такие:
1. Блок тянется на 100% по ширине родительского контейнера. В десктопе ширина родителя может быть произвольной, например, 750px. Ширина полоски шкалы = ширина родительского relative блока, без учета подписей
2. На макете в шкале 4 секции, но нужна возможность оставить 3 или 5 секций без изменения css
3. Нужна возможность задать/поменять ширину каждой секции отдельно. Вроде такого: <div class="lu-gauge-section" style="width: 20%">. В сумме все секции будут 100% ширины. Можно использовать другое свойство.
4. Для заполнения шкалы используем один блок, которому в html прописываем style="width: 50%", где 50% -- это визуальная заполненность шкалы. От 0 до 100%. Именно в html, потому что он будет формироваться бекендом.
5. Остальных инлайн-стилей быть не должно, все в css.
6. Нужно сделать общий родительский класс "lu-gauge-container", и в нем уже все верстать. Не задавать никаких правил для общих элементов body, div, итд, которые могут быть еще на странице, только для классов с префиксом lu-gauge-
7. Отсутпы и размеры элементов должны соотвествовать макету. html дожен быть валидным без незакрытых тегов.
8. Нужно обойтись без картинок и библиотек, 1 html и один css файл. Также желательно без javascript.
Шрифт в макете RotondaC, бесплатный https://nomail.com.ua/family/RotondaC
Просьба браться за задание, только если вы прочитали требования и уверены, что сделаете его, а также у вас сейчас есть на это время.
Приложения 3
-
526 11 0 Здравствуйте. Внимательно изучил. Могу приступить сейчас.
https://sofg1.github.io/test/profile.html
Проекты:
https://sofg1.github.io/CHISH/
https://sofg1.github.io/test
https://sofg1.github.io/test/profile.html
https://lovegloves.art/
… https://sofg1.github.io/decor-page/
https://sofg1.github.io/CHISH/about.html
https://sofg1.github.io/studio/
https://sofg1.github.io/CHISH/education.html
https://sofg1.github.io/burger
https://sofg1.github.io/yoga/
-
397 1 0 Сделаю качественную верстку данного блока , опыт верстки 2+ года , есть профиль на другой бирже с 20+ отзывов , если нужно - скину .
За отзыв - скидка)
-
2274 74 1 2 Здравствуйте. Готов сделать данную шкалу со всеми классами на все случаи.
Вот мои последние работы:
1. Вёрстка с нуля большого интернет-магазина ювелирных украшений и деревянных изделий братьев Кочут:
https://kochut.org/ru/
2. Украинский магазин с ювелирными украшениями. Вёрстка контента страницы "Коллекции"
https://minimal.com.ua/ua/jewelry-collection/skazhi-tak/
3. Сайт с ролетами, рафшторами, москитными сетками. Примечателен сложными анимациями
https://result.cf/rollosvit/page_home.html
… 4. Лендинг по спилу деревьев с полным адаптивом и оптимизацией - https://teamwood.pro
Буду рад сотрудничать!
-
283 6 0 Ознакомился с проектом. Готов приступить прямо сейчас. Имею огромный опыт работы с HTML, CSS и JS. Быстро справлюсь с вашей задачей!
-
353 3 0 Здравствуйте.
По ТЗ, качественно и валидно сверстаю шкалу по макету.
Заполняемость будет меняться из HTML, а так же будет растягиваться на всю ширину экрана динамически.
Мой опыт в вебе - более 4х лет.
Пример верстки: https://geografikapark.ru/
Актуальные фриланс-проекты в категории HTML и CSS верстка
Исправить верстку согласно Figma на 2 страницах на WP+Elementor PRO
1000 UAH
У меня есть 2 готовые страницы, сверстаны на WordPress+Elementor PRO. Верстка в некоторых местах выполнена не качественно, необходимо четко следуя дизайну в Figma исправить верстку на этих страницах. Срок выполнения до 29.03.2024!!! Прошу обращаться только профессионалов с… HTML и CSS верстка, Дизайн сайтов ∙ 4 ставки |
Верстка сайта по макету
20 000 UAH
Добрый день. Есть макет в фигме: https://www.figma.com/file/RGVIymprYc4QaiJ5qp3iwL/LayerGame?type=design&node-id=0-1&mode=design Есть ui kit и готовая верстка страницы Main, выполненная на React, анимации реализованы с помощью GSAP. Необходимо сверстать на этом стеке еще 2… HTML и CSS верстка, Javascript ∙ 22 ставки |
Правки существующего сайта Wordpress (Elementor)Добрый день! Нужен специалист, который будет вносить правки на наш существующий сайт, работающий на базе Wordpress и плагина Elementor. На данный момент необходимо создать 10 новых страниц по типу https://houseofattractions.club/muzeum-zywych-motyli/ . Также установлен плагин,… HTML и CSS верстка, Сопровождение сайтов ∙ 14 ставок |
Верстка 2блока в WP
785 UAH
Сверстать 2 блока в WordPress (Wp Backary) как в дизайне Фигма 1) http://prntscr.com/_B_zPE2tKpKk + адаптив (страница RentCar) https://opage.one/demo/gq/rent-car/ 2) Как в дизайне http://prntscr.com/25BbYGRvk34y в http://prntscr.com/8J5xuSq23sZb Фигма… HTML и CSS верстка ∙ 7 ставок |
Верстка Landing Page по ТЗ и ДизайнуАдаптация под все устройства. Google page speed 90+. (mobile, desktop) Подробное ТЗ отправлю в сообщения HTML и CSS верстка ∙ 54 ставки |