-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
114 lines (100 loc) · 5.73 KB
/
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
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
<!DOCTYPE HTML>
<!--
Astral by HTML5 UP
html5up.net | @ajlkn
Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
-->
<html lang="de">
<head>
<title>Die blistar-App</title>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<!--[if lte IE 8]><script src="assets/js/ie/html5shiv.js"></script><![endif]-->
<link rel="stylesheet" href="assets/css/main.css" />
<noscript><link rel="stylesheet" href="assets/css/noscript.css" /></noscript>
<!--[if lte IE 8]><link rel="stylesheet" href="assets/css/ie8.css" /><![endif]-->
</head>
<body>
<!-- Wrapper-->
<div id="wrapper">
<!-- Nav -->
<nav id="nav">
<a href="#me" class="icon fa-home active" aria-hidden="true" aria-label="Start"><span>Start</span></a>
<a href="#work" class="icon fa-user" aria-hidden="true" aria-label="Über mich"><span>Über mich</span></a>
<a href="#contact" class="icon fa-envelope" aria-hidden="true" aria-label="Kontakt"><span>Kontakt</span></a>
<a href="#share" class="icon fa-heart" aria-hidden="true" aria-label="Teilen"><span>Teilen</span></a>
</nav>
<!-- Main -->
<div id="main">
<!-- Me -->
<article id="me" class="panel">
<header>
<h1>blistar-App</h1>
</header>
<a href="#work" class="jumplink pic">
<img src="images/blista.jpg" alt="Das blistar-App Logo" />
</a>
</article>
<!-- Work -->
<article id="work" class="panel">
<header>
<h2>Über mich</h2>
</header>
<p>
Mein Name ist Falk und ich bin 19 Jahre alt. Ich entwickele Apps, schreibe einen IT-Blog, mache Musik, und war selbst Schüler der blista. ;)
<br>
Mehr über mich erfahrt Ihr auf: <a href="https://zitrotec.de" style="color:#00A61D;">zitrotec.de</a>, <a href="https://m.facebook.com/z1tr0t3c" style="color:#00A61D;">Facebook</a> und <a href="https://mobile.twitter.com/z1tr0t3c" style="color:#00A61D;">Twitter</a>.</p>
</article>
<!-- Contact -->
<article id="contact" class="panel">
<header>
<h2>Kontaktiere mich</h2>
</header>
<p>
Wenn du Fragen, Wünsche oder Kritik zur blistar-App hast.
<br>
Bitte lies auch die <a href="faq.html" style="color:#00A61D;">FAQ</a> um eine Lösung zu finden.
<br>
<em>Du bist Offline, bitte stell eine Internetverbindung her um mich zu kontaktieren.</em>
</p>
</article>
<!-- Share -->
<article id="share" class="panel">
<header>
<h2>Weiterempfehlen</h2>
</header>
<p>
Erzähl deinen Freunden von der blistar-App:
<br>
<a href="https://m.facebook.com/sharer.php?u=https%3A%2F%2Fzitrotec.de%2Fblista%2Fdl" style="color:#00A61D;">Auf Facebook Weiterempfehlen
<br>
<a href="https://twitter.com/intent/tweet?url=https://zitrotec.de/blista/dl&text=Mit+der+blistar-App+bleibst+du+immer+auf+dem+neuesten+Stand.+Lade+sie+jetzt+herunter:" style="color:#00A61D;">Auf Twitter Weiterempfehlen</a>
<br>
<a href="mailto:?Subject=Die%20blistar-App%20ist%20Da%21&Body=Hallo%2C%0A%0AMit%20der%20blistar-App%20bleibst%20du%20immer%20auf%20dem%20neuesten%20Stand.%0ALade%20sie%20jetzt%20herunter%3A%20https%3A//zitrotec.de/blista/dl" style="color:#00A61D;">Per E-Mail Weiterempfehlen</a>
<br>
<a href="sms:?&body=Mit der blistar-App bleibst du immer auf dem neuesten Stand. Lade sie jetzt herunter: https://zitrotec.de/blista/dl" style="color:#00A61D;">Per SMS Weiterempfehlen</a>
<br>
<a href="itms-apps://itunes.apple.com/de/app/blistar/id1329529551?action=write-review" style="color:#00A61D;">Im App Store Rezensieren</a>
</p>
</article>
</div>
<!-- Footer -->
<div id="footer">
<ul class="copyright">
<li>Die blistar-App verwendet <a href="license.txt">Open Source Software</a></li><li>sowie Icons von <a href="https://icons8.de">Icons8</a></li>
<br>
<a href="imprint.html">Impressum</a> | <a href="privacy.html">Datenschutzerklärung</a> | <a href="links.html">Weiterführende Links</a>
<br>
© Falk Rismansanj.</li><li>Design: <a href="https://html5up.net">HTML5 UP</a></li>
</ul>
</div>
</div>
<!-- Scripts -->
<script src="assets/js/jquery.min.js"></script>
<script src="assets/js/skel.min.js"></script>
<script src="assets/js/skel-viewport.min.js"></script>
<script src="assets/js/util.js"></script>
<!--[if lte IE 8]><script src="assets/js/ie/respond.min.js"></script><![endif]-->
<script src="assets/js/main.js"></script>
</body>
</html>