⚠️ ex. - experience

Tripgoal

• 🇺🇸 English
• 🇺🇦 Ukrainian
• 🇷🇺 Russian

---

📚 EN 📚

Practice of layout, styles and code

Design - Figma layout

Description

This project is a practical work on the layout of HTML pages using CSS, SASS and JavaScript. The goal of the project is to improve the skills of responsive layout, styling with CSS and SASS, and interaction with the DOM via JavaScript. Only the home page markup has been created.

Technology stack

Libraries and tools used

• Parcel is a packager for web applications, which helps automate the process of creating websites.
• Modern-Normalize.css — for unifying styles across browsers.
• SASS — for writing nested styles and using variables in CSS.
• gh-pages - publish files to a gh-pages branch on GitHub
• swiper - mobile touch slider

Functionality

• Adaptive layout for different screen resolutions
• Animations using CSS
• Implementation of a mobile menu

---

---

📚 UK 📚 ⬆ Home ⬆

Практика макета, стилів та коду

Дизайн - макет Figma

Опис

Цей проект являє собою практичну роботу з верстки HTML-сторінок за допомогою CSS, SASS і JavaScript. Метою проекту є вдосконалення навичок адаптивної верстки, стилізації за допомогою CSS і SASS і взаємодії з DOM через JavaScript. Створено лише розмітку домашньої сторінки.

Стек технологій

Використовувані бібліотеки та інструменти

• Parcel — пакувальник веб-додатків, який допомагає автоматизувати процес створення веб-сайтів.
• Modern-Normalize.css — для уніфікації стилів у різних браузерах.
• SASS — для написання вкладених стилів і використання змінних у CSS.
• gh-pages - публікувати файли у гілці gh-pages на GitHub
• swiper - мобільний сенсорний слайдер

Функціональність

• Адаптивна верстка для різних дозволів екрану
• Анімації з використанням CSS
• Реалізація мобільного меню

---

---

📚 RU 📚 ⬆ Home ⬆

Практика макета, стилей и кода

Дизайн - макет Figma

Описание

Данный проект представляет собой практическую работу по верстке HTML-страниц с использованием CSS, SASS и JavaScript. Цель проекта — улучшить навыки адаптивной верстки, стилизации с помощью CSS и SASS, а также взаимодействия с DOM через JavaScript. Создана только разметка домашней страницы.

Стек технологий

Используемые библиотеки и инструменты

• Parcel — упаковщик для веб-приложений, который помогает автоматизировать процесс создания веб-сайтов.
• Modern-Normalize.css — для унификации стилей в разных браузерах.
• SASS — для написания вложенных стилей и использования переменных в CSS.
• gh-pages — публикация файлов в ветке gh-pages на GitHub
• swiper — мобильный сенсорный слайдер

Функциональность

• Адаптивная верстка под разные разрешения экрана
• Анимация с использованием CSS
• Реализация мобильного меню