https://github.com/flavvvour/russian-travel

Russian Travel
https://github.com/flavvvour/russian-travel

Last synced: about 1 month ago
JSON representation

Russian Travel

• Host: GitHub
• URL: https://github.com/flavvvour/russian-travel
• Owner: flavvvour
• Created: 2024-11-01T11:34:49.000Z (3 months ago)
• Default Branch: main
• Last Pushed: 2024-11-02T19:14:50.000Z (3 months ago)
• Last Synced: 2024-11-08T14:47:52.670Z (3 months ago)
• Language: HTML
• Homepage: https://flavvvour.github.io/Russian-Travel/
• Size: 6.39 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Описание проекта "Путешествие по России"

Проект **"Путешествие по России"** представляет собой адаптивный одностраничный сайт, разработанный для демонстрации красивых и разнообразных мест России, которые можно посетить в путешествиях.

Основной целью проекта является показать, как можно создать сайт с адаптивным дизайном, который будет одинаково удобно просматриваться на различных устройствах — от мобильных телефонов до больших экранов компьютеров.

## Основные цели и задачи проекта

**Адаптивный дизайн:** Проект разработан так, чтобы страницы корректно отображались на популярных разрешениях экранов (320px, 768px, 1024px, 1280px). Это достигается за счет медиазапросов в CSS и гибкой сетки, построенной с использованием технологий Flexbox и Grid Layout.

**Работа с макетом:** Используется макет, созданный в Figma, где показаны все ключевые элементы дизайна, такие как шрифты, цвета, отступы и размеры элементов. Проект обучает работе с макетом и переводом его в HTML/CSS код.

**Оптимизация изображений:** Картинки берутся из макета в Figma, и важно оптимизировать их для ускорения загрузки сайта. Для этого используется сервис [TinyPNG](https://tinypng.com/), который сжимает изображения без потери качества.

## Технологии

### Проект выполнен с использованием следующих технологий:

**HTML5 и CSS3:** Структура страницы создается с использованием HTML5, а стили — с помощью CSS3.


**Flexbox и Grid Layout:** Эти технологии позволяют создать гибкий и адаптивный дизайн, который хорошо масштабируется на различных устройствах.


**Figma:** [Макет проекта](https://www.figma.com/file/5S2WSbEFL6awjVWJ0NWL8Q/Sprint-3_-Russia-_-desktop-mobile?node-id=28503%3A0) сделан в Figma, и отработка навыков работы с дизайном в Figma является важной частью проекта.

### Ключевые разделы

**Интро:** Краткое введение о красоте российских путешествий.


**Галерея изображений:** Примеры красивых пейзажей и достопримечательностей России.


**Информация о местах:** Подробные описания регионов и мест, которые стоит посетить.

## Результаты

В ходе работы над проектом разработчик изучает основы адаптивной верстки, учится работать с макетами в Figma и получает опыт оптимизации изображений. Этот проект является отличным практическим примером для тех, кто хочет развить навыки создания адаптивных и визуально привлекательных веб-страниц.