//FIXME:materials for the project
https://docs.google.com/spreadsheets/d/1VTNJyWBM4p0XcaKx_0wo73d1PWw-xbrKfygoR6ajIog/edit#gid=0
//FIXME: Структура проєкта.
//TODO: Main Page
1.Header(загальний для всіх сторінок)
2.Hero Nikita Shepil
3.About a complex -> Volodymyr Bosenko
4.Restaurant’s details -> Alehandro Olexander597
5.Welcome to a complex -> Denis Лупкін+all images/svg
6.Hotel’s details -> Den Industries
7.Location & contacts -> Den Industries
8.Footer(загальний для всіх сторінок) -> ElenaFarina
//TODO: Restaurant Page
1.Hero -> Nikita Shepil
2.About a kitchen -> maxineaird (Tetyana Shvayka)
3.Restaurant menu -> Alehandro Olexander597
//TODO: Hotel Page
1.Hero -> Nikita
2.Double Luxury Room -> Taras DemoUser79
3.Triple Room -> Mykhailo Friziuk
4.Four-seater Room //
TODO: Room Page
1.Hero -> Nikita Shepil
2.Amenities (general) -> Nina Lim
Book a Room Modal window Book a Table Modal window Prices per Room Modal window
//FIXME: Верстка валідна (https://validator.w3.org/, https://validator.w3.org/unicorn/)
//FIXME: ТЗ https://docs.google.com/document/d/19XA6lxWoJTgssMOjQjXIakMHUKHbVOfLfreF90Q8jI4/edit
//FIXME: FIGMA
https://www.figma.com/file/Q21nmbOP9MlUnHqwToEvkw/Mimino-New?node-id=0%3A1&t=QGL52ssNr5r9hv45-0
//FIXME: local fonts https://www.youtube.com/watch?v=xrOIsGn-DT8
//FIXME: //TODO: Для всіх ефектів ховер і фокуса (колір, фон, тінь) зроблені переходи. Час - 250ms, функція розподілу часу - cubic-bezier(0.4, 0, 0.2, 1).
//FIXME: //TODO: Команди в терміналі : npm -v npm install npm run dev 2 ответа
Inna Zadorozhnia
npm -v перевірити версію ноди, вводиться один раз
npm install встановлює залежності(які видно в папці node_modules) вводиться один раз, і по інформації від мене
npm run dev щоб запустити деплой, вводиться при необхідності перегляду в браузері
Inna Zadorozhnia
список команд для роботи з терміналом
git clone https://посилання_на_репозиторій клонуєте репозиторій
git checkout ‘назва-гілки’ перехід на гілку ‘назва-гілки’
git pull origin ‘назва-гілки’ стягує останні зміни гілки ‘назва-гілки’
git checkout -b ‘назва-нової-гілки’ створює нову гілку
git add . та git commit -m “назва-коміта” записує зміни до локальної гілки
git push origin ‘назва-вашої-гілки’ публікує ваші зміни на гілці віддаленого репозиторію
git merge ‘назва-гілки’ залиття коду з гілки ‘назва-гілки’ на поточну гілку
git branch -d ‘назва-гілки’ видалення гілки ‘назва-гілки’
git fetch стягує всі зміни з віддаленого репозиторію
//FIXME: //TODO: Main Page
Header
В Header-і знаходиться навігація, лого та список посилань на соц.мережі (в планшетній та десктопній версіях). Логотип (назву) компанії реалізувати як посилання, яке повертає користувача на Main Page. Навігація має бути реалізована як список елементів, кожен з яких містить в собі посилання, що веде на відповідну сторінку. Посилання на соц. мережі має відкривати відповідний сторонній ресурс в окремій вкладці. Меню навігації на мобільній та планшетній версіях відображається як бокова панель, що виїжджає. Меню фіксоване, висота відповідає висоті в'юпорту. Меню має бути реалізовано якірними посиланнями, які ведуть до відповідних розділів сторінки.
Hero
“Mimino” - заголовок сторінки. Кнопка “Book a table” має відкривати модальне вікно Book a Table Modal window. Кнопка “Book a room” має відкривати модальне вікно Book a Room Modal window.
About a complex
У секції немає видимого заголовка. Потрібно зробити прихований заголовок для краулерів. “Restaurant-hotel complex” та “Business class hotel” - підзаголовки. В секції представлені зображення комплексу, які необхідно реалізувати як контентні.
Restaurant’s details
“Restaurant” - заголовок секції. У секції представлений слайдер з контентними зображеннями ресторану*. Кнопка “Book a table” має відкривати модальне вікно Book a Table Modal window. Кнопка “View the menu” має бути реалізована як посилання, яке веде користувача на сторінку Restaurant Page.
Welcome to a complex
“Welcome to the epitome of luxury and comfort” - заголовок секції. В секції представлене зображення комплексу, яке необхідно реалізувати як контентне.
Hotel’s details
“Hotel” - заголовок секції. Кнопка “Book a room” має відкривати модальне вікно Book a Room Modal window. Кнопка “View rooms” має бути реалізована як посилання, яке веде користувача на сторінку Hotel Page.
Location & contacts
“Location” - заголовок секції. Включає список контактних телефонів закладу для зворотнього зв’язку та його адресу з контентним зображенням мапи.
Footer
Логотип (назву) компанії реалізувати як посилання, яке повертає користувача на Main Page. Посилання зі списку елементів має вести на відповідну сторінку. Посилання на соц. мережі має відкривати відповідний сторонній ресурс в окремій вкладці.
//TODO: Restaurant Page
Hero
“Restaurant” - заголовок сторінки. Кнопка “Book a table” має відкривати модальне вікно Book a Table Modal window. Кнопка “View a menu” має бути реалізоване як якірне посилання, що веде до відповідної секції сторінки. У секції представлений слайдер з контентними зображеннями ресторану*.
About a kitchen
У секції немає видимого заголовка. Потрібно зробити прихований заголовок для краулерів. В секції представлені зображення приготування блюд, які необхідно реалізувати як контентні.
Restaurant menu
“Restaurant menu” - заголовок секції. Зміст меню ресторану реалізувати за допомогою тега
- як список елементів, що включають підпункти. Кнопка “Book a
Table” має відкривати модальне вікно Book a Table Modal window.
//TODO: Hotel Page
Hero
“Hotel” - заголовок сторінки. Кнопка “Book a Room” має відкривати модальне вікно Book a Room Modal window. Кнопка “View prices” має відкривати модальне вікно Prices per Room Modal window. У секції представлений слайдер з контентними зображеннями готелю*.
Double Luxury Room
“Double Luxury Room” - заголовок секції.
В секції представлені зображення готельного номеру, які необхідно реалізувати як
контентні. Кнопка “More details” має бути реалізована як посилання, яке веде
користувача на сторінку Room Page. Кнопка “View prices” має відкривати модальне
вікно Prices per Room Modal window.
Triple Room
“Triple Room” - заголовок секції.
В секції представлені зображення готельного номеру, які необхідно реалізувати як
контентні. Кнопка “More details” має бути реалізована як посилання, яке веде
користувача на сторінку Room Page. Кнопка “View prices” має відкривати модальне
вікно Prices per Room Modal window.
Four-seater Room
“Four-seater Room” - заголовок секції.
В секції представлені зображення готельного номеру, які необхідно реалізувати як
контентні. Кнопка “More details” має бути реалізована як посилання, яке веде
користувача на сторінку Room Page. Кнопка “View prices” має відкривати модальне
вікно Prices per Room Modal window.
//TODO: Room Page
Hero
“Double Luxury Room” - заголовок сторінки. У секції представлений слайдер з контентними зображеннями*. Кнопка “View prices” має відкривати модальне вікно Prices per Room Modal window.
Amenities
У секції немає видимого заголовка. Потрібно зробити прихований заголовок для краулерів. Зручності готельного номеру по категоріях мають бути реалізовані за допомогою тега
- як список елементів, що включають підпункти. Кнопка “Book a
Room” має відкривати модальне вікно Prices per Room Modal window.
Book a Room Modal window
“Book a Room” - заголовок секції. Форма бронювання готельного номеру містить в собі такі елементи форми як і (яким необхідно додати мінімальну валідацію даних для введення за допомогою атрибуту pattern) та кнопку “Make a reservation”. Стрілки вниз/вгору для реалізувати як псевдоелементи. Кнопка “Make a reservation” типу submit закриває модальне вікно.
Book a Table Modal window
“Book a Table” - заголовок секції. Форма бронювання столику містить в собі такі елементи форми як і (яким необхідно додати мінімальну валідацію даних для введення за допомогою атрибуту pattern) та кнопку “Make a reservation”. Кнопка “Make a reservation” типу submit закриває модальне вікно. Prices per Room Modal window “Prices per Room” - заголовок секції. Форма містить в собі такі елементи як і (яким необхідно додати мінімальну валідацію даних для введення за допомогою атрибуту pattern) та кнопку “Make a reservation”. Кнопка “Make a reservation” типу submit закриває модальне вікно. *Наявність слайдерів НЕ Є ОБОВ’ЯЗКОВОЮ і реалізуються командою за наявності бажання та часу на виконання.