oldsite.html

{% for committee_member in include.committee_members %}
	{% assign mod4 = forloop.index | modulo: 4 %}
	{% if mod4 == 1 %} 
	<div class="col span_12 left" data-midnight="dark">
	{% endif %}
		<div class="vc_col-sm-3 wpb_column column_container vc_column_container col has-animation no-extra-padding one-fourths single-person instance-2 triggered-animation animated-in" data-using-bg="true" data-shadow="none" data-border-animation="" data-border-animation-delay="" data-border-width="none" data-border-style="solid" data-border-color="" data-bg-cover="" data-padding-pos="all" data-has-bg-color="true" data-bg-color="#fff" data-bg-opacity="0" data-hover-bg="#fff" data-hover-bg-opacity="0" data-animation="fade-in-from-bottom" data-delay="0" style="transform: none; opacity: 1;">
			<div class="vc_column-inner">
				<div class="wpb_wrapper">									
					<div class="single-person-grid">
						<div class="span_12 single-person-header">
							<div class="single-person-icon">
								<img alt="{{ committee_member.FirstName }} {{ committee_member.LastName }}" src="{%- include snippets/headshot.html profile_image=committee_member.LogoURL member_id=committee_member.MemberID %}">
							</div>
							<div class="single-person-title">
								<h3>{{ committee_member.FirstName }} {{ committee_member.LastName }}</h3>
								<h5>{% if committee_member.Role and committee_member.Role != 'None' %}<span class="committee_member-role">{{ committee_member.Role }}<br></span>{% endif %}{{ committee_member.Title }} at {{ committee_member.Organization.Name }}</h5>
							</div>
						</div> <!-- End Single person Header -->
						<div class="single-person-description">
							<p class="short_description"><!-- placeholder for short description --></p>
							{% if committee_member.AboutMe.Description %}
							<p class="read-more"><a href="#" data-featherlight="#{{ committee_member.FirstName | downcase | handleize }}-{{ committee_member.LastName | downcase | handleize }}">Read More</a></p>
							{% endif %}
							<div class="social-links">
								{% if committee_member.Twitter and committee_member.Twitter != 'https://twitter.com/N/A' %}
								<a href="{{ committee_member.Twitter }}" target="blank" title="Twitter"><i class="fa fa-twitter"></i></a>
								{% endif %}
								{% if committee_member.AboutMe %}
								{% if committee_member.AboutMe.LinkedIn %}
								<a href="{{ committee_member.AboutMe.LinkedIn }}" target="blank" title="LinkedIn"><i class="fa fa-linkedin"></i></a>
								{% endif %}
								{% if committee_member.AboutMe.GitHub %}
								<a href="{{ committee_member.AboutMe.GitHub }}" target="blank" title="Github"><i class="fa fa-github"></i></a>
								{% endif %}
								{% endif %}
							</div>
							<div id="{{ committee_member.FirstName | downcase | handleize }}-{{ committee_member.LastName | downcase | handleize }}" class="lightbox">
								<p class="description"></p>
									<p>{{ committee_member.AboutMe.Description }}</p>
								<p></p>
							</div>                 
						</div>
					</div>
				</div>
			</div>
		</div>
	{% if mod4 == 0 or forloop.last %} 
	</div>
	{% endif %}
{% endfor %}