---
title: Introduction
tags:
- demoIndex
order: 1
---
{% layout 'hippie/page.liquid' %}

{% block title %}Einführung{% endblock %}

{% block main %}
<section class="sec_main_center">
	<header>
		<hgroup>
			<h1>Introduction to HIPPIE</h1>
			<p>Hippie interweaves preeminent personal interface elements.</p>
		</hgroup>
	</header>
	<article>
		<p>&hellip;</p>
		<p>Contact: <a id="special" href=""></a>
		</p>
		<p>More: <a class="general" href=""></a>, <a class="general" href=""></a>
		</p>
	</article>
</section>
{% endblock %}

{% block script %}
{{ block.super -}}
<script>
	composeMail('special', 'me', 'domain', 'tld', 'Me', 'HIPPIE')
	composeMail('.general', 'name', 'domain', 'tld', '', '')
</script>
{% endblock %}