{{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="container">
	<div class="row">
		<div class="col-md-12">
			<h1>How to</h1>
			<div class="well well-lg">
				<h2 id="create_new">Create new adress</h2>
				<p>To create a new mail adress follow and fill out <a href="/register" title="Sign up">this</a> link.
				<br>
				You can use <strong>email.iamfabulous.de</strong> or <strong>user.iamfabulous.de</strong> as a base domain, so e.g. 'post@email.iamfabulous.de' or 'tidyupmyroom@user.iamfabulous.de' are valid entries.
				<br>
				Try it out, if the mail is already taken it will prompt you with more details.
				</p>
				<br>
				<h2 id="own_domain">Use other domains</h2>
				<p>It is possible to use other domains as well. If you own one, we can do the mail hosting for you.
				<br>
				The requirements are a valid MX entry in your DNS. MX means 'mail exchange' and is a special resource record which points the responsible mail server. The correct entry is <strong>mx.iamfabulous.de</strong>.
				</p>
				<br>
				<h2 id="login">Login</h2>
				<p>The easiest way is to use our webmail interface. You can find it <a href="https://webmail.iamfabulous.de/" title="Webmail" target="_blank">here <span class="fa fa-external-link"></span></a>.
				<br>
				Log in with your full mail adress and your password.
				<br>
				<br>
				If you want to use your own client, see <a href="/server" title="Server">here</a> for connection details.
				</p>
			</div>
		</div>
	</div>
</div>
{{template "footer.html"}}