Skip to content

Проект: «Путешествия по России». Фронтенд проект «Путешествия по России» — это одностраничный сайт с адаптивной вёрсткой для разных устройств. Stack: HTML5, CSS3, БЭМ, Flexbox, Grid Layout, Figma.

Notifications You must be signed in to change notification settings

Denis-Deonis/russian-travel

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

71 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Проектная работа: "Путешествие по России".
Реализована в рамках учебной и практической работы на платформе Яндекс.Практикум в факультете "Веб-разработчик"

Демо сайта

анимация - демо сайта Путешествие по России

Описание

Путешествие по России - это типовой однастраничный сайт про российский внутренний туризм, который корректно отображается и на компьютере, и на телефоне. В проектной работе была применена работа с макетом в Figma, построение сложных сеток, разширенные возможности HTML и CSS. Является реализация адаптивной вёрстки посредством Flexbox, Grid Layout и Media queries. При вёрстке использован подход Desktop First.

Скриншот

Развернуть

russian-travel

Ссылка на сайт

Проектная работа на сайте GitHub Pages

Функционал

  • Адаптивный интерфейс для разных устройств
  • User eXperience (UX)
  • Трансформация элементов страницы посредством CSS3
  • Сложная сетка в разделе photo-grid и places
  • Медиазапросы
  • Использование относительных величин при указании размеров блоков и элементов
  • Grid Layout
  • Flexbox

Технологии

  • HTML5 и CSS3
  • Flexbox
  • Positioning Elements
  • Transform using CSS
  • BEM Methodology
  • Debagging in the layout
  • File Structure Nested BEM
  • Media queries
  • Adaptive UI;
  • Grid Layout;

Система управления версиями

  • Git
  • GitHub

Инструменты

  • Slack
  • Visual Studio Code
  • Sublime Text
  • Figma

Инструкция по установке

git clone https://github.com/Denis-Deonis/russian-travel

Макет Проектной работы в Figma

About

Проект: «Путешествия по России». Фронтенд проект «Путешествия по России» — это одностраничный сайт с адаптивной вёрсткой для разных устройств. Stack: HTML5, CSS3, БЭМ, Flexbox, Grid Layout, Figma.

Topics

Resources

Stars

Watchers

Forks