Все працює та адаптивно.
Можу сміливо рекомендувати)
Потрібно верстка+стиль для такого блоку
По замовчуванню активний якийсь один блок -нехай перший
При наведенні на інший має бути анімація, як він розкривається. І так для інших.
В цілому можна анімації +- як на цьому прикладі з мережі, та й загалом при бажанні можете використати щось звідти.
https://codepen.io/alvarotrigo/pen/eYyOLvd
В результаті має бути html-css, за потреби js (без сторонніх бібліотек) код.
Рішення має бути адаптивним.
десктоп
мобайл
Бюджет: 650 UAH Термін: 1 день
Привітання, завдання зрозуміло, я зроблю від А до Я.
Верстаю на чистому HTML, CSS, JS, адаптив під всі пристрої.
Пишіть, я з радістю допоможу.
Бюджет: 500 UAH Термін: 1 день
Приїжджайте на роботу і зробіть все швидко і якісно.
Ви отримаєте чистий і дійсний код.
Працюю без сторонніх бібліотек і фреймворків.
Створює адаптивний акардеон.
Я роблю анімацію при зміні блоків з одного на інший назад анімації можна обговорити з урахуванням всіх бажань
Дякую за увагу, чекаю відповіді і сподіваюся на співпрацю.
З повагою Сергій.
Бюджет: 700 UAH Термін: 1 день
Добрий день.
Адаптивної зверстаю горизонтальний акардеон.
Пишіть...
Бюджет: 500 UAH Термін: 1 день
Вітаю, готовий виконвати. Чистий HTML,CSS,JS адаптивно .Це можно зробити без JS за допомогою input type = "radio". Гарного вам дня!
Останні роботи:
https://dimonx90.github.io/virsland.github.io/
https://dimonx90.github.io/TrainingSiteCastway.github.io/
https://dimonx90.github.io/TrainingSiteCodexLandingPage.github.io/
https://dimonx90.github.io/TrainingSite1-funirolandingpage.github.io/
https://dimonx90.github.io/cryptoPage/
Бюджет: 500 UAH Термін: 1 день
Добрий день! Залюбки виконаю роботу адаптивно, кроссбраузерно, семантично.
Зазвичай використовую: HTML, CSS(SCSS), JavaScript, БЭМ, flex, grid, Swiper, Gulp.
Завжди на зв'язку!
Приклади моїх робіт - Freelancehunt
Бюджет: 700 UAH Термін: 1 день
Здоров’я, я можу це зробити!
Я front-end програміст з досвідом 6+ років.
Більше інформації про мене та мої навички в профілі.
Приклади моїх робіт:
Freelancehunt
Зверніться до нас!
Бюджет: 700 UAH Термін: 1 день
Вітаю вас, Дмитро
Я готовий вам допомогти з проектом, досвід роботи і портфоліо є.
Я готовий зробити для вас цей аккордеон, зробимо якісно і адаптивно!
Вартість: 700 грн
Портфоліо: Freelancehunt
Пишіть, я буду радий вам допомогти!
Бюджет: 500 UAH Термін: 1 день
Доброго дня, зроблю без проблем)
Чистий та зрозумілий код, без сторонніх бібліотек
приклади робіт у портфоліо.
Бюджет: 1000 UAH Термін: 1 день
Доброго дня
Готовий зробити зараз
Роботи до 1 години, код чистий, тільки html і css
на мобільному екрані краще буде виглядати горизонтально
Пишіть
Бюджет: 500 UAH Термін: 1 день
Добрий день .Готовий виконати аккордеон з анімацією, зробимо сьогодні.Я роблю або на чистому html-css, або з використанням js.Будемо раді працювати.Мій гітхаб: https://github.com/RomanTvrdhlb
В верстці використовують динамічні значення,
Завдяки яким здійснюється відмінний ресайз всіх елементів і розмірів (шрифти, відступи тощо):
px to vw, а також матемматичні функції і css(min,max,clamp).Використовую технології html/css/js, scss+gulp+webpackStream.Використовую компонентний підхід, використовуються семантичні теги, верстка проходить валідацію і yoksel(BEM).Google Page Speed проходить в зеленій зоні!Векторні ікони у вигляді sprite.svg., зображення мініфіковані, png,jpg+ .webp.З анімацій я можу запропонувати бібліотеку AOS або нативну css анімацію.Після закінчення терміну ви отримаєте готовий продукт.Можна підтримати ваш сайт з моєї сторони в майбутньому.Зверніться до нас.Моя робота:----
HTTPS://hansgrohe.vercel.app/
HTTPS://need-for-service.vercel.app/
HTTPS://enthogenica.vercel.app/
HTTPS://game-dev-gilt.vercel.app/
HTTPS://kellers-holz.vercel.app/
https://deus-eight.vercel
HTTPS://dg-finance-sooty.vercel.app/
https://puma-shop.vercel.app/
https://pricing-page-nine.vercel.app/
HTTPS://moxa-wine.vercel.app/
Подивіться на моє портфоліо.Будемо раді працювати.Дякую вам!
Бюджет: 4444 UAH Термін: 4 дні
Добрий день ! Як досвідчений фронтенд розробник з досвідом роботи з HTML, CSS і JavaScript, я зацікавлений у вашому проекті верстки і стилізації анімаційних блоків.
Виходячи з поточного опису, необхідно створити адаптивний HTML-CSS код з анімацією, як в прикладі на CodePen. Однак, для точної оцінки проекту і обговорення деталей, пропоную зв'язатися і обговорити вимоги більш детально.
Готов реалізувати креативні анімації для ваших блоків і забезпечити їх інтерактивність без використання третіх бібліотек. Пропонуємо співпрацю та створення потужних веб-продуктів для вас.
Давайте обговоримо деталі проекту і почнемо роботу над цією захоплюючою задачею.
Потрібен спеціаліст з Wix для верстки сайту за макетом Figma. Є готовий дизайн сайту у Figma. Потрібно якісно реалізувати його у Wix, максимально дотримуючись макета. Необхідно: перенести дизайн з Figma до Wix; адаптувати всі сторінки; налаштувати десктопну та мобільну версії; забезпечити коректне відображення на різних пристроях. Перевага надається виконавцям із досвідом роботи з Wix. Будь ласка, надсилайте портфоліо з реалізованими проєктами.
# Потрібен верстальник (WordPress / WooCommerce): картка товару ## Про проєкт Діючий інтернет-магазин Дизайн вже готовий — потрібно якісно зверстати й інтегруватикартку товару (single product). - Поточна сторінка (приклад): https://obertshop.com.ua/shop/dysky/audi/r21-audi/disk-r21-na-avto-audi-obr9006/ Верстка шаблонуsingle-product ## Вимоги - Верстка до макету Figma. -Адаптив: desktop + mobile, коректне відображення в основних браузерах. - Інтеграція в існуючу тему WooCommerce, чистий і підтримуваний код. - Результат — робоча сторінка на сайті, що відповідає дизайну. ## Що надіслати у відгуку 1. Портфоліо (бажаноWordPress / WooCommerce, картки товарів). 2.Вартість — запропонуйте зручний формат (фікс за проєкт або погодинна ставка). 3.Строк у днях. 4. Питання по макету та перелік доступів/матеріалів, які потрібні від нас для старту. Доступ до Figma, сайту й потрібні матеріали надам у приватних повідомленнях після відгуку.
Потрібно зверстати сайт по дизайну. Макет кривий трішки, тому pixel perfect не треба. Верстка, адаптив для МОБ пристроїв, відкриття сторінок по посиланнях та сайт на 3-х мовах. Всі тексти в блоках на інших мовах пришлемо пізніше. Додатково: оптимізація для Google PageSpeed 100 / 100 для МОБ та ПК. Або хоча б 98 із 100, не меньше !!! Пропонуйте строки та вартість. Макет: https://www.figma.com/design/AkM2GAvaLAPw7IAOtkGPIy/DSL-2010--%D0%9F%D1%80%D0%B0%D0%B2%D0%BA%D0%B8-1-?node-id=6177-908&t=u7qPBPqxIifkwaug-0
Сайт розроблений на: Backend: Java + Spring Boot База даних: MySQL Frontend: JavaScript, HTML, CSS Шаблонізатор: Thymeleaf Сервер: VPS (Linux Ubuntu) Reverse Proxy: Apache2 Архітектура: Монолітний додаток На даний момент на сайті реалізовано: Блог з адміністративною панеллю. Можливість створювати та редагувати статті через адмін-панель. Можливість додавати HTML-розмітку та контент через візуальний інтерфейс. Статичні сторінки сайту, які зараз створюються розробником вручну. ⸻ Мета завдання Необхідно реалізувати можливість створювати та управляти новими комерційними сторінками послуг через існуючу адміністративну панель аналогічно тому, як зараз створюються статті блогу. Після реалізації адміністратор повинен мати можливість самостійно створювати нові SEO-сторінки послуг без участі розробника. ⸻ Поточний стан Зараз через адмін-панель можна створювати тільки записи блогу. Приклад: Стаття 1 Стаття 2 Стаття 3 Кожна стаття має: Заголовок URL (slug) Контент SEO-параметри Зображення ⸻ Що необхідно реалізувати 1. Новий тип контенту «Послуги» Створити в адмін-панелі окремий розділ: «Послуги» Він повинен бути незалежним від розділу блогу. Приклад структури: Блог Послуги ⸻ 1. Створення сторінки послуги Адміністратор повинен мати можливість створити нову сторінку послуги через інтерфейс. Комерційні сторінки послуг складаються з 13 блоків, з яких 4 блоки динамічні та 9 статичних. Поля: Назва послуги URL (slug) H1 SEO Title Meta Description SEO Keywords Основний контент сторінки Зображення Статус публікації (Чернетка / Опубліковано) ⸻ 1. Контент сторінки Контент повинен підтримувати: HTML-розмітку Форматування тексту Заголовки H2-H6 Списки Зображення Посилання Бажано використовувати існуючий редактор, який вже застосовується в блозі. ⸻ 1. Генерація URL Кожна послуга повинна мати власний URL. Приклади: /visa/usa/business-visa-usa /visa/usa/business-visa-uk /visa/usa/business-visa-canada ⸻ 1. Відображення на сайті Після публікації сторінка повинна: автоматично ставати доступною за своїм URL; використовувати існуючий шаблон сторінок послуг або новий шаблон; коректно відображатися на всіх пристроях. ⸻ 1. SEO Для кожної послуги необхідно забезпечити можливість налаштування: Title Description H1 Canonical URL (бажано) Open Graph (бажано) Сторінки повинні індексуватися пошуковими системами аналогічно сторінкам блогу. ⸻ 1. Список послуг В адмін-панелі реалізувати: список всіх послуг; пошук; редагування; видалення; зміна статусу публікації. ⸻ 1. Важно Реалізувати можливість створювати нові типи SEO-сторінок без доопрацювання коду в майбутньому. через єдиний механізм управління контентом. ⸻ Що очікується від розробника Необхідно проаналізувати існуючу реалізацію блогу та максимально переиспользувати поточну архітектуру для створення нового розділу «Послуги». При відповіді прошу вказати: Яким чином буде реалізовано завдання. Які зміни знадобляться в БД. Оцінку по часу. Вартість робіт. Які технології повинен знати виконавець Обов'язково: Java Spring Boot MySQL Thymeleaf HTML/CSS JavaScript Робота з Linux Ubuntu Бажано: Spring Security SEO-оптимізація серверних сторінок Досвід роботи з CMS та CRUD-модулями Досвід підтримки монолітних Spring Boot проектів
Потрібно провести аудит існуючого сайту, виправити технічні помилки, покращити SEO, оптимізувати швидкість і поетапно доопрацьовувати функціонал. Редизайн не потрібен Що потрібно зробити: Провести технічний аудит сайту. Провести SEO-аудит і запропонувати план покращень. Знайти і усунути технічні помилки. Запропонувати покращення по UX/UI і дизайну. Оптимізувати швидкість завантаження. Виконувати доопрацювання сайту, за необхідності працювати з кодом. В подальшому — підтримка і розвиток сайту. В відповіді вкажіть: посилання на схожі проекти; досвід роботи з WordPress (якщо є); приблизну вартість роботи чи готові до довгострокової співпраці.