Skip to content

Travelgram template. Верстка Яндекс БЭМ, SCSS, Flexbox, Grid, Gulp, JS, ООП. Полная резина (не адаптив).

Notifications You must be signed in to change notification settings

dtr200/travelgram

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

13 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Шаблон Travelgram

Реализация PSD шаблона Travelgram от Navin Chandra Gupta. Версия полностью резиновая, кроме:

  • svg
  • кнопка 'Subscribe' в header
  • поиск в header
  • точки галереи
  • пагинация

Это оставил под адаптив, но руки не дошли. Картинки для галереи выбраны случайно.

Применялась методика Яндекс БЭМ. Стили писались на Scss с использованием Flex и Grid. Блоки расположены в app/scss/blocks. Javascript состоит из:

  • Button.js - кнопка "Вверх"
  • Gallery.js - основная галерея на первом экране. Смена картинки по клику + перестановка точки
  • Pagination.js - блок пагинации: смена страницы пагинации и ее выделение
  • main.js - создание объектов на основе вышеобозначенных классов и передача данных

About

Travelgram template. Верстка Яндекс БЭМ, SCSS, Flexbox, Grid, Gulp, JS, ООП. Полная резина (не адаптив).

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published