{{template "header.html"}}
{{template "navbar.html"}}

{{if .Error}}
<div class="container">
	<div class="row">
	{{range .Error}}
		<p id="dd-alert-danger" class="col-md-4 col-md-offset-4 alert alert-danger alert-dismissible shadow-z-2" role="alert">
			<button type="button" class="close" data-dismiss="alert" aria-label="close"><span aria-hidden="true">&times;</span></button>
	{{.}}
		</p>
	{{end}}
	</div>
</div>
{{end}}
{{if .Success}}
<div class="container">
	<div class="row">
	{{range .Success}}
		<p id="dd-alert-success" class="col-md-4 col-md-offset-4 alert alert-success alert-dismissible shadow-z-2" role="alert"> <button type="button" class="close" data-dismiss="alert" aria-label="close"><span aria-hidden="true">&times;</span></button>
	{{.}}
		</p>
	{{end}}
	</div>
</div>
{{end}}

<div class="jumbotron">
	<div class="container">
		<h1>Libremail</h1>
		<p>Tired of getting spam daily? You just need quickly a mail adress? Or you own a domain and want to use it to recieve E-Mails?
			<strong>You are in the right place.</strong>
			<br>It's completly free and ad-free.</p>
		<p><a class="btn btn-primary btn-lg btn-raised" href="/about" role="button">Learn more &raquo;</a></p>
	</div>
</div>
<div class="container">
	<div class="row">
		<div class="col-md-4">
			<h2>Easy & Quick</h2>
			<p>It's just 2 clicks away.<br>
				Choose a free mail adress and sign up.</p>
			<p><a class="btn btn-primary btn-raised" href="/register" role="button">Sign up &raquo;</a></p>
		</div>
		<div class="col-md-4">
			<h2>Secure</h2>
			<p>We are using state of the art technologies and enforcing encryption on every step.</p>
			<p><a class="btn btn-primary btn-raised" href="/about" role="button">About us &raquo;</a></p>
		</div>
		<div class="col-md-4">
			<h2>Features</h2>
			<p>Everything you need, IMAP, POP3 and Webmail (thanks to Roundcube) included.</p>
			<p><a class="btn btn-primary btn-raised" href="/server" role="button">Features &raquo;</a></p>
		</div>
	</div>
	<div class="row">
		<div class="col-md-4">
			<h2>Own Domain</h2>
			<p>You own a domain? We will gladly do the mail hosting for you. Set up your DNS and get everything out of the box.</p>
			<p><a class="btn btn-primary btn-raised" href="/howto#own_domain" role="button">Read how to &raquo;</a></p>
		</div>
		<div class="col-md-4">
			<h2>Open Source</h2>
			<p>We only use free and open source software. You can use it to host your own solution.</p>
			<p><a class="btn btn-primary btn-raised" href="/about" role="button">Read the source &raquo;</a></p>
		</div>
		<div class="col-md-4">
			<h2>Read more...</h2>
			<p>Follow my blog to read more and find more projects I am working on.</p>
			<p><a class="btn btn-primary btn-raised" href="https://www.iamfabulous.de" role="button">Follow me &raquo;</a></p>
		</div>
	</div>
</div>
{{template "footer.html"}}