Folio

shadows.css

/* Меню */
box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.1);

/* Картинка в первой секции */
box-shadow: 0px 2px 10px 0px rgba(0,0,0,0.1);

/* Картинки во второй секции */
box-shadow: 0px 10px 10px 0px rgba(0,0,0,0.1);

/* Кнопка */
box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.5);

/* По бокам всего сайта при разрешении больше 1440px */
box-shadow: 0px 2px 10px 0px rgba(0,0,0,0.1);

texts.html

Title: Folio — своё портфолио своими руками
Description: Шаблон сайта-портфолио, разработанный командой Hæd Exchange для обучения основам веб-вёрстки в рамках образовательного проекта Hack Exchange.
Share Link: http://folio.hack.exchange

Своё портфолио своими руками.
Шаблон сайта-портфолио, разработанный командой Hæd Exchange для обучения основам веб-вёрстки в рамках образовательного проекта Hack Exchange.

Всё необходимое в одном шаблоне.
Шаблон состоит из типовых страниц: о себе, портфолио работ, контакты. Кастомизация и дополнения остаются за вами.

Адаптирован под все экраны.
Шаблон хорошо смотрится на компьютерах, планшетах и смартфонах. Не достаёт только версий для телевизора и часов.

Возможность самостоятельного и курируемого обучения.
Вы можете обучаться самостоятельно по исходному коду проекта, выложенному на GitHub, или записаться на курс “Основы веб-вёрстки с Захаром Днём” на Hack Exchange.

Курс на Hack Exchange
Исходный код на GitHub
Пожалуйста, поделитесь знаниями с друзьями

typography.css

/* Folio Typography */

/* Lagre */

h2 {
  font-family: 'PT Sans Caption', sans-serif;
  font-weight: bold;
  font-size: 44px;
  line-height: 56px;
}

p {
  font-family: 'PT Sans', sans-serif;
  font-size: 21px;
  line-height: 36px;
}

/* Small */

h2 {
  font-family: 'PT Sans Caption', sans-serif;
  font-weight: bold;
  font-size: 30px;
  line-height: 39px;
}

p {
  font-family: 'PT Sans', sans-serif;
  font-size: 16px;
  line-height: 26px;
}