{{ partial "header.html" . }}

<section class="hero is-primary homepage-hero">
	<!-- Hero head: will stick at the top -->
	<div class="hero-head">
		{{ partial "navbar.html" . }}
	</div>
	<!-- Hero content: will be in the middle -->
	<div class="hero-body">
		<div class="container has-text-centered">
			{{ .Content }}
		</div>
	</div>

	<div class="hero-foot">
		<img src="{{ .Site.BaseURL }}images/screenshot.png"/>
	</div>
</section>

<section class="hero is-link feature-shoutout">
	<div class="hero-body">
		<div class="container">
			<div class="columns">
			{{ range $index, $element := .Data.Pages }}
				{{ if eq .Section "features" }}
					<div class="column">
						{{ .Content }}
					</div>
				{{ end }}
			{{ end }}
			</div>
		</div>
	</div>
</section>

<section class="hero feature-shoutout" style="background-color: #fafafa;">
	<div class="hero-body">
		<div class="container has-text-centered">
			<h2 class="subtitle is-2">Sponsors</h2>
			<div class="columns">
				<div class="column">
					<a href="https://www.didiyun.com"><img style="width: 130px" src="/images/didi.png" alt="DiDi Cloud"></a>
				</div>
				<div class="column">
					<a href="http://inblockchain.com"><img style="width: 175px" src="/images/inblockchain.png" alt="INBlockchain"></a>
				</div>
				<div class="column">
					<a href="https://www.packet.com"><img src="/images/packet.png" alt="Packet.com"></a>
				</div>
				<div class="column">
					<a href="https://digitalocean.com"><img style="width: 201px;vertical-align: top;margin-top: 15px" src="/images/digitalocean.svg" alt="DigitalOcean"></a>
				</div>
				<div class="column">
					<a href="https://opencollective.com/gitea"><img src="/images/opencollective.svg" style="vertical-align: top;margin-top: 16px;" alt="Open Collective"></a>
				</div>
			</div>
		</div>
	</div>
</section>

{{ partial "footer.html" . }}