extend layout/main-page

block head
	title Блоки
	script(src="https://api-maps.yandex.ru/2.1/?lang=ru_RU" type="text/javascript")


block stylesheets
	link(rel="stylesheet", href="css/tech.css")

block scripts
	script(src="js/tech.js?" + timestamp type="text/javascript")

block inner-content
	h1.center Блоки оптимы

	.block-holder(data-width=320)
		.content-center
			.block-holder__caption Маленькая форма на странице акции (.form-standart) [form-standart_offer] || form.result.new/.default

		.block-holder__main
			.content-center
				.block-holder__scale
					input.block-holder__scale-input(type="text")

				.block-holder__container
					+form-standart_offer

	.block-holder(data-width=960)
		.content-center
			.block-holder__caption Слайдер с логотипами (.logo-slider) || bitrix:news.list/logo-slider

		.block-holder__main
			.content-center
				.block-holder__scale
					input.block-holder__scale-input(type="text")

				.block-holder__container
					+logo-slider(10)(data-items-per-slide=5)

	.block-holder(data-width=960)
		.content-center
			.block-holder__caption Контакты с табами (.contacts-tabs) || webprofy:contacts.detail/tabs

		.block-holder__main
			.content-center
				.block-holder__scale
					input.block-holder__scale-input(type="text")

				.block-holder__container
					+contacts-tabs

	.block-holder(data-width=960)
		.content-center
			.block-holder__caption Слайдер с логотипами (когда логотипов мало) (.logo-slider) || bitrix:news.list/logo-slider

		.block-holder__main
			.content-center
				.block-holder__scale
					input.block-holder__scale-input(type="text")

				.block-holder__container
					+logo-slider(4)(data-items-per-slide=7)

	.block-holder(data-width=960)
		.content-center
			.block-holder__caption Письмо (.email)

		.block-holder__main
			.content-center
				.block-holder__scale
					input.block-holder__scale-input(type="text")

				.block-holder__container
					+email()

	.block-holder(data-width=960)
		.content-center
			.block-holder__caption Карточка товара с юнитами (.product-detail || bitrix:catalog.element/tabs_units)

		.block-holder__main
			.content-center
				.block-holder__scale
					input.block-holder__scale-input(type="text")

				.block-holder__container
					+product-detail_units()

	.block-holder(data-width=960)
		.content-center
			.block-holder__caption Карточка товара доп свойства (.product-detail || bitrix:catalog.element/more_props)

		.block-holder__main
			.content-center
				.block-holder__scale
					input.block-holder__scale-input(type="text")

				.block-holder__container
					+product-detail_more_props()

	.block-holder(data-width=750)
		.content-center
			.block-holder__caption Горизонтальный  фильтр с выпадашками (.smart-filter-dropdown || bitrix:catalog.smart.filter/horizontal-dropdowns)

		.block-holder__main
			.content-center
				.block-holder__scale
					input.block-holder__scale-input(type="text")

				.block-holder__container
					+smart-filter-dropdown

	.block-holder(data-width=960)
		.content-center
			.block-holder__caption Горизонтальный  фильтр с выпадашками (.smart-filter-horizontal || bitrix:catalog.smart.filter/horizontal)

		.block-holder__main
			.content-center
				.block-holder__scale
					input.block-holder__scale-input(type="text")

				.block-holder__container
					+smart-filter-horizontal

	.block-holder(data-width=750)
		.content-center
			.block-holder__caption Отзывы о товаре (.catalog-reviews || webprofy:catalog.reviews/.default)

		.block-holder__main
			.content-center
				.block-holder__scale
					input.block-holder__scale-input(type="text")

				.block-holder__container
					+catalog-reviews

	.block-holder(data-width=750)
		.content-center
			.block-holder__caption Форма обратной связи (.catalog-reviews || bitrix:form.result.new/review)

		.block-holder__main
			.content-center
				.block-holder__scale
					input.block-holder__scale-input(type="text")

				.block-holder__container
					+form-standart_yet-another-feedback.is-e3

	.block-holder(data-width=750)
		.content-center
			.block-holder__caption Форма обратной связи (.form-standart || bitrix:form.result.new/review)

		.block-holder__main
			.content-center
				.block-holder__scale
					input.block-holder__scale-input(type="text")

				.block-holder__container
					+form-standart_another-feedback.is-e3

	.block-holder(data-width=750)
		.content-center
			.block-holder__caption Стандартная форма в линию (.form-standart || bitrix:form.result.new/oneliner)

		.block-holder__main
			.content-center
				.block-holder__scale
					input.block-holder__scale-input(type="text")

				.block-holder__container
					+form-standart_oneliner.is-flat

	.block-holder(data-width=750)
		.content-center
			.block-holder__caption Подтверждение смены пароля (.form-standart  || bitrix:form.result.new/review)

		.block-holder__main
			.content-center
				.block-holder__scale
					input.block-holder__scale-input(type="text")

				.block-holder__container
					+form-standart_changepasswd

	.block-holder(data-width=730)
		.content-center
			.block-holder__caption Список дилеров (.dealers-list || webprofy:contacts.list/.default)
		.block-holder__main
			.content-center
				.block-holder__scale
					input.block-holder__scale-input(type="text")
				.block-holder__container
					+dealers-list.is-flexible

	.block-holder(data-width=730)
		.content-center
			.block-holder__caption Кнопки иконками (.buttons-icon )
		.block-holder__main
			.content-center
				.block-holder__scale
					input.block-holder__scale-input(type="text")
				.block-holder__container
					+buttons-icon

	.block-holder(data-width=1100)
		.content-center
			.block-holder__caption Список банеров плиткой (.promo-tiles || bitrix:news.list/promo-tiles)
		.block-holder__main
			.content-center
				.block-holder__scale
					input.block-holder__scale-input(type="text")
				.block-holder__container
					+promo-tiles.is-flexible

	.block-holder(data-width=1100)
		.content-center
			.block-holder__caption Карта сайта (.sitemap || bitrix:main.map/.default)
		.block-holder__main
			.content-center
				.block-holder__scale
					input.block-holder__scale-input(type="text")
				.block-holder__container
					+sitemap.is-flexible

	.block-holder(data-width=1100)
		.content-center
			.block-holder__caption Сравнение товаров (.compare-result || bitrix:catalog.compare.result/.default)
		.block-holder__main
			.content-center
				.block-holder__container
					+compare-result

	.block-holder(data-width=1100)
		.content-center
			.block-holder__caption Карта (.ymap || webprofy:contacts.list/map)
		.block-holder__main
			.content-center
				.block-holder__container(style="height:300px;")
					+ymap

	.block-holder(data-width=1100)
		.content-center
			.block-holder__caption Карта 2 (.ymap_many || webprofy:contacts.list/map)
		.block-holder__main
			.content-center
				.block-holder__container(style="height:300px;")
					+ymap_many

	.block-holder(data-width=960)
		.content-center
			.block-holder__caption Региональный телефон (.regional-phone || webprofy:regional.phone/.default)
		.block-holder__main
			.content-center
				.block-holder__scale
					input.block-holder__scale-input(type="text")
				.block-holder__container
					div
						+regional-phone.is-flexible
					div
						+regional-phone-link.is-flexible

	.block-holder(data-width=960)
		.content-center
			.block-holder__caption Голосование (.vote-stars || bitrix:iblock.vote/stars)
		.block-holder__main
			.content-center
				.block-holder__scale
					input.block-holder__scale-input(type="text")
				.block-holder__container
					+vote-stars


	.block-holder(data-width=960)
		.content-center
			.block-holder__caption Карточка адреса (.address-detail || webprofy:contacts.detail/.default)
		.block-holder__main
			.content-center
				.block-holder__scale
					input.block-holder__scale-input(type="text")
				.block-holder__container
					+address-detail.is-i-state.is-flexible

	.block-holder(data-width=960)
		.content-center
			.block-holder__caption Нижнее меню (.menu-footer || bitrix:menu/footer)
		.block-holder__main
			.content-center
				.block-holder__scale
					input.block-holder__scale-input(type="text")
				.block-holder__container
					.menu-footer__holder(style="padding: 10px; background-color: #000;")
						+menu-footer

	.block-holder(data-width=320)
		.content-center
			.block-holder__caption Боковое меню | И (.menu-aside || bitrix:menu/aside)
		.block-holder__main
			.content-center
				.block-holder__scale
					input.block-holder__scale-input(type="text")
				.block-holder__container
					+menu-aside_i.is-i-state.is-flexible

	.block-holder(data-width=320)
		.content-center
			.block-holder__caption Боковое меню | Z (.menu-aside || bitrix:menu/aside)
		.block-holder__main
			.content-center
				.block-holder__scale
					input.block-holder__scale-input(type="text")
				.block-holder__container
					+menu-aside.is-z-state.is-flexible

	.block-holder(data-width=320)
		.content-center
			.block-holder__caption Боковое меню | X (.menu-aside || bitrix:menu/aside)
		.block-holder__main
			.content-center
				.block-holder__scale
					input.block-holder__scale-input(type="text")
				.block-holder__container
					+menu-aside.is-flexible

	.block-holder(data-width=1100)
		.content-center
			.block-holder__caption Поиск списком - форма (.search-b2b || webprofy:search.b2b.form/.default)
		.block-holder__main
			.content-center
				.block-holder__scale
					input.block-holder__scale-input(type="text")
				.block-holder__container
					+search-b2b.is-flexible

	.block-holder(data-width=1100)
		.content-center
			.block-holder__caption Поиск списком - результаты (.search-b2b-results || webprofy:search.b2b.results/.default)
		.block-holder__main
			.content-center
				.block-holder__scale
					input.block-holder__scale-input(type="text")
				.block-holder__container
					+search-b2b-results.is-flexible

	.block-holder(data-width=1100)
		.content-center
			.block-holder__caption Контакты список плиткой (.contacts-list || webprofy:contacts.list/tiles)

		.block-holder__main
			.content-center
				.block-holder__scale
					input.block-holder__scale-input(type="text")

				.block-holder__container
					+contacts-list.is-flexible

	.block-holder(data-width=1100)
		.content-center
			.block-holder__caption Список статей (.articles-list || bitrix:news.list/articles)

		.block-holder__main
			.content-center
				.block-holder__scale
					input.block-holder__scale-input(type="text")

				.block-holder__container
					+articles-list.is-flexible

	.block-holder(data-width=1100)
		.content-center
			.block-holder__caption Страница авторизации (.auth-block || bitrix:system.auth.authorize/.default)

		.block-holder__main
			.content-center
				.block-holder__scale
					input.block-holder__scale-input(type="text")

				.block-holder__container
					+auth-block.is-flexible

	.block-holder(data-width=320)
		.content-center
			.block-holder__caption Форма авторизации (.auth-form || bitrix:system.auth.form/pupop)

		.block-holder__main
			.content-center
				.block-holder__scale
					input.block-holder__scale-input(type="text")

				.block-holder__container
					+auth-form.is-flexible

	.block-holder(data-width=960)
		.content-center
			.block-holder__caption Ссылка на авторизацию (.auth-link || webprofy:auth.link/.default)

		.block-holder__main
			.content-center
				.block-holder__scale
					input.block-holder__scale-input(type="text")

				.block-holder__container
					p
						+auth-link_login.is-flexible
					p
						+auth-link_user.is-flexible

	.block-holder(data-width=960)
		.content-center
			.block-holder__caption Выбор города через popup (.regional-selector || webprofy:regional.selector/.default)

		.block-holder__main
			.content-center
				.block-holder__scale
					input.block-holder__scale-input(type="text")

				.block-holder__container
						+regional

	.block-holder(data-width=1100)
		.content-center
			.block-holder__caption Список брендов (.brands-list || bitrix:news.list/brands)

		.block-holder__main
			.content-center
				.block-holder__scale
					input.block-holder__scale-input(type="text")

				.block-holder__container
					+brands-list.is-flexible

	.block-holder(data-width=1100)
		.content-center
			.block-holder__caption Хлебные крошки (.breadcrumbs || bitrix:breadcrumb/.default)

		.block-holder__main
			.content-center
				.block-holder__scale
					input.block-holder__scale-input(type="text")

				.block-holder__container
					+breadcrumbs.is-flexible

	.block-holder(data-width=1100)
		.content-center
			.block-holder__caption Корзина пустая (.cart-items-empty || bitrix:sale.basket.basket/.default)

		.block-holder__main
			.content-center
				.block-holder__scale
					input.block-holder__scale-input(type="text")

				.block-holder__container
					+cart-items-empty.is-flexible

	.block-holder(data-width=1100)
		.content-center
			.block-holder__caption Список товаров в корзине (.cart-items || bitrix:sale.basket.basket/.default)

		.block-holder__main
			.content-center
				.block-holder__scale
					input.block-holder__scale-input(type="text")

				.block-holder__container
					+cart-items.is-flexible

	.block-holder(data-width=1100)
		.content-center
			.block-holder__caption Список товаров в корзине (.cart-items2 || bitrix:sale.basket.basket/attach-file)

		.block-holder__main
			.content-center
				.block-holder__scale
					input.block-holder__scale-input(type="text")

				.block-holder__container
					+cart-items2.is-flexible

	.block-holder(data-width=570)
		.content-center
			.block-holder__caption Превью корзины в хедере (.cart-line || bitrix:sale.basket.basket.line/.default)

		.block-holder__main
			.content-center
				.block-holder__scale
					input.block-holder__scale-input(type="text")

				.block-holder__container(style="margin-left:auto;")
					+cart-line.is-flexible

	.block-holder(data-width=570)
		.content-center
			.block-holder__caption Добавление товара в корзину (.cart-modal || bitrix:catalog.element/add_to_cart_popup)

		.block-holder__main
			.content-center
				.block-holder__scale
					input.block-holder__scale-input(type="text")

				.block-holder__container
					+cart-modal.is-flexible

	//.block-holder(data-width=1100)
		.content-center
			.block-holder__caption Плитка каталога товаров (.catalog-items || webprofy:proxy.catalog.list/tiles)

		.block-holder__main
			.content-center
				.block-holder__scale
					input.block-holder__scale-input(type="text")

				.block-holder__container
					+catalog-items.is-flexible

	.content-center
		.block-holder__caption Плитка каталога товаров (.catalog-items || webprofy:proxy.catalog.list/tiles)
		+catalog-items

	.block-holder(data-width=1100)
		.content-center
			.block-holder__caption Список товаров (расширенный) (.catalog-largelist || bitrix:catalog.section/largelist)

		.block-holder__main
			.content-center
				.block-holder__scale
					input.block-holder__scale-input(type="text")

				.block-holder__container
					+catalog-largelist.is-flexible

	.block-holder(data-width=1100)
		.content-center
			.block-holder__caption Панель сортировки товаров (.catalog-sorter || webprofy:catalog.sorter/.default)
		.block-holder__main
			.content-center
				.block-holder__scale-input(type="text")
					input.block-holder__scale-input(type="text")

				.block-holder__containergit
					+catalog-sorter.is-flexible

	.block-holder(data-width=1100)
		.content-center
			.block-holder__caption Список товаров (простой) (.catalog-list || bitrix:catalog.section/list)

		.block-holder__main
			.content-center
				.block-holder__scale
					input.block-holder__scale-input(type="text")

				.block-holder__container
					+catalog-list.is-flexible

	.block-holder(data-width=760)
		.content-center
			.block-holder__caption Список подразделов каталога (.catalog-subsections || bitrix:catalog.section.list/subsections)

		.block-holder__main
			.content-center
				.block-holder__scale
					input.block-holder__scale-input(type="text")

				.block-holder__container
					+catalog-subsections.is-flexible

	.block-holder(data-width=760)
		.content-center
			.block-holder__caption Таблица товаров каталога (.catalog-table || bitrix:catalog.section/table)

		.block-holder__main
			.content-center
				.block-holder__scale
					input.block-holder__scale-input(type="text")

				.block-holder__container
					+catalog-table.is-flexible

	.block-holder(data-width=910)
		.content-center
			.block-holder__caption Дерево разделов каталога (.catalog-tree || bitrix:catalog.section.list/horizontal_tree)

		.block-holder__main
			.content-center
				.block-holder__scale
					input.block-holder__scale-input(type="text")

				.block-holder__container
					+catalog-tree.is-flexible

	.block-holder(data-width=910)
		.content-center
			.block-holder__caption Плитка сертификатов (.cert-list || bitrix:news.list/sertificates)

		.block-holder__main
			.content-center
				.block-holder__scale
					input.block-holder__scale-input(type="text")

				.block-holder__container
					+cert-list.is-flexible

	.block-holder(data-width=910)
		.content-center
			.block-holder__caption Плитка Партнеры (.clients-list || bitrix:news.list/clients)

		.block-holder__main
			.content-center
				.block-holder__scale
					input.block-holder__scale-input(type="text")

				.block-holder__container
					+clients-list.is-flexible

	.block-holder(data-width=910)
		.content-center
			.block-holder__caption Страница контактов (.company-contacts || bitrix:news.detail/contacts)

		.block-holder__main
			.content-center
				.block-holder__scale
					input.block-holder__scale-input(type="text")

				.block-holder__container
					+company-contacts.is-flexible

	.block-holder(data-width=910)
		.content-center
			.block-holder__caption Ссылка сравнения товаров (.compare-link || bitrix:catalog.compare.list/header)

		.block-holder__main
			.content-center
				.block-holder__scale
					input.block-holder__scale-input(type="text")

				.block-holder__container
					+compare-link.is-flexible

	.block-holder(data-width=980)
		.content-center
			.block-holder__caption Ссылка сравнения товаров (.edit-personal || bitrix:main.profile/.default)

		.block-holder__main
			.content-center
				.block-holder__scale
					input.block-holder__scale-input(type="text")

				.block-holder__container
					+edit-personal.is-flexible

	.block-holder(data-width=910)
		.content-center
			.block-holder__caption Стена отзывов (.feedback-wall || bitrix:news.list/reviews)

		.block-holder__main
			.content-center
				.block-holder__scale
					input.block-holder__scale-input(type="text")

				.block-holder__container
					+feedback-wall.is-flexible

	.block-holder(data-width=1100)
		.content-center
			.block-holder__caption Список отзывов (.reviews-list)

		.block-holder__main
			.content-center
				.block-holder__scale
					input.block-holder__scale-input(type="text")

				.block-holder__container
					+reviews-list.is-flexible

	.block-holder(data-width=1100)
		.content-center
			.block-holder__caption Список отзывов (баллуны) (.reviews-list)

		.block-holder__main
			.content-center
				.block-holder__scale
					input.block-holder__scale-input(type="text")

				.block-holder__container
					+reviews-list.is-balloons.is-flexible


	.block-holder(data-width=910)
		.content-center
			.block-holder__caption Форма обратной связи (.form-standart [form-standart_feedback] || bitrix:form.result.new/feedback)

		.block-holder__main
			.content-center
				.block-holder__scale
					input.block-holder__scale-input(type="text")

				.block-holder__container
					+form-standart_feedback.is-flexible

	.block-holder(data-width=910)
		.content-center
			.block-holder__caption Форма "Задать свой вопрос" (.form-standart [form-standart_faq] || bitrix:form.result.new/question и iblock.element.add.form/add_question)

		.block-holder__main
			.content-center
				.block-holder__scale
					input.block-holder__scale-input(type="text")

				.block-holder__container
					+form-standart_faq.is-flexible

	.block-holder(data-width=910)
		.content-center
			.block-holder__caption Форма управления подпиской (.subscribe-form [form-standart_subscribe] || bitrix:subscribe.form/webprofy)

		.block-holder__main
			.content-center
				.block-holder__scale
					input.block-holder__scale-input(type="text")

				.block-holder__container
					+subscribe-edit.is-flexible

	.block-holder(data-width=910)
		.content-center
			.block-holder__caption Форма заказа бесплатного звонка (.form-standart [form-standart_callback-line] || bitrix:form.result.new/oneliner)

		.block-holder__main
			.content-center
				.block-holder__scale
					input.block-holder__scale-input(type="text")

				.block-holder__container
					+form-standart_callback-line.is-flexible

	.block-holder(data-width=910)
		.content-center
			.block-holder__caption Попап авторизации (.form-standart_auth-modal [form-standart_auth-modal] || bitrix:system.auth.authorize/.default)

		.block-holder__main
			.content-center
				.block-holder__scale
					input.block-holder__scale-input(type="text")

				.block-holder__container
					+form-standart_auth-modal.is-flexible

	.block-holder(data-width=480)
		.content-center
			.block-holder__caption Попап регистрации (.registration-form || bitrix:system.auth.registration/pupop)

		.block-holder__main
			.content-center
				.block-holder__scale
					input.block-holder__scale-input(type="text")

				.block-holder__container
					+registration-form_modal.is-flexible

	.block-holder(data-width=480)
		.content-center
			.block-holder__caption Попап регистрации (после соц. сети) (.registration-form || bitrix:system.auth.registration/pupop)

		.block-holder__main
			.content-center
				.block-holder__scale
					input.block-holder__scale-input(type="text")

				.block-holder__container
					+registration-form_email-request.is-flexible

	.block-holder(data-width=480)
		.content-center
			.block-holder__caption Попап восстановления пароля (.forgotpasswd-form || bitrix:system.auth.forgotpasswd/pupop)

		.block-holder__main
			.content-center
				.block-holder__scale
					input.block-holder__scale-input(type="text")

				.block-holder__container
					+forgotpasswd-form.is-flexible

	.block-holder(data-width=910)
		.content-center
			.block-holder__caption Горизонтальное меню || X (.menu-top || bitrix:menu/top)

		.block-holder__main
			.content-center
				.block-holder__scale
					input.block-holder__scale-input(type="text")

				.block-holder__container
					+menu-top_example.is-flexible

	.block-holder(data-width=910)
		.content-center
			.block-holder__caption Горизонтальное меню || Z (.menu-top || bitrix:menu/top)

		.block-holder__main
			.content-center
				.block-holder__scale
					input.block-holder__scale-input(type="text")

				.block-holder__container
					+menu-top_example.is-z-state.is-flexible

	.block-holder(data-width=910)
		.content-center
			.block-holder__caption Горизонтальное меню || И (.menu-top || bitrix:menu/top)

		.block-holder__main
			.content-center
				.block-holder__scale
					input.block-holder__scale-input(type="text")

				.block-holder__container
					+menu-top_i-state.is-i-state.is-flexible

	.block-holder(data-width=320)
		.content-center
			.block-holder__caption Вертикальный выпадающий вбок список разделов каталога || X (.catalog-aside || bitrix:catalog.section.list/aside)

		.block-holder__main
			.content-center
				.block-holder__scale
					input.block-holder__scale-input(type="text")

				.block-holder__container
					+catalog-aside_example.is-flexible.is-x-state

	.block-holder(data-width=320)
		.content-center
			.block-holder__caption Вертикальный выпадающий вбок список разделов каталога || Z (.catalog-aside || bitrix:catalog.section.list/aside)

		.block-holder__main
			.content-center
				.block-holder__scale
					input.block-holder__scale-input(type="text")

				.block-holder__container
					+catalog-aside_example.is-z-state.is-flexible

	.block-holder(data-width=320)
		.content-center
			.block-holder__caption Вертикальный выпадающий вбок список разделов каталога || И (.catalog-aside || bitrix:catalog.section.list/aside)

		.block-holder__main
			.content-center
				.block-holder__scale
					input.block-holder__scale-input(type="text")

				.block-holder__container
					+catalog-aside_i-state.is-i-state.is-flexible



	.block-holder(data-width=910)
		.content-center
			.block-holder__caption Горизонтальное меню в одну строку  (.menu-bottom || bitrix:menu/bottom)

		.block-holder__main
			.content-center
				.block-holder__scale
					input.block-holder__scale-input(type="text")

				.block-holder__container
					+menu-bottom.is-flexible

	.block-holder(data-width=910)
		.content-center
			.block-holder__caption Вертикальное меню (.menu-tree || bitrix:menu/tree)

		.block-holder__main
			.content-center
				.block-holder__scale
					input.block-holder__scale-input(type="text")

				.block-holder__container
					+menu-tree.is-flexible.is-expandable

	.block-holder(data-width=480)
		.content-center
			.block-holder__caption Календарь новостей (.news-calendar || bitrix:news.calendar/.default)

		.block-holder__main
			.content-center
				.block-holder__scale
					input.block-holder__scale-input(type="text")

				.block-holder__container
					+news-calendar.is-flexible

	.block-holder(data-width=910)
		.content-center
			.block-holder__caption Детальная страница новости (.news-detail || bitrix:news.detail/.default)

		.block-holder__main
			.content-center
				.block-holder__scale
					input.block-holder__scale-input(type="text")

				.block-holder__container
					+news-detail.is-flexible

	.block-holder(data-width=910)
		.content-center
			.block-holder__caption Список новостей (.news-list || bitrix:news.list/.default)

		.block-holder__main
			.content-center
				.block-holder__scale
					input.block-holder__scale-input(type="text")

				.block-holder__container
					+news-list.is-flexible

	.block-holder(data-width=910)
		.content-center
			.block-holder__caption Список новостей (.offer-tiles || bitrix:news.list/offers-tiles)

		.block-holder__main
			.content-center
				.block-holder__scale
					input.block-holder__scale-input(type="text")

				.block-holder__container
					+offer-tiles.is-flexible

	.block-holder(data-width=1010)
		.content-center
			.block-holder__caption Страница информации о заказе (.order-detail || bitrix:sale.personal.order.detail/.default)

		.block-holder__main
			.content-center
				.block-holder__scale
					input.block-holder__scale-input(type="text")

				.block-holder__container
					+order-detail2.is-flexible

	.block-holder(data-width=1010)
		.content-center
			.block-holder__caption Страница завершения заказа (.order-detail || bitrix:sale.personal.order.detail/complete)

		.block-holder__main
			.content-center
				.block-holder__scale
					input.block-holder__scale-input(type="text")

				.block-holder__container
					+order-detail.is-flexible

	.block-holder(data-width=1010)
		.content-center
			.block-holder__caption Страница заказа (.order-detail || bitrix:sale.personal.order/.default)

		.block-holder__main
			.content-center
				.block-holder__scale
					input.block-holder__scale-input(type="text")

				.block-holder__container
					+order-detail2.is-flexible


	.block-holder(data-width=910)
		.content-center
			.block-holder__caption Список заказов (.orders-list || bitrix:sale.personal.order.list/.default)

		.block-holder__main
			.content-center
				.block-holder__scale
					input.block-holder__scale-input(type="text")

				.block-holder__container
					+orders-list.is-flexible

	.block-holder(data-width=910)
		.content-center
			.block-holder__caption Список заказов (.orders-list2 || bitrix:sale.personal.order.list/filter-items-show)

		.block-holder__main
			.content-center
				.block-holder__scale
					input.block-holder__scale-input(type="text")

				.block-holder__container
					+orders-list2.is-flexible

	.block-holder(data-width=910)
		.content-center
			.block-holder__caption Пагинация (.paginator || bitrix:system.pagenavigation/.default)

		.block-holder__main
			.content-center
				.block-holder__scale
					input.block-holder__scale-input(type="text")

				.block-holder__container
					+paginator.is-flexible

	.block-holder(data-width=910)
		.content-center
			.block-holder__caption Персональная информация (.personal-info || bitrix:main.profile/info)

		.block-holder__main
			.content-center
				.block-holder__scale
					input.block-holder__scale-input(type="text")

				.block-holder__container
					+personal-info_page.is-flexible

	.block-holder(data-width=910)
		.content-center
			.block-holder__caption Слайдер фотогаллереи (.photogallery-plates || bitrix:news.list/photogallery-photos)

		.block-holder__main
			.content-center
				.block-holder__scale
					input.block-holder__scale-input(type="text")

				.block-holder__container
					+photogallery-plates.is-flexible

	.block-holder(data-width=910)
		.content-center
			.block-holder__caption Слайдер фотогаллереи (.photogallery-sections || bitrix:catalog.section.list/photogallery_albums)

		.block-holder__main
			.content-center
				.block-holder__scale
					input.block-holder__scale-input(type="text")

				.block-holder__container
					+photogallery-sections.is-flexible

	.block-holder(data-width=910)
		.content-center
			.block-holder__caption Слайдер фотогаллереи (.photogallery-sections-slider || bitrix:catalog.section.list/photogallery_albums_slider)

		.block-holder__main
			.content-center
				.block-holder__scale
					input.block-holder__scale-input(type="text")

				.block-holder__container
					+photogallery-sections-slider.is-flexible

	.block-holder(data-width=910)
		.content-center
			.block-holder__caption Слайдер фотографий с эскизами (.photogallery-with-thumbs || bitrix:news.list/photogallery-with-thumbs)

		.block-holder__main
			.content-center
				.block-holder__scale
					input.block-holder__scale-input(type="text")

				.block-holder__container
					+photogallery-with-thumbs.is-flexible

	.block-holder(data-width=910)
		.content-center
			.block-holder__caption Прайс-лист (.price-list || bitrix:news.list/pricelist)

		.block-holder__main
			.content-center
				.block-holder__scale
					input.block-holder__scale-input(type="text")

				.block-holder__container
					+price-list.is-flexible

	.block-holder(data-width=1050)
		.content-center
			.block-holder__caption Карточка товара с конструктором (.product-constructor || bitrix:catalog.element/constructor)

		.block-holder__main
			.content-center
				.block-holder__scale
					input.block-holder__scale-input(type="text")

				.block-holder__container
					+product-constructor.is-flexible

	.block-holder(data-width=1050)
		.content-center
			.block-holder__caption Карточка товара (.product-detail || bitrix:catalog.element/.default)

		.block-holder__main
			.content-center
				.block-holder__scale
					input.block-holder__scale-input(type="text")

				.block-holder__container
					+product-detail.is-flexible

	.block-holder(data-width=1050)
		.content-center
			.block-holder__caption Карточка товара (.product-detail || bitrix:catalog.element/tabs_offers)

		.block-holder__main
			.content-center
				.block-holder__scale
					input.block-holder__scale-input(type="text")

				.block-holder__container
					+product-detail.is-flexible

	.block-holder(data-width=1050)
		.content-center
			.block-holder__caption Карточка товара (.promo-detail || bitrix:news.detail/offer)

		.block-holder__main
			.content-center
				.block-holder__scale
					input.block-holder__scale-input(type="text")

				.block-holder__container
					+promo-detail.is-flexible

	.block-holder(data-width=1050)
		.content-center
			.block-holder__caption Быстрый просмотр товара (.product-detail-modal || bitrix:catalog.element/modal)

		.block-holder__main
			.content-center
				.block-holder__scale
					input.block-holder__scale-input(type="text")

				.block-holder__container
					+product-detail-modal.is-flexible

	.block-holder(data-width=1050)
		.content-center
			.block-holder__caption Карточка товара (.promo-detail || bitrix:news.detail/offer-promo)

		.block-holder__main
			.content-center
				.block-holder__scale
					input.block-holder__scale-input(type="text")

				.block-holder__container
					+promo-offer.is-flexible

	.block-holder(data-width=1050)
		.content-center
			.block-holder__caption Карточка товара (.promo-slider || bitrix:news.list/promo-slider)

		.block-holder__main
			.content-center
				.block-holder__scale
					input.block-holder__scale-input(type="text")

				.block-holder__container
					+promo-slider.is-flexible

	.block-holder(data-width=1050)
		.content-center
			.block-holder__caption Регистрационная форма (.registration-form || bitrix:system.auth.registration/.default)

		.block-holder__main
			.content-center
				.block-holder__scale
					input.block-holder__scale-input(type="text")

				.block-holder__container
					+registration-form.is-flexible

	.block-holder(data-width=1050)
		.content-center
			.block-holder__caption Список запросов (.requests-item || bitrix:form.result.list.my/requests)

		.block-holder__main
			.content-center
				.block-holder__scale
					input.block-holder__scale-input(type="text")

				.block-holder__container
					+requests-item.is-flexible

	.block-holder(data-width=1050)
		.content-center
			.block-holder__caption Страница поиска (.reviews-balloons || bitrix:news.list/reviews-balloons)

		.block-holder__main
			.content-center
				.block-holder__scale
					input.block-holder__scale-input(type="text")

				.block-holder__container
					+reviews-balloons.is-flexible

	.block-holder(data-width=1050)
		.content-center
			.block-holder__caption Страница поиска (.search-result || bitrix:search.page/.default)

		.block-holder__main
			.content-center
				.block-holder__scale
					input.block-holder__scale-input(type="text")

				.block-holder__container
					+search-result.is-flexible


	.block-holder(data-width=1050)
		.content-center
			.block-holder__caption Страница поиска с товарами (.search-result-tiles || bitrix:search.page/.default)

		.block-holder__main
			.content-center
				.block-holder__scale
					input.block-holder__scale-input(type="text")

				.block-holder__container
					+search-result-tiles.is-flexible



	.block-holder(data-width=600)
		.content-center
			.block-holder__caption Строка поиска (.search-title || bitrix:search.title/header)

		.block-holder__main
			.content-center
				.block-holder__scale
					input.block-holder__scale-input(type="text")

				.block-holder__container
					+search-title.is-flexible

	.block-holder(data-width=600)
		.content-center
			.block-holder__caption Строка поиска (.search-title || bitrix:search.title/header-menu)

		.block-holder__main
			.content-center
				.block-holder__scale
					input.block-holder__scale-input(type="text")

				.block-holder__container
					+search-title.is-flexible

	.block-holder(data-width=600)
		.content-center
			.block-holder__caption Плитка разделов каталога (.section-tiles || bitrix:catalog.section.list/tiles)

		.block-holder__main
			.content-center
				.block-holder__scale
					input.block-holder__scale-input(type="text")

				.block-holder__container
					+section-tiles.is-flexible

	.block-holder(data-width=1010)
		.content-center
			.block-holder__caption Стена разделов каталога (.sections-wall || bitrix:catalog.section.list/wall)

		.block-holder__main
			.content-center
				.block-holder__scale
					input.block-holder__scale-input(type="text")

				.block-holder__container
					+sections-wall.is-flexible

	.block-holder(data-width=320)
		.content-center
			.block-holder__caption Стена разделов каталога (.sidebar-menu || bitrix:catalog.section.list/sidebar)

		.block-holder__main
			.content-center
				.block-holder__scale
					input.block-holder__scale-input(type="text")

				.block-holder__container
					+sidebar-menu.is-flexible

	.block-holder(data-width=320)
		.content-center
			.block-holder__caption Выбор сайта (.site-selector || bitrix:main.site.selector/.default)

		.block-holder__main
			.content-center
				.block-holder__scale
					input.block-holder__scale-input(type="text")

				.block-holder__container
					+site-selector(href="#").is-flexible

	.block-holder(data-width=320)
		.content-center
			.block-holder__caption Фильтр товаров (.smart-filter || bitrix:catalog.smart.filter/.default)

		.block-holder__main
			.content-center
				.block-holder__scale
					input.block-holder__scale-input(type="text")

				.block-holder__container
					+smart-filter.is-flexible

	.block-holder(data-width=1010)
		.content-center
			.block-holder__caption Поделиться в соцсетях (.social-share || webprofy:social.share/.default)

		.block-holder__main
			.content-center
				.block-holder__scale
					input.block-holder__scale-input(type="text")

				.block-holder__container
					+social-share.is-flexible

	.block-holder(data-width=1010)
		.content-center
			.block-holder__caption Простое вертикальное меню (.sub-menu || bitrix:menu/sidebar)

		.block-holder__main
			.content-center
				.block-holder__scale
					input.block-holder__scale-input(type="text")

				.block-holder__container
					+sub-menu.is-flexible

	.block-holder(data-width=800)
		.content-center
			.block-holder__caption Виджет контактной информации (.connect-widget || --- )

		.block-holder__main
			.content-center
				.block-holder__scale
					input.block-holder__scale-input(type="text")

				.block-holder__container
					+connect-widget.is-flexible

	.block-holder(data-width=800)
		.content-center
			.block-holder__caption Виджет рейтинга (.rating-widget || bitrix:iblock.vote/stars)

		.block-holder__main
			.content-center
				.block-holder__scale
					input.block-holder__scale-input(type="text")

				.block-holder__container
					+rating-widget.is-flexible

	.block-holder(data-width=800)
		.content-center
			.block-holder__caption Виджет подписок (.subscribe-widget || bitrix:subscribe.form/onmain)

		.block-holder__main
			.content-center
				.block-holder__scale
					input.block-holder__scale-input(type="text")

				.block-holder__container
					+subscribe-widget.is-flexible

	.block-holder(data-width=800)
		.content-center
			.block-holder__caption Управление рассылками (.subscribe-form || bitrix:subscribe.form/webprofy)

		.block-holder__main
			.content-center
				.block-holder__scale
					input.block-holder__scale-input(type="text")

				.block-holder__container
					+subscribe-form.is-flexible

	.block-holder(data-width=800)
		.content-center
			.block-holder__caption Список тегов (.tags-list || webprofy:tags.list/.default)

		.block-holder__main
			.content-center
				.block-holder__scale
					input.block-holder__scale-input(type="text")

				.block-holder__container
					+tags-list.is-flexible

	.block-holder(data-width=960)
		.content-center
			.block-holder__caption Детальная страница вакансии (.vacancy-detail || bitrix:news.detail/vacancies)

		.block-holder__main
			.content-center
				.block-holder__scale
					input.block-holder__scale-input(type="text")

				.block-holder__container
					+vacancy-detail.is-flexible

	.block-holder(data-width=960)
		.content-center
			.block-holder__caption Список вакансий (.vacancy-list || bitrix:news.list/vacancies)

		.block-holder__main
			.content-center
				.block-holder__scale
					input.block-holder__scale-input(type="text")

				.block-holder__container
					+vacancy-list.is-flexible

	.block-holder(data-width=960)
		.content-center
			.block-holder__caption Видеогалерея (.video-tiles || bitrix:news.list/videogallery)

		.block-holder__main
			.content-center
				.block-holder__scale
					input.block-holder__scale-input(type="text")

				.block-holder__container
					+video-tiles.is-flexible

	.block-holder(data-width=800)
		.content-center
			.block-holder__caption Список вебинаров (.webinars-list || bitrix:catalog.section/webinar)

		.block-holder__main
			.content-center
				.block-holder__scale
					input.block-holder__scale-input(type="text")

				.block-holder__container
					+webinars-list.is-flexible



	.block-holder(data-width=1100)
		.content-center
			.block-holder__caption Плитка преимуществ (.advantages-grid)

		.block-holder__main
			.content-center
				.block-holder__scale
					input.block-holder__scale-input(type="text")

				.block-holder__container
					+advantages-grid.is-flexible

	.block-holder(data-width=320)
		.content-center
			.block-holder__caption Плитка товара (.catalog-plate)

		.block-holder__main
			.content-center
				.block-holder__scale
					input.block-holder__scale-input(type="text")

				.block-holder__container
					+catalog-plate.is-flexible


	.block-holder(data-width=1100)
		.content-center
			.block-holder__caption Контакты — детальная страница (3 фото) (.contacts.detail)
		.block-holder__main
			.content-center
				.block-holder__scale
					input.block-holder__scale-input(type="text")

				.block-holder__container
					+contacts-detail(3).is-flexible

	.block-holder(data-width=1100)
		.content-center
			.block-holder__caption Контакты — детальная страница (3 фото) (.contacts.detail)
		.block-holder__main
			.content-center
				.block-holder__scale
					input.block-holder__scale-input(type="text")

				.block-holder__container
					+contacts-tabs.is-flexible

	.block-holder(data-width=1100)
		.content-center
			.block-holder__caption Поиск списком (.search-b2b)
		.block-holder__main
			.content-center
				.block-holder__scale
					input.block-holder__scale-input(type="text")
				.block-holder__container
					+search-b2b.is-flexible

	.block-holder(data-width=1100)
		.content-center
			.block-holder__caption Контакты (статика) (.contacts-simple)
		.block-holder__main
			.content-center
				.block-holder__scale
					input.block-holder__scale-input(type="text")
				.block-holder__container
					+contacts-simple.is-flexible

	.block-holder(data-width=1100)
		.content-center
			.block-holder__caption Команда (.team)
		.block-holder__main
			.content-center
				.block-holder__scale
					input.block-holder__scale-input(type="text")
				.block-holder__container
					+team.is-flexible

	.block-holder(data-width=1100)
		.content-center
			.block-holder__caption Анкета покупателя (.sale-interview || webprofy:sale.order.interview/.default )
		.block-holder__main
			.content-center
				.block-holder__scale
					input.block-holder__scale-input(type="text")
				.block-holder__container
					+sale-interview.is-flexible

	.block-holder(data-width=1100)
		.content-center
			.block-holder__caption Пошаговое оформление заказа (.accordion-steps)
		.block-holder__main
			.content-center
				.block-holder__scale
					input.block-holder__scale-input(type="text")
				.block-holder__container
					+accordion-steps.is-flexible

	.block-holder(data-width=1100)
		.content-center
			.block-holder__caption Умная плитка (.smart-tiles)
		.block-holder__main
			.content-center
				.block-holder__scale
					input.block-holder__scale-input(type="text")
				.block-holder__container
					+smart-tiles.is-flexible

	.block-holder(data-width=1100)
		.content-center
			.block-holder__caption Список буклетов (.booklets-list)
		.block-holder__main
			.content-center
				.block-holder__scale
					input.block-holder__scale-input(type="text")
				.block-holder__container
					+booklets-list

	.block-holder(data-width=1100)
		.content-center
			.block-holder__caption Оформление заказа (.booklets-list)
		.block-holder__main
			.content-center
				.block-holder__scale
					input.block-holder__scale-input(type="text")
				.block-holder__container
					+order