Верстка лендинга
50 USDПо старому:
1. Научить уменьшать слайдер..
2. Добавлять и редактировать колонки в таблице цен.
3. Отделять блоки в проживании полосой .
4. Поставить заголовки блока над текстом которые сейчас стоят над фото (см. фото)
5. Адаптировать страницу проживания под мобильные устройства (таблицу цен и недавние изменения)
По новому:
Необходимо сверстать макет целиком и полностью.
Основные моменты:
* Лендинг страница будет на нашем существующем сайте hotelsmim.com с шапкой и подвалом который есть на сайте.
* Быстрая загрузка страницы на всех устройствах (проверка на гугл драйв - 90+ )
* Адаптация под все устройства (телефоны, планшеты и.т.д)
* Адаптация под все браузеры.
* Интересная выдача материала при прокрутке страницы вниз. (параллакс или как это называется)
* При нажатии кнопки `Приймати участь у розіграші` перелистывает в блок розыграша который находится внизу.
* При наведении на кнопку бронирования во всех формах бронирования - выделение кнопки
* При подтверждении бронирования появляется окно (дизайн окна есть в макете) с текстом. (Дякуємо, що обрали тур "Зелені Карпати". Ви автоматично стали учасником акції! Наш менеджер зв'яжеться з вами найближчим часом на протязі дня для уточнення деталей. Приємного дня!)
* Таймер во втором экране выставленный до 08.04.2016
* В блоке "Программа тура", при нажатии на фото можно смотреть галерею каждого дня, при наводе на фото появляется плюсик, при нажатии появляется галерея по одному фото на весь екран, при нажатии на фото, отображается следующее фото
(по аналогии как на странице проживания уже есть на сайте http://hotelsmim.com/prozhivannya/)
* В блоке "Чому обирають наш тур" при наведении на каждый квадрат происходит выделение квадрата.
* В блоке "Варіанти проживання".
1) под заголовком - три кнопки - "готель - садиба - котедж", при нажатии на одну из них - выпадает блок с 4 квадратами (1 большой, 3 меньших) (так как здесь - http://hotelsmim.com/prozhivannya/)
2) при наведении и нажатии на один из квадратов - по аналогии открывается галерея как в предыдущем пункте. (так как здесь http://hotelsmim.com/prozhivannya/)
3) при нажатии на кнопку "Детальніше" в квадрате номера - все страницы открываются в новой вкладке. Каждая кнопка ведет на страницу соответственного номера. Все ссылки страниц есть на сайте - здесь http://hotelsmim.com/prozhivannya/
* В блоке цены при наведении на кнопки "замовити" - выделение. и открывается форма обратной связи.
* В блоке "Тур для тих хто бажає" при наведении на каждый вертикальный прямоугольник происходит выделение вертикального прямоугольника.
* В блоке "Відгуки"
1) при нажатии на ссылки оставивших отзывы - страницы открываются в новой вкладке
2) все ссылки должны быть скрыты от индексирования
* В блоке "Як доїхати" присутствует карта google.
* В блоке "Розіграш":
1) таймер выставленный до 30.04.2016
2) при нажатии на кнопку реєстрації, появляется окно (дизайн окна есть в макете.) с текстом: Вітаємо! Ваша e-mail адреса зареєстрована. Ми впевнені, вам пощастить! Оголошення результатів 30.04. Запропонуйте друзям теж прийняти участь в акції і бронюйте тур, щоб обрати дату.
* Добавить видео в отзывах там где есть на макете.
* Открытие формы обратной связи при нажатии в самом низу на кнопку "Задайте їх нашому адміністратору"
-
Интересно. Как можно требовать pagespeed +90 на полностью неоптимизированном сайте?? Или вы считаете, что страница сайта будет жить отдельной жизнью?))
-
Current freelance projects in the category HTML & CSS
Development of a WordPress + WooCommerce online store# Development of an Online Store for Agricultural Equipment The design mockup is currently in the final stages of development. I fully understand that without a ready mockup, the final estimate will be inaccurate. However, if you have already implemented similar e-commerce… Content Management Systems, HTML & CSS ∙ 5 hours 34 minutes back ∙ 29 proposals |
Layout designer for multi-page advertorial website (Health Media) — vibe coding, clean code
150 USD
We need to create a multi-page website in the style of health media, based on healthinsider.news. Not just a landing page — a full-fledged pseudo-editorial site (advertorial), designed to attract traffic from Meta Ads. IMPORTANT: the task is to be done through vibe coding… HTML & CSS, Web Programming ∙ 12 hours 52 minutes back ∙ 43 proposals |
Website design updateIt is necessary to update the design of the existing website using HTML, CSS, JS: refresh the appearance, make it modern and responsive for mobile devices. Smooth animations and interactive elements need to be added. HTML & CSS, Javascript and Typescript ∙ 1 day 17 hours back ∙ 86 proposals |
I am looking for a WordPress/Elementor/Woo specialist who has extensive experience with the Woodmart template.
113 USD
It is necessary to update the visual design and structure of the online store for dental products (link will be sent in a private message). The site operates on the WordPress + WooCommerce framework. The template is Woodmart. Tasks: Update the header, footer, and content on… Content Management Systems, HTML & CSS ∙ 1 day 20 hours back ∙ 34 proposals |
Website layoutTechnical assignment for website layout. Written by ChatGPT Link to design - https://www.figma.com/file/bBuR3yG2eSzLpBcBJURNZi?node-id=60:397&t=zQ9Kln2RtyBgNHKw-1&locale=en&type=design General information It is necessary to perform responsive cross-browser layout of the… HTML & CSS ∙ 1 day 21 hours back ∙ 114 proposals |
Vorohta