Сайт приложения Pink

Описание

Сайт приложения Pink позволяет взглянуть на мир новыми красками. Используя его вы получите новые впечатления от привычных мест, которые вам знакомы.

Задача

Сверстать сайт состоящий из 3 страниц. Главная — это основная посадочная страница в которой несложные блоки а также таблица и карта. Страница с фотографиями пользователей где находиться полноэкранный баннер, посты пользователей и редактор фотографий (не было задачи реализовывать функционал). И последняя страница под название «Конкурс на самое безбашенное путешествие с Пинк» это страница с формой из 8 полей где есть поля ввода, checkbox и радио кнопки.

Сайт должен красиво смотреться на Мобильном телефоне, планшете и ПК. Корректно работать в Safari, Google Chrome и Firefox.

Комментарий

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

Использования data атрибута

Технологии и принципы

HTML5, CSS3, LESS, JS, Mobile First, GULP, NPM, Retina, WebP, Figma, DRY, Pixel Perfect

Пример работы сайта на ПК и Мобильном телефоне

GitHub проекта https://github.com/kalaganov5/465875-pink-21

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *

Похожие посты