-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
132 lines (107 loc) · 3.97 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
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
<html>
<head>
<meta charset="UTF-8">
<meta name="description" content="Heiko Mattern's Portfolio">
<meta name="keywords" content="Heiko Mattern,Portfolio,Personal Website,Holtzman, Full-Stack-Developer">
<meta name="author" content="Heiko Mattern">
<link rel="stylesheet" href="/style/css/main.css?v=3.0"/>
<link rel="stylesheet" href="/font-awesome/css/font-awesome.min.css">
<link href="https://fonts.googleapis.com/css?family=Barlow:300,700|VT323|Pacifico"" rel="stylesheet">
</head>
<body>
<div class="container fade-in-from-below">
<div class="row">
<hr/>
</div>
<div class="row" style="margin-top: 15px;">
<div class="col col-s-1 col-l-1">
<div class="profile-container">
<img class="profile-pic" src="/data/me.jpg" />
</div>
</div>
<div class="col col-s-3 col-l-2 col-centered text-centered">
<h2>Hello,<br />I am a <span class="font-console">Developer</span>!</h2>
<h3 class="on-s-hide test-font">...and a damn good one</h3>
</div>
</div>
<div class="row">
<hr class="small"/>
</div>
<div class="row">
<div class="col col-s-1 col-l-1 col-centered">
<ul class="web-links">
<li><a href="https://github.com/TheMightyHoltzman"><i class="fa fa-github fa-lg"></i></a></li>
<li><a href="https://www.linkedin.com/in/heiko-mattern-1b153372"><i class="fa fa-linkedin fa-lg"></i></a></li>
<li><a href="http://stackoverflow.com/users/1329003/harry-the-holtzman"><i class="fa fa-stack-exchange fa-lg"></i></a></li>
<li><a href="mailto:[email protected]"><i class="fa fa-envelope fa-lg"></i></a></li>
</ul>
</div>
<div class="col col-s-2 col-l-2 align-self-centered">
<p class="introduction">
As a Fullstack-Developer with more than 10 years experience in Software-Development I help
companies build the future.
</p>
</div>
</div>
<div class="row">
<hr class="small"/>
</div>
<div class="row">
<h2>?</h2>
<p>
Everyone is talking about <bold>digitalization</bold> these days: politicians,
economists, CEO's and maybe even your grandmother!
</p>
<p>
And it is true: the digital world has transformed
the way we interact, we do business, we consume information - it is heavily disrupting (to use another buzz-word) traditional
businesses and it most definately is not going to stop! And - paradoxically - you will have to
move quickly to even remain at the status quo! <sup><a href="https://en.wikipedia.org/wiki/Red_Queen%27s_race">1</a></sup>
</p>
<h2>!</h2>
<p>
I will help you move twice as fast! With my strong technical background I want to help you make the transition to the digital world and/or optimise your existing processes!
</p>
</div>
<div class="row">
<hr class="small"/>
</div>
<div class="row">
<div class="col-s-3 col-l-3">
<p>
Me being Full-Stack means, that I can do a significant amount on Front- and Backend. That I am not afraid of
the command line and that <q>Not my department...</q> is not something you will hear from me!
</p>
<div style="display: none;">
<p>
My stack experience includes the following:
</p>
<dl>
<dt>Frontend</dt>
<dd>what the frontend does</dd>
<dt>Backend</dt>
<dd>...</dd>
</dl>
<p>
<h2>Frontend</h2>
<i class="fa"></i>
As you can see, I am not completely inept when it comes to design and aesthetics!
</p>
<p>
<h2>Backend</h2>
<i class="fa"></i>
</p>
<p>
<h2>Dev-Ops</h2>
</p>
</div>
<div class="row">
</div>
</div>
</div>
<div class="row">
<hr/>
</div>
</div>
</body>
</html>