Layout design
Task:
Create a responsive layout. The website must display correctly on all types of devices (mobile, tablets, desktops).
Requirements:
Page structure:
- Header: Logo, navigation menu, "Contact" button.
- Main block: Title, subtitle, "Learn more" button.
- Information blocks: 3-4 blocks with icons and text.
- Customer reviews: Section with reviews (with carousel or slider option).
- Feedback form: Fields for entering name, email, and message. "Send" button.
- Footer: Links to social media, contact information, and copyright.
Layout requirements:
- Use HTML5 and CSS3.
- The page must be responsive, displaying correctly on mobile devices, tablets, and desktops.
- Use media queries to create responsiveness.
- You can use a third-party library for the slider, such as Slick or Swiper, or implement the slider manually.
- Visual elements must be aligned according to the layout (colors, fonts, margins).
Additional requirements:
- Animations on the page are not mandatory but desirable for improving user interaction.
- All images and elements must be compressed to improve page load time.
Deadline:
- Time to complete the task: 2-3 days.
Задание:
Создайте адаптивную верстку. Сайт должен корректно отображаться на всех типах устройств (мобильные, планшеты, десктопы).
Требования:
Структура страницы:
- Шапка (header): Логотип, навигационное меню, кнопка "Контакты".
- Основной блок (hero section): Заголовок, подзаголовок, кнопка "Узнать больше".
- Информационные блоки (features): 3-4 блока с иконками и текстом.
- Отзывы клиентов: Секция с отзывами (с возможностью карусели или слайдера).
- Форма обратной связи: Поля для ввода имени, email и сообщения. Кнопка "Отправить".
- Подвал (footer): Ссылки на соцсети, контактные данные и копирайт.
Требования к верстке:
- Используйте HTML5 и CSS3.
- Страница должна быть адаптивной, корректно отображаться на экранах мобильных устройств, планшетов и десктопов.
- Для создания адаптивности используйте media queries.
- Для слайдера можно использовать стороннюю библиотеку, например, Slick или Swiper, или реализовать слайдер вручную.
- Визуальные элементы должны быть выровнены по макету (цвета, шрифты, отступы).
Дополнительные требования:
- Анимации на странице не обязательны, но желательны для улучшения взаимодействия с пользователем.
- Все изображения и элементы должны быть сжаты для улучшения времени загрузки страницы.
Дедлайн:
- Время выполнения задания: 2-3 дня.
-
Ready to layout. Adaptive and cross-browser. html, css, js, jquery
Готов сверстать. Адаптивно и кроссбраузерно. html, css, js, jquery
-
860 4 0 Good evening, Oleksandr. I have familiarized myself with the requirements and am ready to qualitatively develop a responsive website for you for all devices with SEO-optimized code using the following technologies:
Hhtml5
Css3, SCSS
Flexbox, Grid Css
Js, jQuery
Wordpress, ACF
AOS animations
… Valid code (W3C), green zone Page Speed.
I am ready to start immediately after reviewing the layout.
Feel free to reach out, I would be happy to complete your project!
Доброго вечора Олександр, із вимогами ознайомилася і готова якісно зверстати вам адаптивний сайт під усі пристрої та SEO оптимізованим кодом із застосуванням таких технологій:
Hhtml5
Css3, SCSS
Flexbox, Grid Css
Js, jQuery
Wordpress, ACF
AOS анімації
… Валідний код (W3C), зелена зона Page Speed.
Розпочати готова відразу після ознайомлення з макетом.
Звертайтеся, буду рада виконати Ваш проєкт!
=========================================================
Добрый вечер Александр, с требованиями ознакомилась и готова качественно сверстать вам адаптивный сайт под все устройства и SEO оптимизированным кодом с применением таких технологий:
Hhtml5
Css3, SCSS
Flexbox, Grid Css
Js, jQuery
Wordpress, ACF
AOS анимации
Валидный код (W3C), зеленая зона Page Speed.
Приступить готова сразу после ознакомления с макетом.
Обращайтесь, буду рада выполнить Ваш проект!
Переведено с помощью DeepL.com (бесплатная версия)
-
1569 26 1 1 Hello Alexander!
I have reviewed the requirements and am ready to complete your task. I will create high-quality, reliable, adaptive, cross-browser layout. I use HTML, CSS, and JS in my work. I will implement the slider using Swiper, and we can also come up with animations for better user interaction. I write clean, structured, valid code.
I can start working immediately!
Please provide a layout or reference for evaluation for accurate assessment. The price and timeline in the bid are approximate.
Examples of my work:
1) https://pashadahulych.github.io/NFT/ - landing page
2) https://pashadahulych.github.io/Delote-Beauty/ - multi-page site with custom styling for the map
…
3) https://pashadahulych.github.io/NFT__Marketplace/ - multi-page site
4) https://pashadahulych.github.io/CEX.io/ - landing page
5) https://pashadahulych.github.io/Element__Home/ - online store
6) https://pashadahulych.github.io/Digital-Planner/ - app layout, already hosted
7) https://pashadahulych.github.io/Matoa/ - online store, lots of sliders, gallery, tabs. Feature - add to cart animation written in pure JavaScript.
Добрий день Олександр!
Ознайомився із вимогами і готовий виконати ваш таск. Зроблю якісну, надійну, адаптивну, кросбраузерну верстку. В роботі використовую html, css, js. Слайдер реалізую через swiper, також можна буде придумати анімації для кращої взаємодії з користувачем. Пишу чистий, структурований, валідний код.
Можу одразу приступити до виконання роботи!
Надайте будь ласка макет чи референс на оцінку для коректної оцінки. Ціна та термін у ставці приблизний.
Приклади моїх робіт:
1) https://pashadahulych.github.io/NFT/ - лендінг
2) https://pashadahulych.github.io/Delote-Beauty/ багатосторінковий сайт, з кастомною стилізацією карти
…
3) https://pashadahulych.github.io/NFT__Marketplace/ - багатосторінковий сайт
4) https://pashadahulych.github.io/CEX.io/ - лендос
5) https://pashadahulych.github.io/Element__Home/ - інтернет магазин
6) https://pashadahulych.github.io/Digital-Planner/ - верстка додатку, вже є на хостингу
7) https://pashadahulych.github.io/Matoa/ - інтернет магазин, купа слайдерів, галерея, таби. Особливість - анімація додавання в корзину написана на чистому javascript
-
2877 91 0 Hello.
I am ready to create a modern, high-quality, responsive layout for a minimal price.
I will set up form submission to email or Telegram.
Write to me!
Вітаю.
Готовий зробити сучасну, якісну, адаптивну верстку за мінімальну ціну.
Налаштую відправку форми на пошту, або у телеграм.
Пишіть!
-
675 16 2 1 Good day.
I am ready to complete it quickly, taking all wishes into account.
I will be happy to collaborate.
Доброго дня.
Готовий виконати швидко з урахуванням всіх побажань.
Буду радий співпраці.
-
514 6 0 Good day, I am interested in your proposal for website development, I am ready to implement the site with clean code in html, css, scss, js, jQuery, for clarification of details please contact me in private messages.
Доброго дня, зацікавила ваша пропозиція по розробці сайту, готовий реалізувати сайт чистим кодом на html, css, scss, js, jQuery, для уточнення деталей звертайтесь в приватні повідомлення.
-
343 Good day. Can you send the layout so I can understand something about the animation? Otherwise, I can already start working on the layout.
доброго дня. Можете скинути макет, аби зрозуміти дещо з анімацією? А так, я вже можу приступити до виконання верстки.
-
1422 10 0 Hello, I will gladly fulfill your order.
I will develop the website with high quality and in accordance with all requirements.
I will create a responsive website for all devices, cross-browser compatible.
Write to me and we will discuss the details.
I will be happy to cooperate!
My recent projects:
https://cf-ukraine.org/
https://bcc.ac/
https://dkcorp.kz/
… https://likrealty.pl/
https://stretch.palletdvor.com.ua/
https://denyslab.com.ua/
https://lp.guru-autoservice.com.ua/
https://raventattoos.com/
https://smincomposites.com/
https://ibt-stroy.com.ua/
Здравствуйте, с удовольствием выполню ваш заказ.
Разработаю сайт качественно и в соответствии со всеми требованиями.
Создам адаптивный под все устройства, кроссбраузерный сайт.
Напишите мне и мы обсудим подробности.
Буду рада сотрудничеству!
Мои последние проекты:
https://cf-ukraine.org/
https://bcc.ac/
https://dkcorp.kz/
… https://likrealty.pl/
https://stretch.palletdvor.com.ua/
https://denyslab.com.ua/
https://lp.guru-autoservice.com.ua/
https://raventattoos.com/
https://smincomposites.com/
https://ibt-stroy.com.ua/
-
1158 22 1 Good day
I am ready to take it on
Familiarize yourself with the layout
I am waiting for feedback
My latest works figma => wordpress + acf
https://coinbounty.app/
https://ururur.com.ua/
… https://tpke.org/
https://supware.pro/
https://ackontrols.lv/
https://dvcars.pl/
https://nextwave.ink/
https://aff-brain.com/
https://lfc.technology/
https://vchasno-trans.com/
https://ua-canada.ca/
https://www.grammar.com.ua/
https://valkyrieclinicaltrials.com/
https://godigitalpartner.com/
https://delta-service.od.ua/
https://antconstruction.net/
https://www.magoestate.com/
https://wlink.dp.ua/
https://www.grammar.com.ua/
Доброго дня
Готова взятись
З макетом ознайомте
Чекаю на зворотній зв`язок
Мої останні роботи figma => wordpress + acf
https://coinbounty.app/
https://ururur.com.ua/
… https://tpke.org/
https://supware.pro/
https://ackontrols.lv/
https://dvcars.pl/
https://nextwave.ink/
https://aff-brain.com/
https://lfc.technology/
https://vchasno-trans.com/
https://ua-canada.ca/
https://www.grammar.com.ua/
https://valkyrieclinicaltrials.com/
https://godigitalpartner.com/
https://delta-service.od.ua/
https://antconstruction.net/
https://www.magoestate.com/
https://wlink.dp.ua/
https://www.grammar.com.ua/
-
930 4 0 Hello, I am ready to start IMMEDIATELY.
I have experience in development, including website development. You can view my work in the portfolio.
Thank you for considering my application.
Здравствуйте, готов начать НЕМЕДЛЕННО.
Имею опыт в разработке, в том числе и вётске сайтов. В портфолио можете посмотреть мои работы.
Спасибо за рассмотрение заявки
-
4931 115 0 Hello!
Please show the layout so that we can accurately assess the cost and deadlines.
Здравствуйте!
Покажите макет, чтобы можно было точно оценить стоимость и сроки.
-
3417 70 1 Hello.
I am ready to start working after reviewing the layout.
Write to me - I will be happy to collaborate.
Вітаю.
Готовий почати виконання після ознайомлення з макетом.
Пишіть - буду радий співпраці.
-
1028 8 0 Hello,
If there is a design layout, please send it, we will discuss the project details.
I will start working on it today.
Best regards,
Oleksandr
Вітаю,
Якщо є дизайн макета, надішліть будь ласка, обговоримо деталі проекту.
Візьму в роботу вже сьогодні.
З повагою,
Олександр
-
546 6 0 Good day, Oleksandr, I am ready to perform the layout of the landing page, I code with clean HTML, CSS, SCSS, adding JS functionality, I layout responsively, cross-browser, validly, adhering to BEM methodology.
Examples of my layout work
https://vitalik-13.github.io/sitePortfolio/
For more detailed discussion, please write in private.
Доброго дня, Олександр, готовий виконати верстку лендингу, верстаю чистим кодом на html, css, scss, з додаванням js функціоналу, верстаю адаптивно, кросбраузерно, валідно, з дотриманням BEM методології
Приклади моїх робіт з верстки
https://vitalik-13.github.io/sitePortfolio/
Для більш детального обговорення пишіть в приват
-
макет?
-
Можно посмотреть макет?
-
Current freelance projects in the category HTML & CSS
Создание сайта под ключ
362 USD
Нужно сделать сайт и заполнить его товарами на базе WordPress. Пример сайта который мы хотим получить https://www.builderdepot.co.uk Подробное техническое задание и детали обсудим при общении. Так же оплата обговаривается HTML & CSS, Web Programming ∙ 1 hour 2 minutes ago ∙ 11 proposals |
Веб-ресурс для скорочення посиланьВам необхідно створити веб-ресурс для скорочення посилань. У проєкті можете не використовувати технологію REST API. Проєкт, який ви будете створювати, повинен виконувати наступне: система реєстрації та авторизації; особистий кабінет; власні стилі для всього сайту (жодного… HTML & CSS, Python ∙ 3 hours 5 minutes ago ∙ 5 proposals |
Розробка веб-порталу для школиШукаю дизайнера та програміста для створення веб-порталу, який буде доступним для учнів школи та їхніх батьків. ГОЛОВНЕ! Вся інформація (розклад занять, списки учнів) зберігається в Google Таблиці, тому веб-сторінка повинна динамічно підключатися до цієї таблиці та відображати… HTML & CSS, Databases & SQL ∙ 3 hours 28 minutes ago ∙ 7 proposals |
Створити плагін на доповнення товарів WooCommerce та переверстати сторінку товару ( woocommerce )Вітаю, ми займаємось виробництвом дизайнерських меблів та створюємо сайт на WordPress темі ( savoy ) дл себе. Необхідно реалізувати функціонал доповнень до товарів, структура наступна: Існує товар який має або не має основну варіації товару ( наприклад розмір матрацу, розмір… HTML & CSS, Web Programming ∙ 3 hours 46 minutes ago ∙ 1 proposal |
Layout of 2 pages plus responsive urgently by 12.02 eveningIT MUST BE READY BY 12 PM. Hello friends, I need to create 2 pages in adaptive design for phones and tablets. I am adding the ipg for your reference, and if anyone is interested, I will send the layout in figma. ● There should be sass files compiled into css structure, I am… HTML & CSS ∙ 5 hours 3 minutes ago ∙ 30 proposals |