Project-Web-Group-10

Верстка Mobile First

Точки перелому:

• mobile: верстка гумова від 320px, стає адаптивною з 375px;
• tablet: з 768px;
• desktop: з 1440px

Кольори

--color-scheme-1-background: var(--color-coffee-lighter);
--color-neutral-darkest: #0b0803;
--color-scheme-1-border: var(--opacity-neutral-darkest-15);
--color-scheme-1-text: var(--color-neutral-darkest);
--color-neutral-lighter: #dad9d9;
--color-white: #fff;
--color-neutral-lightest: #f2f2f2;
--color-neutral-light: #b5b4b3;
--color-neutral: #858381;
--color-neutral-dark: #54524e;
--color-neutral-darker: #23201c;
--opacity-transparent: rgba(255, 255, 255, 0);
--color-scheme-1-foreground: var(--color-coffee-light);
--color-scheme-1-accent: var(--color-neutral-darkest);
--opacity-white-5: rgba(255, 255, 255, 0.05);
--opacity-white-10: rgba(255, 255, 255, 0.1);
--opacity-white-15: rgba(255, 255, 255, 0.15);
--opacity-white-20: rgba(255, 255, 255, 0.2);
--opacity-white-30: rgba(255, 255, 255, 0.3);
--opacity-white-40: rgba(255, 255, 255, 0.4);
--opacity-white-50: rgba(255, 255, 255, 0.5);
--opacity-white-60: rgba(255, 255, 255, 0.6);
--opacity-neutral-darkest-5: rgba(11, 8, 3, 0.05);
--opacity-neutral-darkest-10: rgba(11, 8, 3, 0.1);
--opacity-neutral-darkest-15: rgba(11, 8, 3, 0.15);
--opacity-neutral-darkest-20: rgba(11, 8, 3, 0.2);
--opacity-neutral-darkest-30: rgba(11, 8, 3, 0.3);
--opacity-neutral-darkest-40: rgba(11, 8, 3, 0.4);
--opacity-neutral-darkest-50: rgba(11, 8, 3, 0.5);
--opacity-neutral-darkest-60: rgba(11, 8, 3, 0.6);
--color-coffee-lightest: #eadfd6;
--color-coffee-lighter: #e0cbb4;
--color-coffee-light: #c29d84;
--color-coffee: #b58869;
--color-coffee-dark: #6f4e37;
--color-coffee-darker: #60432f;
--color-coffee-darkest: #443022;
--color-scheme-2-text: var(--color-neutral-darkest);
--color-scheme-2-background: var(--color-coffee);
--color-scheme-2-border: var(--opacity-neutral-darkest-15);
--color-scheme-2-accent: var(--color-neutral-darkest);
--color-scheme-2-foreground: var(--color-coffee);
--color-error-red: #7f1c1c;

Шрифти присутні на сайті

1. Quicksand font-family: "Quicksand", sans-serif; font-optical-sizing: auto; font-style: normal; font-weight: 400; - Regular font-weight: 400; - Medium font-weight: 400; - SemiBold

2. Aboreto Regular font-family: "Aboreto", system-ui; font-style: normal; font-weight: 400;

Icons

1. chevrons-right
2. close
3. favicon
4. facebook
5. instagram
6. mail
7. map
8. phone
9. menu
10. map-pin
11. star-outline
12. star-filled

Секції сайту

1. Header + mobile menu
2. Hero
3. Welcome
4. Quality
5. Experience
6. Subscribe
7. Testimonials
8. Location
9. Footer
10. Modal menu

Команда

Team-Lead: Illia - illiakumpan11@gmail.com

Scrum-master: Ростік - rosticmel@gmail.com

Team:

1. Olga - olga.i.mikhalchenko@gmail.com
2. Tanya - tanyasha_@ukr.net
3. Андрій - andrijdovgopoluk@gmail.com
4. Мирослав - mircool126@gmail.com
5. Svitlana - svetikblonda@ukr.net
6. Ivan - dziamko02@gmail.com
7. Hekit - hekityto@gmail.com
8. Ася - asia.skoromna@gmail.com