Your IP : 216.73.216.86


Current Path : /var/www/homesaver/www/bitrix/blocks/bitrix/44.4.slider_5_cols_with_prices/
Upload File :
Current File : /var/www/homesaver/www/bitrix/blocks/bitrix/44.4.slider_5_cols_with_prices/block.php

<section class="landing-block g-bg-gray-light-v4 g-pt-30 g-pb-30" data-slider-arrows="3" data-slider-dots="0" data-slider-slides-show="5" data-slider-animation="1">
	<!-- Product Blocks -->
	<div class="js-carousel g-px-25 row"
		 data-infinite="true"
		 data-slides-show="5"
		 data-pagi-classes="u-carousel-indicators-v1 g-absolute-centered--x g-pt-20"
		 data-arrows-classes="u-arrow-v1 g-absolute-centered--y g-width-45 g-height-45 g-transition-0_2 g-transition--ease-in g-color-white g-bg-primary g-opacity-0_8--hover"
		 data-arrow-left-classes="fa fa-chevron-left g-left-0"
		 data-arrow-right-classes="fa fa-chevron-right g-right-0"
		 data-responsive='[{
               "breakpoint": 1200,
               "settings": {
                 "slidesToShow": 5
               }
             }, {
               "breakpoint": 992,
               "settings": {
                 "slidesToShow": 3
               }
             }, {
               "breakpoint": 768,
               "settings": {
                 "slidesToShow": 2
               }
             }, {
               "breakpoint": 576,
               "settings": {
                 "slidesToShow": 1
               }
             }]'
		 data-init-classes-exclude='[{
				 "selector": ".landing-block-node-card",
				 "class": "col-12 col-sm-4 col-lg-3"
			   }, {
				 "selector": ".js-carousel",
				 "class": "row"
			   }]'>
		<div class="landing-block-node-card js-slide g-mx-7 col-12 col-sm-4 col-lg-3">
			<div class="landing-block-node-card-container h-100 g-pos-rel g-text-underline--none--hover g-parent g-theme-travel-bg-black-v1 g-bg-primary--hover g-color-white g-transition-0_3"
				 href="#">
				<img class="landing-block-node-card-img img-fluid w-100" src="https://cdn.bitrix24.site/bitrix/images/landing/business/600x600/img6.jpg"
					 alt="">
				<div class="g-pa-20">
					<div class="g-mb-20">
						<h3 class="landing-block-node-card-title js-animation fadeIn text-uppercase g-font-weight-700 g-color-white g-mb-5">
							Crete</h3>
						<div class="landing-block-node-card-text js-animation fadeIn g-color-white-opacity-0_8">
							<p>dapibus quis sapien id phar etra iaculis est</p>
						</div>
					</div>
					<div class="landing-block-node-card-price js-animation fadeIn d-inline-block g-line-height-1 g-font-weight-700 g-font-size-11 g-bg-primary g-pa-10 g-color-primary--hover g-bg-white--hover"
						 href="#">$350.00
					</div>
				</div>
			</div>
		</div>

		<div class="landing-block-node-card js-slide g-mx-7 col-12 col-sm-4 col-lg-3">
			<div class="landing-block-node-card-container h-100 g-pos-rel g-text-underline--none--hover g-parent g-theme-travel-bg-black-v1 g-bg-primary--hover g-color-white g-transition-0_3"
				 href="#">
				<img class="landing-block-node-card-img img-fluid w-100" src="https://cdn.bitrix24.site/bitrix/images/landing/business/600x600/img4.jpg"
					 alt="">
				<div class="g-pa-20">
					<div class="g-mb-20">
						<h3 class="landing-block-node-card-title js-animation fadeIn text-uppercase g-font-weight-700 g-color-white g-mb-5">
							Langkawi</h3>
						<div class="landing-block-node-card-text js-animation fadeIn g-color-white-opacity-0_8">
							<p>dapibus quis sapien id phar etra iaculis est</p>
						</div>
					</div>
					<div class="landing-block-node-card-price js-animation fadeIn d-inline-block g-line-height-1 g-font-weight-700 g-font-size-11 g-bg-primary g-pa-10 g-color-primary--hover g-bg-white--hover"
						 href="#">$350.00
					</div>
				</div>
			</div>
		</div>
		<div class="landing-block-node-card js-slide g-mx-7 col-12 col-sm-4 col-lg-3">
			<div class="landing-block-node-card-container h-100 g-pos-rel g-text-underline--none--hover g-parent g-theme-travel-bg-black-v1 g-bg-primary--hover g-color-white g-transition-0_3"
				 href="#">
				<img class="landing-block-node-card-img img-fluid w-100" src="https://cdn.bitrix24.site/bitrix/images/landing/business/600x600/img1.jpg"
					 alt="">
				<div class="g-pa-20">
					<div class="g-mb-20">
						<h3 class="landing-block-node-card-title js-animation fadeIn text-uppercase g-font-weight-700 g-color-white g-mb-5">
							Paris</h3>
						<div class="landing-block-node-card-text js-animation fadeIn g-color-white-opacity-0_8">
							<p>dapibus quis sapien id phar etra iaculis est</p>
						</div>
					</div>
					<div class="landing-block-node-card-price js-animation fadeIn d-inline-block g-line-height-1 g-font-weight-700 g-font-size-11 g-bg-primary g-pa-10 g-color-primary--hover g-bg-white--hover"
						 href="#">$350.00
					</div>
				</div>
			</div>
		</div>
		<div class="landing-block-node-card js-slide g-mx-7 col-12 col-sm-4 col-lg-3">
			<div class="landing-block-node-card-container h-100 g-pos-rel g-text-underline--none--hover g-parent g-theme-travel-bg-black-v1 g-bg-primary--hover g-color-white g-transition-0_3"
				 href="#">
				<img class="landing-block-node-card-img img-fluid w-100" src="https://cdn.bitrix24.site/bitrix/images/landing/business/600x600/img2.jpg"
					 alt="">
				<div class="g-pa-20">
					<div class="g-mb-20">
						<h3 class="landing-block-node-card-title js-animation fadeIn text-uppercase g-font-weight-700 g-color-white g-mb-5">
							Venice</h3>
						<div class="landing-block-node-card-text js-animation fadeIn g-color-white-opacity-0_8">
							<p>dapibus quis sapien id phar etra iaculis est</p>
						</div>
					</div>
					<div class="landing-block-node-card-price js-animation fadeIn d-inline-block g-line-height-1 g-font-weight-700 g-font-size-11 g-bg-primary g-pa-10 g-color-primary--hover g-bg-white--hover"
						 href="#">$350.00
					</div>
				</div>
			</div>
		</div>
		<div class="landing-block-node-card js-slide g-mx-7 col-12 col-sm-4 col-lg-3">
			<div class="landing-block-node-card-container h-100 g-pos-rel g-text-underline--none--hover g-parent g-theme-travel-bg-black-v1 g-bg-primary--hover g-color-white g-transition-0_3"
				 href="#">
				<img class="landing-block-node-card-img img-fluid w-100" src="https://cdn.bitrix24.site/bitrix/images/landing/business/600x600/img5.jpg"
					 alt="">
				<div class="g-pa-20">
					<div class="g-mb-20">
						<h3 class="landing-block-node-card-title js-animation fadeIn text-uppercase g-font-weight-700 g-color-white g-mb-5">
							London</h3>
						<div class="landing-block-node-card-text js-animation fadeIn g-color-white-opacity-0_8">
							<p>dapibus quis sapien id phar etra iaculis est</p>
						</div>
					</div>
					<div class="landing-block-node-card-price js-animation fadeIn d-inline-block g-line-height-1 g-font-weight-700 g-font-size-11 g-bg-primary g-pa-10 g-color-primary--hover g-bg-white--hover"
						 href="#">$350.00
					</div>
				</div>
			</div>
		</div>
		<div class="landing-block-node-card js-slide g-mx-7 col-12 col-sm-4 col-lg-3">
			<div class="landing-block-node-card-container h-100 g-pos-rel g-text-underline--none--hover g-parent g-theme-travel-bg-black-v1 g-bg-primary--hover g-color-white g-transition-0_3"
				 href="#">
				<img class="landing-block-node-card-img img-fluid w-100" src="https://cdn.bitrix24.site/bitrix/images/landing/business/600x600/img1.jpg"
					 alt="">
				<div class="g-pa-20">
					<div class="g-mb-20">
						<h3 class="landing-block-node-card-title js-animation fadeIn text-uppercase g-font-weight-700 g-color-white g-mb-5">
							Rome</h3>
						<div class="landing-block-node-card-text js-animation fadeIn g-color-white-opacity-0_8">
							<p>dapibus quis sapien id phar etra iaculis est</p>
						</div>
					</div>
					<div class="landing-block-node-card-price js-animation fadeIn d-inline-block g-line-height-1 g-font-weight-700 g-font-size-11 g-bg-primary g-pa-10 g-color-primary--hover g-bg-white--hover"
						 href="#">$350.00
					</div>
				</div>
			</div>
		</div>
		<div class="landing-block-node-card js-slide g-mx-7 col-12 col-sm-4 col-lg-3">
			<div class="landing-block-node-card-container h-100 g-pos-rel g-text-underline--none--hover g-parent g-theme-travel-bg-black-v1 g-bg-primary--hover g-color-white g-transition-0_3"
				 href="#">
				<img class="landing-block-node-card-img img-fluid w-100" src="https://cdn.bitrix24.site/bitrix/images/landing/business/600x600/img1.jpg"
					 alt="">
				<div class="g-pa-20">
					<div class="g-mb-20">
						<h3 class="landing-block-node-card-title js-animation fadeIn text-uppercase g-font-weight-700 g-color-white g-mb-5">
							Crete</h3>
						<div class="landing-block-node-card-text js-animation fadeIn g-color-white-opacity-0_8">
							<p>dapibus quis sapien id phar etra iaculis est</p>
						</div>
					</div>
					<div class="landing-block-node-card-price js-animation fadeIn d-inline-block g-line-height-1 g-font-weight-700 g-font-size-11 g-bg-primary g-pa-10 g-color-primary--hover g-bg-white--hover"
						 href="#">$350.00
					</div>
				</div>
			</div>
		</div>
		<div class="landing-block-node-card js-slide g-mx-7 col-12 col-sm-4 col-lg-3">
			<div class="landing-block-node-card-container h-100 g-pos-rel g-text-underline--none--hover g-parent g-theme-travel-bg-black-v1 g-bg-primary--hover g-color-white g-transition-0_3"
				 href="#">
				<img class="landing-block-node-card-img img-fluid w-100" src="https://cdn.bitrix24.site/bitrix/images/landing/business/600x600/img2.jpg"
					 alt="">
				<div class="g-pa-20">
					<div class="g-mb-20">
						<h3 class="landing-block-node-card-title js-animation fadeIn text-uppercase g-font-weight-700 g-color-white g-mb-5">
							Langkawi</h3>
						<div class="landing-block-node-card-text js-animation fadeIn g-color-white-opacity-0_8">
							<p>dapibus quis sapien id phar etra iaculis est</p>
						</div>
					</div>
					<div class="landing-block-node-card-price js-animation fadeIn d-inline-block g-line-height-1 g-font-weight-700 g-font-size-11 g-bg-primary g-pa-10 g-color-primary--hover g-bg-white--hover"
						 href="#">$350.00
					</div>
				</div>
			</div>
		</div>
		<div class="landing-block-node-card js-slide g-mx-7 col-12 col-sm-4 col-lg-3">
			<div class="landing-block-node-card-container h-100 g-pos-rel g-text-underline--none--hover g-parent g-theme-travel-bg-black-v1 g-bg-primary--hover g-color-white g-transition-0_3"
				 href="#">
				<img class="landing-block-node-card-img img-fluid w-100" src="https://cdn.bitrix24.site/bitrix/images/landing/business/600x600/img3.jpg"
					 alt="">
				<div class="g-pa-20">
					<div class="g-mb-20">
						<h3 class="landing-block-node-card-title js-animation fadeIn text-uppercase g-font-weight-700 g-color-white g-mb-5">
							Paris</h3>
						<div class="landing-block-node-card-text js-animation fadeIn g-color-white-opacity-0_8">
							<p>dapibus quis sapien id phar etra iaculis est</p>
						</div>
					</div>
					<div class="landing-block-node-card-price js-animation fadeIn d-inline-block g-line-height-1 g-font-weight-700 g-font-size-11 g-bg-primary g-pa-10 g-color-primary--hover g-bg-white--hover"
						 href="#">$350.00
					</div>
				</div>
			</div>
		</div>
		<div class="landing-block-node-card js-slide g-mx-7 col-12 col-sm-4 col-lg-3">
			<div class="landing-block-node-card-container h-100 g-pos-rel g-text-underline--none--hover g-parent g-theme-travel-bg-black-v1 g-bg-primary--hover g-color-white g-transition-0_3"
				 href="#">
				<img class="landing-block-node-card-img img-fluid w-100" src="https://cdn.bitrix24.site/bitrix/images/landing/business/600x600/img16.jpg"
					 alt="">
				<div class="g-pa-20">
					<div class="g-mb-20">
						<h3 class="landing-block-node-card-title js-animation fadeIn text-uppercase g-font-weight-700 g-color-white g-mb-5">
							Venice</h3>
						<div class="landing-block-node-card-text js-animation fadeIn g-color-white-opacity-0_8">
							<p>dapibus quis sapien id phar etra iaculis est</p>
						</div>
					</div>
					<div class="landing-block-node-card-price js-animation fadeIn d-inline-block g-line-height-1 g-font-weight-700 g-font-size-11 g-bg-primary g-pa-10 g-color-primary--hover g-bg-white--hover"
						 href="#">$350.00
					</div>
				</div>
			</div>
		</div>
		<div class="landing-block-node-card js-slide g-mx-7 col-12 col-sm-4 col-lg-3">
			<div class="landing-block-node-card-container h-100 g-pos-rel g-text-underline--none--hover g-parent g-theme-travel-bg-black-v1 g-bg-primary--hover g-color-white g-transition-0_3"
				 href="#">
				<img class="landing-block-node-card-img img-fluid w-100" src="https://cdn.bitrix24.site/bitrix/images/landing/business/600x600/img1.jpg"
					 alt="">
				<div class="g-pa-20">
					<div class="g-mb-20">
						<h3 class="landing-block-node-card-title js-animation fadeIn text-uppercase g-font-weight-700 g-color-white g-mb-5">
							London</h3>
						<div class="landing-block-node-card-text js-animation fadeIn g-color-white-opacity-0_8">
							<p>dapibus quis sapien id phar etra iaculis est</p>
						</div>
					</div>
					<div class="landing-block-node-card-price js-animation fadeIn d-inline-block g-line-height-1 g-font-weight-700 g-font-size-11 g-bg-primary g-pa-10 g-color-primary--hover g-bg-white--hover"
						 href="#">$350.00
					</div>
				</div>
			</div>
		</div>
		<div class="landing-block-node-card js-slide g-mx-7 col-12 col-sm-4 col-lg-3">
			<div class="landing-block-node-card-container h-100 g-pos-rel g-text-underline--none--hover g-parent g-theme-travel-bg-black-v1 g-bg-primary--hover g-color-white g-transition-0_3"
				 href="#">
				<img class="landing-block-node-card-img img-fluid w-100" src="https://cdn.bitrix24.site/bitrix/images/landing/business/600x600/img1.jpg"
					 alt="">
				<div class="g-pa-20">
					<div class="g-mb-20">
						<h3 class="landing-block-node-card-title js-animation fadeIn text-uppercase g-font-weight-700 g-color-white g-mb-5">
							Rome</h3>
						<div class="landing-block-node-card-text js-animation fadeIn g-color-white-opacity-0_8">
							<p>dapibus quis sapien id phar etra iaculis est</p>
						</div>
					</div>
					<div class="landing-block-node-card-price js-animation fadeIn d-inline-block g-line-height-1 g-font-weight-700 g-font-size-11 g-bg-primary g-pa-10 g-color-primary--hover g-bg-white--hover"
						 href="#">$350.00
					</div>
				</div>
			</div>
		</div>
	</div>
	<!-- Product Blocks -->
</section>