Блок "Welcome"

Описание

Блок "Welcome" - это полноэкранный блок с приветствием. Для использования блока требуется подключить следующие LESS файлы.

						
@import "../../blocks/link/link.less" 
@import "../../blocks/welcome/welcome.less" 
						
					

Важно! Путь указан относительно текущего файла. Вполне возможно, что вам потребуется указать свой.

Далее требуется скопировать следующую разметку и вставить в свой файл.

											
<div class="welcome">
 <div class="welcome__layout">
  <h1 class="welcome__title">
   <span class="welcome__name">I'am Stas Melnikov</span>
   <span class="welcome__label">Front-end developer from Russia</span>
  </h1>
  <div class="welcome__footer">
   <a href="#0" class="link welcome__link">download plugin</a>
  </div>
 </div>
</div>
						
					

После сделанных шагов вы должны увидеть в браузере следующий блок.

I'am Stas Melnikov Front-end developer from Russia

Важно! Для демонстрации блока я строго задал ширину в 100% и высоту в 300 пикселей. В реальных условиях этот блок тянется на весь экран устройства.