https://github.com/dark-lon3r/shop-bakery

Этот репозиторий представляет собой результат прохождения курса "Фулл-стек разработчика" и служит демонстрацией навыков создания адаптивного веб-сайта с использованием HTML, SCSS и JavaScript.
https://github.com/dark-lon3r/shop-bakery

adaptive css full-stack fullstack html index javascript js learning scss scss-styles site sites uk ukraine web webdevelopment website

Last synced: over 1 year ago
JSON representation

Этот репозиторий представляет собой результат прохождения курса "Фулл-стек разработчика" и служит демонстрацией навыков создания адаптивного веб-сайта с использованием HTML, SCSS и JavaScript.

• Host: GitHub
• URL: https://github.com/dark-lon3r/shop-bakery
• Owner: Dark-Lon3r
• License: gpl-3.0
• Created: 2023-11-11T00:14:19.000Z (over 2 years ago)
• Default Branch: main
• Last Pushed: 2023-11-20T18:22:22.000Z (over 2 years ago)
• Last Synced: 2025-01-11T08:16:33.228Z (over 1 year ago)
• Topics: adaptive, css, full-stack, fullstack, html, index, javascript, js, learning, scss, scss-styles, site, sites, uk, ukraine, web, webdevelopment, website
• Language: HTML
• Homepage:
• Size: 6.42 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE
  • Code of conduct: CODE_OF_CONDUCT.md

Awesome Lists containing this project

README

          
# 🥐 Сучасна пекарня (Shop-bakery)

![alt text](logo.png)

Этот репозиторий представляет собой результат прохождения курса "Фулл-стек разработчика" и служит демонстрацией навыков создания адаптивного веб-сайта с использованием HTML, SCSS и JavaScript.

## О проекте

"Сучасна пекарня" - это проект, разработанный индивидуально в рамках обучения, демонстрирующий адаптивность веб-страницы для пекарни. Сайт не является завершенным продуктом, а лишь пример того, как можно использовать адаптивный дизайн для обеспечения корректного отображения контента на различных устройствах.

### Особенности

- 🌐 **Адаптивный дизайн**: Проект создан с использованием технологии адаптивного дизайна, что позволяет корректно отображать контент на экранах разных размеров.

  

- 🎨 **Применение SCSS**: Использование SCSS позволяет легко управлять стилями и делать код более модульным.

  

- 🚀 **Интерактивные элементы**: На сайте присутствуют элементы, реализованные с помощью JavaScript, для улучшения пользовательского опыта.

## Структура проекта

- `index.html`

- `scss/`

  - `components/`

  - `layouts/`

  - `utils/`

  - `_base.scss`

  - `_main.scss`

  

- `js/`

  - `mobile-menu.js`

  - `modal.js`

  

- `images/`

  

### Использование

Для ознакомления с проектом, склонируйте репозиторий и откройте файл `index.html`.

## Заметка

Этот проект является лишь примером, созданным в процессе обучения и не предназначен для коммерческого использования.