views/index.html


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51

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

<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"}}