2
0
mirror of https://github.com/offen/website.git synced 2024-10-18 20:20:24 +02:00
website/homepage/theme/templates/index.html
2020-04-22 20:07:07 +02:00

99 lines
3.0 KiB
HTML

{% extends "page.html" %}
{% block content %}
<div class="w-100 mt5-ns cclr-mid-yellow">
<div class="mw8 center" id="bg-intro">
<div class="flex justify-center pt5 ph4">
<div class="dn db-ns w-20 tr pr3 pb3">
<img src="/theme/images/offen-icon-white.svg" alt="Offen logo" width="58" height="63">
</div>
<div class="w-100 w-80-ns">
<div class="flex">
<div class="db dn-ns intro-margin-a mb2 mr2">
<img src="/theme/images/offen-icon-white.svg" alt="Offen logo" width="40" height="43">
</div>
<h1 class="f1-ns f2 normal lh-solid ma0 mb1 intro-margin-b white">
Offen
</h1>
</div>
<h1 class="f1-ns f2 normal lh-solid ma0 mb3">
Transparent <span>web analytics</span>
</h1>
<p class="ma0 mb4">
Offen is a fair alternative to common web analytics tools. <span>Pay respect to your users while gaining insight into their behavior. </span>Self hosted, open source and free.
</p>
<div class="pb5 mb2">
<a class="b link dim ph4 pv2 dib b--solid bw2 brd-cclr-mid-black fnt-cclr-mid-black" href="/get-started/" rel="noopener">Start now</a>
</div>
</div>
</div>
</div>
</div>
<div class="w-100" id="bg-feature">
<div class="center">
<div class="flex flex-wrap justify-center w-100">
<div class="flex justify-center w55-container" id="bg-feature-1">
<div class="w56 tc pa3">
<h2 class="f25 normal lh-solid mt5 mb3">
<em class="em-mint">
Free & Open
</em>
</h2>
<p class="ma0 mb5">
Our open source code can be fully audited by the community. It will always be available for free. Seriously.
</p>
</div>
</div>
<div class="flex justify-center w55-container" id="bg-feature-3">
<div class="w56 tc pa3">
<h2 class="f25 normal lh-solid mt6 mb3">
<em class="em-mint">
Self hosted
</em>
</h2>
<p class="ma0">
Comply with GDPR guidelines. Don't share data with third parties. Your users have full access to their data.
</p>
</div>
</div>
<div class="flex justify-center w55-container" id="bg-feature-2">
<div class=" w56 tc pa3">
<h2 class="f25 normal lh-solid mt7 mb3">
<em class="em-mint">
Fair & Secure
</em>
</h2>
<p class="ma0">
Pay respect to your website visitors. Gain valuable insights at the same time. All data is encrypted end-to-end.
</p>
</div>
</div>
</div>
</div>
</div>
{% endblock %}
{% block outro %}
{% endblock %}