@@include("../parts/head.html") @@include("../parts/header.html")
@@include("../parts/navbar.html")

Блок "Top panel"

Описание

Блок "Top panel" - это вверхняя панель страницы, которая содержит логотип и навигацию сайта. Для использования блока требуется подключить следующие LESS файлы.

						
@import "../../blocks/top-panel/top-panel.less";
@import "../../blocks/top-panel/modifiers/top-panel__logo-label/top-panel__logo-label.less";
@import "../../blocks/top-panel/modifiers/top-panel_black/top-panel_black.less";
@import "../../blocks/link/link.less";
@import "../../blocks/link/modifiers/link_animated-slide/link_animated-slide.less";
@import "../../blocks/link/modifiers/link_animated-slide/modifiers/white/white.less";
						
					

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

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

											
@@include("../../../blocks/top-panel/modifiers/top-panel_black/top-panel_black-source.html")
					
				

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

@@include("../../../blocks/top-panel/modifiers/top-panel_black/top-panel_black.html")

Модификации

Синий фон

Блок "Top panel" - это вверхняя панель страницы, которая содержит логотип и навигацию сайта. Для использования блока требуется подключить следующие LESS файлы.

						
@import "../../blocks/top-panel/top-panel.less";
@import "../../blocks/top-panel/modifiers/top-panel__logo-description/top-panel__logo-description.less";
@import "../../blocks/top-panel/modifiers/top-panel_black/top-panel_blue.less";
@import "../../blocks/link/link.less";
@import "../../blocks/link/modifiers/link_animated-slide/link_animated-slide.less";
@import "../../blocks/link/modifiers/link_animated-slide/modifiers/white/white.less";
						
					

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

Cкопируйте следующий HTML и вставьте в свой файл.

											
@@include("../../../blocks/top-panel/modifiers/top-panel_blue/top-panel_blue-source.html")						  
					

Вы должны увидеть следующий результат.

@@include("../../../blocks/top-panel/modifiers/top-panel_blue/top-panel_blue.html")

Описание проекта под логотипом

Блок "Top panel" - это вверхняя панель страницы, которая содержит логотип и навигацию сайта. Для использования блока требуется подключить следующие LESS файлы.

						
@import "../../blocks/top-panel/top-panel.less";
@import "../../blocks/top-panel/modifiers/top-panel__logo-description/top-panel__logo-description.less";
@import "../../blocks/top-panel/modifiers/top-panel_black/top-panel_black.less";
@import "../../blocks/link/link.less";
@import "../../blocks/link/modifiers/link_animated-slide/link_animated-slide.less";
@import "../../blocks/link/modifiers/link_animated-slide/modifiers/white/white.less";
						
					

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

Cкопируйте следующий HTML и вставьте в свой файл.

											
@@include("../../../blocks/top-panel/modifiers/top-panel__logo-description/top-panel__logo-description-source.html")
						  
					

Вы должны увидеть следующий результат.

@@include("../../../blocks/top-panel/modifiers/top-panel__logo-description/top-panel__logo-description.html")
@@include("../parts/scripts.html")