2-slider.html

---
layout: default
title: Slider
permalink: /slider/
---
<div id="page-loader"><span class="preloader-interior"></span></div>
<div id="fullpage-slider">
	{% for first-slide in site.first-slider %}
	{% capture id %}{{ first-slide.id | remove:'/' | remove:'first-slider' | downcase }}{% endcapture %}
	<div class="section">
		<div class="container">
			<div class="row align-items-center">
				{%- if first-slide.image or first-slide.video or first-slide.iframe -%}
				<div class="col-lg-5 col-md-5 col-sm-12">
					{{ first-slide.content }}
				</div>
				<div class="col-lg-7 col-md-7 col-sm-12 text-center">
					{%- if first-slide.image -%}
					<img data-src="{{ site.baseurl }}/assets/img/{{first-slide.image}}" class="img-fluid">
					{%- endif -%}
					{%- if first-slide.video -%}
					<div class="embed-responsive embed-responsive-16by9">
						<iframe class="embed-responsive-item" data-src="{{first-slide.video}}" allowfullscreen></iframe>
					</div>
					{%- endif -%}
					{%- if first-slide.iframe -%}
					<div class="embed-responsive embed-responsive-16by9">
						<iframe class="embed-responsive-item" data-src="{{first-slide.iframe}}" allowfullscreen></iframe>
					</div>
					{%- endif -%}
				</div>
				{%- else -%}
				<div class="col-lg-12 col-md-12 col-sm-12 text-center">
					{{ first-slide.content }}
				</div>
				{%- endif -%}
			</div>
		</div>
	</div>
	{% endfor %}
</div>

<script type="text/javascript">
	//Inicializing sliders
$(document).ready(function() {
	  $('#fullpage-slider').fullpage({
	    verticalCentered: true,
	    navigation: true,
	    anchors: anchors,
	    menu: '#menu',
	    lazyLoading: true,
	    paddingTop: '10px',
		paddingBottom: '30px',
		responsiveWidth: 992,
        afterResponsive: function(isResponsive){
        },
        afterRender: function(){
			window.load = function () {
			  $('#page-loader').fadeOut(500);
			}();
		}
	  });
	});

	var anchors = [
	{% for first-slide in site.first-slider %}
	  {% capture id %}{{ first-slide.id | remove:'/' | remove:'first-slider' | downcase }}{% endcapture %}
	  '{{id}}'{% if forloop.last == false %},{% endif %}
	{% endfor %}
	]
</script>