Your IP : 216.73.216.86

Current Path : /var/www/homesaver/www/bitrix/images/report/visualconstructor/preview/
Upload File :
Current File : /var/www/homesaver/www/bitrix/images/report/visualconstructor/preview/view-without-menu.svg

<svg xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100% 1285"
	 preserveAspectRatio="xMinYMin meet" style="width: 100%; height: 1285px" fill="none">

	<svg height="1285px">
		<defs>
			<g id="block-btn-top">
				<rect x="0" y="19" width="133" height="39" rx="3.5" stroke="#C6CDD3" />
			</g>

			<g id="block-line">
				<rect x="19" y="0" width="100%" height="1" fill="#C6CDD3" />
			</g>

			<g id="block-vertical-line">
				<rect x="0" y="447" width="1" height="72" rx="0.5" fill="#ecedee" />
			</g>

			<g id="block-table-line">
				<rect x="19" y="0" width="100%" height="1" fill="#eaeaea" />
			</g>
		</defs>

		<rect width="100%" height="1285" fill="#EEF2F4" />
		<use xlink:href="#block-btn-top" x="100%" transform="translate(-153, 0)"></use>
		<use xlink:href="#block-btn-top" x="100%" transform="translate(-296, 0)"></use>

		<rect x="0" y="74" width="100%" height="75" rx="10" fill="white" />
		<rect x="0" y="164" width="100%" height="375" rx="10" fill="white" />
		<rect x="0" y="554" width="100%" height="375" rx="10" fill="white" />
		<rect x="19" y="93.5" width="100%" height="37" stroke="#C6CDD3" />

		<use xlink:href="#block-line" y="218"></use>
		<use xlink:href="#block-line" y="428"></use>
		<use xlink:href="#block-vertical-line" x="67"></use>
		<use xlink:href="#block-vertical-line" x="278"></use>
		<use xlink:href="#block-vertical-line" x="490"></use>
		<use xlink:href="#block-vertical-line" x="701"></use>

		<use xlink:href="#block-line" y="674"></use>
		<use xlink:href="#block-line" y="725"></use>
		<use xlink:href="#block-line" y="778"></use>
		<use xlink:href="#block-line" y="830"></use>
		<use xlink:href="#block-line" y="882"></use>
		<use xlink:href="#block-line" y="608"></use>
	</svg>

	<svg height="1285px" id="animated-elements">
		<defs>
			<g id="block-btn-top--animat">
				<rect x="0" y="34" width="105" height="10" rx="2" fill="#dee3e6" />
			</g>

			<g id="block-vertical-separator--animat">
				<rect x="0" y="447" width="1" height="72" rx="0.5" fill="#ecedee" />
			</g>

			<g id="block-vertical-text--animat">
				<rect x="89" y="452" width="130" height="8" rx="2" fill="#f4f4f5" />
				<rect x="89" y="474" width="130" height="8" rx="2" fill="#f4f4f5" />
				<rect x="90" y="496" width="48" height="13" rx="2" fill="#f4f4f5" />
			</g>

			<g id="block-table-title--animat">
				<rect x="22" y="189" width="26%" height="8" rx="2" fill="#ecedee" />
			</g>
			<g id="block-table-row--animat">
				<rect x="22" y="639" width="92" height="8" rx="2" fill="#ecedee" />
				<rect x="164" y="639" width="92" height="8" rx="2" fill="#ecedee" />
				<rect x="306" y="639" width="92" height="8" rx="2" fill="#ecedee" />
				<rect x="448" y="639" width="92" height="8" rx="2" fill="#ecedee" />
				<rect x="590" y="639" width="92" height="8" rx="2" fill="#ecedee" />
				<rect x="732" y="639" width="92" height="8" rx="2" fill="#ecedee" />
			</g>
		</defs>

		<rect x="15" y="31" width="36%" height="12" rx="2" fill="#dee3e6" />

		<use xlink:href="#block-btn-top--animat" x="100%" transform="translate(-139, 0)"></use>
		<use xlink:href="#block-btn-top--animat" x="100%"  transform="translate(-282, 0)"></use>

		<use xlink:href="#block-table-title--animat"></use>

		<rect x="67" y="243" width="164" height="185" fill="#f4f4f5"/>
		<rect x="279" y="298" width="164" height="130" fill="#f4f4f5"/>
		<rect x="490" y="345" width="164" height="83" fill="#f4f4f5"/>
		<rect x="702" y="384" width="222" height="44" fill="#f4f4f5" />
		<use xlink:href="#block-vertical-text--animat"></use>
		<use xlink:href="#block-vertical-text--animat" x="211"></use>
		<use xlink:href="#block-vertical-text--animat" x="423"></use>
		<use xlink:href="#block-vertical-text--animat" x="634"></use>
		<use xlink:href="#block-table-title--animat" y="390"></use>

		<use xlink:href="#block-table-row--animat"></use>

		<use xlink:href="#block-table-row--animat" y="57"></use>
		<use xlink:href="#block-table-row--animat" y="110"></use>
		<use xlink:href="#block-table-row--animat" y="162"></use>
		<use xlink:href="#block-table-row--animat" y="214"></use>

	</svg>

	<rect id="msk1" width="100%" fill="url(#msk_gd)" mask="url(#headerMsk)" height="1270"/>

	<mask id="headerMsk" fill="white">
		<use xlink:href="#animated-elements"/>
	</mask>

	<linearGradient x1="66.6%" y1="50%" x2="33.3%" y2="50%" id="msk_gd">
		<stop stop-color="#000000" stop-opacity="0" offset="0%"/>
		<stop stop-color="#000000" stop-opacity="0.07" offset="50%"/>
		<stop stop-color="#000000" stop-opacity="0" offset="100%"/>
	</linearGradient>

	<animate xlink:href="#msk1" attributeName="x" from="-100%" to="100%" dur="1s" begin="0s" repeatCount="indefinite"/>

	<svg height="100%">

		<rect width="1" height="37" fill="#C6CDD3" x="100%" y="94" transform="translate(-21)" />

		<rect width="20" height="60" fill="#ffffff" x="100%" y="84" transform="translate(-20)" />
		<rect width="20" height="340" fill="#ffffff" x="100%" y="185" transform="translate(-20)" />
		<rect width="20" height="340" fill="#ffffff" x="100%" y="554" transform="translate(-20)" />
	</svg>
</svg>