{{{region name="page_top"}}}
{{{page.content}}}
{{{region name="page_middle"}}}
<div class="container">
	<div class="h2 investor-title">
		<span>{{lang 'investor.corporate.title'}}</span>
	</div>
</div>
<div class="container director-container">
	<div class="board-of-directors">
		<span class="director-title">{{lang 'investor.corporate.subtitle1'}}</span>
	</div>
	<div id="arrows-wrapper"></div>
</div>
<div class="container">
<div class=" board-members" style="padding-bottom: 30px;" id="board-members">
	<div style="padding: 8px;">
		<div class="member">
			<div class="member-img"><img alt="" src="{{lang 'investor.corporate.member.1.img'}}" style="border: 2px solid #9bae87; border-radius: 0 40px;"></div>
			<div class="member-content">
				<div class="member-name">
					<span>{{lang 'investor.corporate.member.1.name'}}</span>
				</div>
				<div class="member-position">
					<span>{{lang 'investor.corporate.member.1.position'}}</span>
				</div>
				<div class="member-desc">
					<span>{{lang 'investor.corporate.member.1.desc'}}</span>
				</div>
				<div class="member-ss">
					<div class="ss-item"><a href="{{lang 'investor.corporate.member.1.ss.link'}}" target="_blank" style="text-decoration: none"><img alt="" src="{{lang 'investor.corporate.member.1.ss.img'}}"></a></div>
				</div>
			</div>
		</div>
	</div>
		
	<div style="padding: 8px;">
		<div class="member">
			<div class="member-img"><img alt="" src="{{lang 'investor.corporate.member.2.img'}}" style="border: 2px solid #9bae87; border-radius: 0 40px;"></div>
			<div class="member-content">
				<div class="member-name">
					<span>{{lang 'investor.corporate.member.2.name'}}</span>
				</div>
				<div class="member-position">
					<span>{{lang 'investor.corporate.member.2.position'}}</span>
				</div>
				<div class="member-desc">
					<span>{{lang 'investor.corporate.member.2.desc'}}</span>
				</div>
				<div class="member-ss">
					<div class="ss-item"><a href="{{lang 'investor.corporate.member.2.ss.link'}}" target="_blank" style="text-decoration: none"><img alt="" src="{{lang 'investor.corporate.member.2.ss.img'}}"></a></div>
				</div>
			</div>
		</div>
	</div>
		
	<div style="padding: 8px;">
		<div class="member">
			<div class="member-img"><img alt="" src="{{lang 'investor.corporate.member.3.img'}}" style="border: 2px solid #9bae87; border-radius: 0 40px;"></div>
			<div class="member-content">
				<div class="member-name">
					<span>{{lang 'investor.corporate.member.3.name'}}</span>
				</div>
				<div class="member-position">
					<span>{{lang 'investor.corporate.member.3.position'}}</span>
				</div>
				<div class="member-desc">
					<span>{{lang 'investor.corporate.member.3.desc'}}</span>
				</div>
				<div class="member-ss">
					<div class="ss-item"><a href="{{lang 'investor.corporate.member.3.ss.link'}}" target="_blank" style="text-decoration: none"><img alt="" src="{{lang 'investor.corporate.member.3.ss.img'}}"></a></div>
				</div>
			</div>
		</div>
	</div>
		
	<div style="padding: 8px;">
		<div class="member">
			<div class="member-img"><img alt="" src="{{lang 'investor.corporate.member.4.img'}}" style="border: 2px solid #9bae87; border-radius: 0 40px;"></div>
			<div class="member-content">
				<div class="member-name">
					<span>{{lang 'investor.corporate.member.4.name'}}</span>
				</div>
				<div class="member-position">
					<span>{{lang 'investor.corporate.member.4.position'}}</span>
				</div>
				<div class="member-desc">
					<span>{{lang 'investor.corporate.member.4.desc'}}</span>
				</div>
				<div class="member-ss">
					<div class="ss-item"><a href="{{lang 'investor.corporate.member.4.ss.link'}}" target="_blank" style="text-decoration: none"><img alt="" src="{{lang 'investor.corporate.member.4.ss.img'}}"></a></div>
				</div>
			</div>
		</div>
	</div>
		
	<div style="padding: 8px;">
		<div class="member">
			<div class="member-img"><img alt="" src="{{lang 'investor.corporate.member.5.img'}}" style="border: 2px solid #9bae87; border-radius: 0 40px;"></div>
			<div class="member-content">
				<div class="member-name">
					<span>{{lang 'investor.corporate.member.5.name'}}</span>
				</div>
				<div class="member-position">
					<span>{{lang 'investor.corporate.member.5.position'}}</span>
				</div>
				<div class="member-desc">
					<span>{{lang 'investor.corporate.member.5.desc'}}</span>
				</div>
				<div class="member-ss">
					<div class="ss-item"><a href="" target="_blank" style="text-decoration: none"><img alt="" src="{{lang 'investor.corporate.member.5.ss.img'}}"></a></div>
				</div>
			</div>
		</div>
	</div>
</div>
</div>
<script src="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.8.1/slick.min.js"></script>
<script type="text/javascript">
	
	jQuery(document).ready(function($){
		$('#board-members').slick({
			slidesToShow: 1,
			slidesToScroll: 1,
			arrows: true,
			dots: true,
			adaptiveHeight: true,
			appendArrows: $('#arrows-wrapper'),
			prevArrow: '<div class="arrow-item prevArrow"><img src="{{cdn '../img/icons/arrow-left.svg'}}"></div>',
			nextArrow: '<div class="arrow-item nextArrow"><img src="{{cdn '../img/icons/arrow-right.svg'}}"></div>'
		})
	})

</script>

<div class="container">
	<div class="h2 investor-title">
		<span>{{lang 'investor.corporate.subtitle2'}}</span>
	</div>
</div>
<div class="container">
	<div class="table-sim table-board-role">
		<div class="heading-row">
			<div class="table-row">
				<div class="table-item table-heading v-name desktop-display"><span>{{lang 'investor.corporate.table.th.dname'}}</span></div>
				<div class="table-item table-heading v-name mobile-display"><span>{{lang 'investor.corporate.table.th.mname'}}</span></div>
				<div class="table-item table-heading v-role desktop-display"><span>{{lang 'investor.corporate.table.th.role'}}</span></div>
				<div class="table-item table-heading v-audit"><span>{{lang 'investor.corporate.table.th.audit'}}</span></div>
				<div class="table-item table-heading v-compensation"><span>{{lang 'investor.corporate.table.th.compensation'}}</span></div>
				<div class="table-item table-heading v-ncg"><span>{{lang 'investor.corporate.table.th.ncg'}}</span></div>
			</div>
		</div>
		<div class="body-row">
			<div class="table-row">
				<div class="table-item table-value v-name">
					<span>
						<div class="name-name">{{lang 'investor.corporate.table.tr1.name'}}</div>
						<div class="name-role mobile-display">{{lang 'investor.corporate.table.tr1.mrole'}}</div>
					</span>
				</div>
				<div class="table-item table-value v-role desktop-display"><span>{{lang 'investor.corporate.table.tr1.drole'}}</span></div>
				<div class="table-item table-value v-audit role-none"><span></span></div>
				<div class="table-item table-value v-compensation role-none"><span></span></div>
				<div class="table-item table-value v-ncg role-none"><span></span></div>
			</div>
			<div class="table-row">
				<div class="table-item table-value v-name">
					<span>
						<div class="name-name">{{lang 'investor.corporate.table.tr2.name'}}</div>
						<div class="name-role mobile-display">{{lang 'investor.corporate.table.tr2.mrole'}}</div>
					</span>
				</div>
				<div class="table-item table-value v-role desktop-display"><span>{{lang 'investor.corporate.table.tr2.drole'}}</span></div>
				<div class="table-item table-value v-audit role-none"><span></span></div>
				<div class="table-item table-value v-compensation role-none"><span></span></div>
				<div class="table-item table-value v-ncg role-none"><span></span></div>
			</div>
			<div class="table-row">
				<div class="table-item table-value v-name">
					<span>
						<div class="name-name">{{lang 'investor.corporate.table.tr3.name'}}</div>
						<div class="name-role mobile-display">{{lang 'investor.corporate.table.tr3.mrole'}}</div>
					</span>
				</div>
				<div class="table-item table-value v-role desktop-display"><span>{{lang 'investor.corporate.table.tr3.drole'}}</span></div>
				<div class="table-item table-value v-audit role-member"><span></span></div>
				<div class="table-item table-value v-compensation role-member"><span></span></div>
				<div class="table-item table-value v-ncg role-chairperson"><span></span></div>
			</div>
			<div class="table-row">
				<div class="table-item table-value v-name">
					<span>
						<div class="name-name">{{lang 'investor.corporate.table.tr4.name'}}</div>
						<div class="name-role mobile-display">{{lang 'investor.corporate.table.tr4.mrole'}}</div>
					</span>
				</div>
				<div class="table-item table-value v-role desktop-display"><span>{{lang 'investor.corporate.table.tr4.drole'}}</span></div>
				<div class="table-item table-value v-audit role-member"><span></span></div>
				<div class="table-item table-value v-compensation role-chairperson"><span></span></div>
				<div class="table-item table-value v-ncg role-member"><span></span></div>
			</div>
			<div class="table-row">
				<div class="table-item table-value v-name">
					<span>
						<div class="name-name">{{lang 'investor.corporate.table.tr5.name'}}</div>
						<div class="name-role mobile-display">{{lang 'investor.corporate.table.tr5.mrole'}}</div>
					</span>
				</div>
				<div class="table-item table-value v-role desktop-display"><span>{{lang 'investor.corporate.table.tr5.drole'}}</span></div>
				<div class="table-item table-value v-audit role-chairperson"><span></span></div>
				<div class="table-item table-value v-compensation role-member"><span></span></div>
				<div class="table-item table-value v-ncg role-member"><span></span></div>
			</div>
		</div>
	</div>
	<div class="role-container">
		<div class="role-chairperson"><span></span>{{lang 'investor.corporate.role.chairperson'}}</div>
		<div class="role-member"><span></span>{{lang 'investor.corporate.role.member'}}</div>
	</div>
</div>
<div class="gradient-bg-green desktop-display">
	<div class="download-sections container">
		<div class="download-section govn-doc">
			<div class="download-title"><span>{{lang 'investor.corporate.download.govn-doc.title'}}</span></div>
			<div class="download-list">
				<div class="download-list-item">
					<div class="pdf-icon">
						<span></span>
					</div>
					<div class="pdf-title">
						<span>{{lang 'investor.corporate.download.govn-doc.list.1.title'}}</span>
					</div>
				</div>
				<div class="download-list-item">
					<div class="pdf-icon">
						<span></span>
					</div>
					<div class="pdf-title">
						<span>{{lang 'investor.corporate.download.govn-doc.list.2.title'}}</span>
					</div>
				</div>
				
			</div>
		</div>
		<div class="download-section govn-char">
			<div class="download-title"><span>{{lang 'investor.corporate.download.govn-char.title'}}</span></div>
			<div class="download-list">
				<div class="download-list-item">
					<div class="pdf-icon">
						<span></span>
					</div>
					<div class="pdf-title">
						<span>{{lang 'investor.corporate.download.govn-char.list.1.title'}}</span>
					</div>
				</div>
				<div class="download-list-item">
					<div class="pdf-icon">
						<span></span>
					</div>
					<div class="pdf-title">
						<span>{{lang 'investor.corporate.download.govn-char.list.2.title'}}</span>
					</div>
				</div>
				<div class="download-list-item">
					<div class="pdf-icon">
						<span></span>
					</div>
					<div class="pdf-title">
						<span>{{lang 'investor.corporate.download.govn-char.list.3.title'}}</span>
					</div>
				</div>
			</div>
		</div>
	</div>
</div>