Видео: https://youtu.be/1_ApByBEr14

PSD макет:

https://github.com/Drupalbook/bootstrap/raw/master/blueasy-freebie.zip

Исходный код:

https://github.com/Drupalbook/bootstrap

Open Sans шрифт:

https://fonts.google.com/specimen/Open+Sans?selection.family=Open+Sans:300,400,700&selection.subset=cyrillic

Для настройки xdebug используйте эту статью:
http://drupalbook.ru/drupal/nastroyka-xdebug-v-open-server-dlya-phpstorm

В результате у нас в конце урока будет шапка сайта.

Десктоп:

Мобильная версия: