{[ accordion ]}

{% for item in Items %}
    [[ item title:'{{ item.Title }}' ]]
    
           <div class="col-xs-12 col-md-4">
		<p style="text-align:center;"><b>{{ item | Attribute: 'Title1' }}</b></p>
		<div class="embed-responsive embed-responsive-16by9">
			<iframe src="https://player.vimeo.com/video/{{item | Attribute:'VimeoID1'}}?title=0&amp;byline=0&amp;portrait=0"></iframe>
		</div>
		<br>
		<p>{{ item | Attribute: 'Description1' }}</p>

                {% assign btn1txt1 = item | Attribute: 'Button1Text1' %}
                {% assign btn1link1 = item | Attribute: 'Button1PDF1','Url' %}
		{% if btn1txt1 != '' %}
			<center><a href="{{ btn1link1 }}" class="btn btn-compass-secondary">{{ btn1txt1 }}</a></center>
		{% endif %}

                {% assign btn1txt2 = item | Attribute: 'Button1Text2' %}
                {% assign btn1link2 = item | Attribute: 'Button1PDF2','Url' %}
		{% if btn1txt2 != '' %}
			<center><a href="{{ btn1link2 }}" class="btn btn-compass-secondary">{{ btn1txt2 }}</a></center>
		{% endif %}
		<br><br>
	</div>

	{% assign varButtons2 = item | Attribute: 'Buttons2' %}
	<div class="col-xs-12 col-md-4">
		<p style="text-align:center;"><b>{{ item | Attribute: 'Title2' }}</b></p>
		<div class="embed-responsive embed-responsive-16by9">
			<iframe src="https://player.vimeo.com/video/{{item | Attribute:'VimeoID2'}}?title=0&amp;byline=0&amp;portrait=0"></iframe>
		</div>
		<br>
		<p>{{ item | Attribute: 'Description2' }}</p>

                {% assign btn2txt1 = item | Attribute: 'Button2Text1' %}
                {% assign btn2link1 = item | Attribute: 'Button2PDF1','Url' %}
		{% if btn2txt1 != '' %}
		    <center><a href="{{ btn2link1 }}" class="btn btn-compass-secondary">{{ btn2txt1 }}</a></center>
		{% endif %}

                {% assign btn2txt2 = item | Attribute: 'Button2Text2' %}
                {% assign btn2link2 = item | Attribute: 'Button2PDF2','Url' %}
		{% if btn2txt2 != '' %}
		    <center><a href="{{ btn2link2 }}" class="btn btn-compass-secondary">{{ btn2txt2 }}</a></center>
		{% endif %}
		<br><br>
	</div>
		
	<div class="col-xs-12 col-md-4">
		<p style="text-align:center;"><b>{{ item | Attribute: 'Title3' }}</b></p>
		<div class="embed-responsive embed-responsive-16by9">
			<iframe src="https://player.vimeo.com/video/{{item | Attribute:'VimeoID3'}}?title=0&amp;byline=0&amp;portrait=0"></iframe>
		</div>
		<br>
		<p>{{ item | Attribute: 'Description3' }}</p>

                {% assign btn3txt1 = item | Attribute: 'Button3Text1' %}
                {% assign btn3link1 = item | Attribute: 'Button3PDF1','Url' %}
		{% if btn3txt1 != '' %}
		    <center><a href="{{ btn3link1 }}" class="btn btn-compass-secondary">{{ btn3txt1 }}</a></center>
		{% endif %}

                {% assign btn3txt2 = item | Attribute: 'Button3Text2' %}
                {% assign btn3link2 = item | Attribute: 'Button3PDF2','Url' %}
		{% if btn3txt2 != '' %}
		    <center><a href="{{ btn3link2 }}" class="btn btn-compass-secondary">{{ btn3txt2 }}</a></center>
		{% endif %}
	</div>
 
    [[ enditem ]]

{% endfor %}
{[ endaccordion ]}