sibusky/russian-travel

Путешествия по России. Одностраничный сайт на HTML CSS с адаптивной вёрсткой

Traveling across Russia

Project work after first three sprints in the course “Web-developer” from Yandex.Practicum

This is a single page site containing information about unique places of Russia which should be visited by everyone. Our country has a huge territory that includes many natural landmarks. You don’t have to go abroad to see something astonishing.
Apart from descriptions and photos of places you can find links to other resources to get more information.
After learning some JS I’ve added a switch language function. Check it out on the top right page corner.

Project work is realized using HTML, CSS and JavaScript. Specifically I use such topics as:

• flexbox layout,
• grid layout,
• element positioning,
• BEM (file structure, naming, using mixes),
• Git,
• GitHub,
• hover animation,
• fonts import,
• adaptive layout,
• JavaScript basics,
• work with a design project made by Yandex using Figma (link).

GitHub Pages link:

https://sibusky.github.io/russian-travel/index.html

Путешествия по России

Проектная работа по итогам первых трёх спринтов в Яндекс.Практикуме в курсе "Веб-разработчик".

Проект представляет собой одностраничный сайт с уникальными местами в России, которые стоит посетить каждому. Наша страна обладает огромной территорией, потому в ней множество природных достопримечательностей. Не выезжая за границу, можно найти даже для самого искушённого путешественника что-то интересное.
Помимо описания и фотографий достопримечательных мест в проекте есть ссылки на ресурсы, где можно ознакомиться с дополнительной информацией.
После изучения основ JS, я улучшил работу, добавив возможность переключения языка на этом сайте.

Проект реализован на HTML и CSS без использования JavaScript. В работе были использована информация темам:

• флексбокс-вёрстка,
• Grid Layouts,
• позиционирование элементов,
• БЭМ (файловая структура, правильное наименование, миксование),
• Git,
• GitHub,
• анимация при наведении курсора,
• добавление шрифтов,
• адаптивная и "резиновая" вёрстка сайтов,
• JavaScript основы,
• Работа с макетом, свёрстанным в редакторе Figma (ссылка на проект).

Ссылка на GitHub Pages:

https://sibusky.github.io/russian-travel/index.html