diff --git a/app/rollerverbrauch/templates/index.html b/app/rollerverbrauch/templates/index.html
new file mode 100644
index 0000000..4ab1607
--- /dev/null
+++ b/app/rollerverbrauch/templates/index.html
@@ -0,0 +1,42 @@
+{% extends "layout.html" %}
+{% from "security/_macros.html" import render_field_with_errors, render_field %}
+
+{% block body %}
+<div class="row">
+    <div class="col-md-8">
+        <div class="panel panel-default">
+            <div class="panel-body">
+                <h1>Join the pitstop community!</h1>
+
+                <p>There are already {{ data.users}} members with {{ data.vehicles }} vehicles who have logged {{ data.pitstops }} pitstops fuelling {{ data.litres }}l for {{ data.kilometers }}km.</p>
+
+                <p>With pitstop community you can:</p>
+                <ul>
+                    <li>manage multiple vehicles</li>
+                    <li>track each pitstop</li>
+                    <li>get statistics about the fuel consumption</li>
+                </ul>
+
+                <p><a href='{{ url_for('security.register') }}'>Register your account now</a> or <a href='{{ url_for('security.login') }}'>log into your account</a>.</p>
+            </div>
+        </div>
+    </div>
+    <div class="col-md-4">
+        <div class="panel panel-default">
+            <div class="panel-body">
+                <form class='form-horizontal' action="{{ url_for_security('login') }}" method="POST" name="login_user_form">
+                    {{ login_user_form.hidden_tag() }}
+                    {{ render_field_with_errors(login_user_form.email) }}
+                    {{ render_field_with_errors(login_user_form.password) }}
+                    {{ render_field_with_errors(login_user_form.remember) }}
+                    {{ render_field(login_user_form.next) }}
+                    {{ render_field_with_errors(login_user_form.submit) }}
+                    {% if security.recoverable %}
+                        <a href="{{ url_for_security('forgot_password') }}">Forgot password</a>
+                    {% endif %}
+                </form>
+            </div>
+        </div>
+    </div>
+</div>
+{% endblock %}