ClickHouse/website/templates/company/team.html

<div class="section pb-15 pt-10">
	<div class="bg-offset-right bg-light"></div>
	<div class="container">
		
		<h2 class="display-3 text-center mb-8">
			{{ _('The ClickHouse Team') }}
		</h2>

		<div class="row mb-8">
			<div class="col-lg-3 text-center">
				
				<div class="photo-frame mx-auto">
					<img src="/images/photos/photo-ivan-blinkov.jpg">
				</div>
				<h3 class="display-4">
					{{ _('Ivan Blinkov') }}
				</h3>
				<p class="font-lg text-muted mx-auto" style="max-width:220px;">
					{{ _('VP, Product') }}
				</p>
				<div class="social-icons justify-content-center size-small">
					<a
						rel="external nofollow noreferrer"
						target="_blank"
						href="#"
						class="social-icons-linkedin-alt"
					></a>
				</div>
				
			</div>
			<div class="col-lg-3 text-center">
				
				<div class="photo-frame mx-auto">
					<img src="/images/photos/photo-jason-chan.jpg">
				</div>
				<h3 class="display-4">
					{{ _('Jason Chan') }}
				</h3>
				<p class="font-lg text-muted mx-auto" style="max-width:220px;">
					{{ _('Adviser, Security, Privacy & Compliance') }}
				</p>
				<div class="social-icons justify-content-center size-small">
					<a
						rel="external nofollow noreferrer"
						target="_blank"
						href="#"
						class="social-icons-linkedin-alt"
					></a>
				</div>
				
			</div>
			<div class="col-lg-3 text-center">
				
				<div class="photo-frame mx-auto">
					<img src="/images/photos/photo-mike-hayes.jpg">
				</div>
				<h3 class="display-4">
					{{ _('Mike Hayes') }}
				</h3>
				<p class="font-lg text-muted mx-auto" style="max-width:220px;">
					{{ _('VP, Sales') }}
				</p>
				<div class="social-icons justify-content-center size-small">
					<a
						rel="external nofollow noreferrer"
						target="_blank"
						href="#"
						class="social-icons-linkedin-alt"
					></a>
				</div>
				
			</div>
			<div class="col-lg-3 text-center">
				
				<div class="photo-frame mx-auto">
					<img src="/images/photos/photo-thom-oconner.jpg">
				</div>
				<h3 class="display-4">
					{{ _('Thom O’Connor') }}
				</h3>
				<p class="font-lg text-muted mx-auto" style="max-width:220px;">
					{{ _('VP, Support & Services') }}
				</p>
				<div class="social-icons justify-content-center size-small">
					<a
						rel="external nofollow noreferrer"
						target="_blank"
						href="#"
						class="social-icons-linkedin-alt"
					></a>
				</div>
				
			</div>
		</div>

		<div class="row justify-content-center mb-15">
			<div class="col-lg-3 text-center">
				
				<div class="photo-frame mx-auto">
					<img src="/images/photos/photo-dorota-szeremeta.jpg">
				</div>
				<h3 class="display-4">
					{{ _('Dorota Szeremeta') }}
				</h3>
				<p class="font-lg text-muted mx-auto" style="max-width:220px;">
					{{ _('VP, Operations') }}
				</p>
				<div class="social-icons justify-content-center size-small">
					<a
						rel="external nofollow noreferrer"
						target="_blank"
						href="#"
						class="social-icons-linkedin-alt"
					></a>
				</div>
				
			</div>
			<div class="col-lg-3 text-center">
				
				<div class="photo-frame mx-auto">
					<img src="/images/photos/photo-arno-van-driel.jpg">
				</div>
				<h3 class="display-4">
					{{ _('Arno Van Driel') }}
				</h3>
				<p class="font-lg text-muted mx-auto" style="max-width:220px;">
					{{ _('VP, EMEA') }}
				</p>
				<div class="social-icons justify-content-center size-small">
					<a
						rel="external nofollow noreferrer"
						target="_blank"
						href="#"
						class="social-icons-linkedin-alt"
					></a>
				</div>
				
			</div>
		</div>

		<div class="card mx-auto mb-15 is-large has-dark-border has-pattern" style="max-width:840px;">
			<div class="card-body">

				<h3 class="display-3 text-center">
					{{ _('Join the team') }}
				</h3>

				<p class="font-lg text-muted text-center mb-5 mx-auto" style="max-width:630px;">
					{{ _('We are primarily looking for Support Engineers and Software Engineers at this time! For more information, contact us at') }}
					<a href="mailto:careers@clickhouse.com" class="text-blue text-decoration-underline">careers@clickhouse.com</a>
				</p>

				<div class="btns">
					<a href="#" class="btn btn-outline-secondary" role="button">See Careers</a>
				</div>

			</div>
		</div>

		<hr class="is-medium is-large mb-8">

		<h2 class="display-2 text-center mb-8">
			{{ _('ClickHouse Investors') }}
		</h2>

		<div class="d-flex flex-column flex-lg-row align-items-center justify-content-center">
			<img src="/images/logos/logo-index-ventures.png" height="33" width="262" class="d-block mx-auto mx-lg-0 mb-5 mb-lg-0" style="aspect-ratio: 262 / 33; height: auto;">
			<img src="/images/logos/logo-benchmark-capital.png" height="40" width="152" class="mx-auto ml-lg-10 mr-lg-0" style="aspect-ratio: 152 / 40; height: auto;">
		</div>

	</div>
</div>