Add imprint, improve text, improve mobile design
This commit is contained in:
parent
cd6433e74a
commit
e4bb39b298
1 changed files with 54 additions and 27 deletions
81
index.html
81
index.html
|
@ -1,7 +1,9 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<title>Momo IT</title>
|
||||
<meta charSet="utf-8"/>
|
||||
<meta id="viewport" name="viewport" content="width=device-width, initial-scale=1.0"/>
|
||||
|
||||
<style>
|
||||
* {
|
||||
|
@ -20,12 +22,6 @@
|
|||
}
|
||||
}
|
||||
|
||||
@media (min-width: 1800px) {
|
||||
html {
|
||||
font-size: 48px;
|
||||
}
|
||||
}
|
||||
|
||||
body {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
|
@ -52,26 +48,30 @@
|
|||
|
||||
.realness {
|
||||
display: block;
|
||||
margin-left: 2rem;
|
||||
margin-left: 1rem;
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
h1 {
|
||||
font-size: 2rem;
|
||||
font-size: 1.5rem;
|
||||
font-weight: 800;
|
||||
font-style: normal;
|
||||
line-height: 1.25;
|
||||
}
|
||||
|
||||
@media (min-width: 1000px) {
|
||||
.realness {
|
||||
margin-left: 2rem;
|
||||
}
|
||||
h1 {
|
||||
font-size: 2rem;
|
||||
margin-bottom: 2rem;
|
||||
}
|
||||
}
|
||||
|
||||
footer {
|
||||
margin-top: 1rem;
|
||||
font-weight: 600;
|
||||
font-size: 16px;
|
||||
}
|
||||
|
||||
a {
|
||||
|
@ -81,6 +81,12 @@
|
|||
color: white;
|
||||
text-decoration: none;
|
||||
margin-left: 2rem;
|
||||
margin-top: 1rem;
|
||||
}
|
||||
|
||||
p {
|
||||
margin: 0;
|
||||
margin-top: 0.5rem;
|
||||
}
|
||||
|
||||
a:hover {
|
||||
|
@ -103,27 +109,48 @@
|
|||
</div>
|
||||
<h1><> <span class="realness">We engineer and operate.</span> </></h1>
|
||||
<p>
|
||||
We have experience running large-scale, performant, linux-based infrastructures,
|
||||
We have over 30 years of combined experience creating and managing performant IT-infrastructures,
|
||||
and follow projects from planning to development into operations.
|
||||
</p>
|
||||
<p>
|
||||
We prefer using free and open source software, know our way around data privacy and compliance, and have
|
||||
access to a sizable network of professionals to fall back on for special requests.
|
||||
</p>
|
||||
<p>
|
||||
Find us in Cologne, Germany.
|
||||
<a href="mailto:mail@momo.koeln">
|
||||
<svg
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
viewBox="0 0 24 24"
|
||||
fill="none"
|
||||
stroke="currentColor"
|
||||
stroke-width="2"
|
||||
stroke-linecap="round"
|
||||
stroke-linejoin="round"
|
||||
class="feather feather-mail"
|
||||
>
|
||||
<path d="M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z"></path>
|
||||
<polyline points="22,6 12,13 2,6"></polyline>
|
||||
</svg>mail@momo.koeln
|
||||
</a>
|
||||
</p>
|
||||
<footer>
|
||||
<h4>Imprint & Privacy</h4>
|
||||
|
||||
<p>
|
||||
Find us in Cologne, Germany.
|
||||
<a href="mailto:mail@momo.koeln">
|
||||
<svg
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
viewBox="0 0 24 24"
|
||||
fill="none"
|
||||
stroke="currentColor"
|
||||
stroke-width="2"
|
||||
stroke-linecap="round"
|
||||
stroke-linejoin="round"
|
||||
class="feather feather-mail"
|
||||
>
|
||||
<path d="M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z"></path>
|
||||
<polyline points="22,6 12,13 2,6"></polyline>
|
||||
</svg>mail@momo.koeln
|
||||
</a>
|
||||
Responsible for contents: <br>
|
||||
<br>
|
||||
Wernery, Bädorf & Sokolowski GbR<br>
|
||||
Jhonas Wernery, Benjamin Bädorf, Hendrik Sokolowski<br>
|
||||
<br>
|
||||
<adress>
|
||||
MiOM Kreativraum e.V. c/o Momo IT<br>
|
||||
Wilhelm-Mauser-Straße 47, Halle 5<br>
|
||||
50827 Köln
|
||||
</address>
|
||||
</p>
|
||||
<p>
|
||||
This website does not track any personal data.
|
||||
</p>
|
||||
</footer>
|
||||
</main>
|
||||
|
|
Loading…
Add table
Reference in a new issue