momo.coop/index.html

132 lines
2.8 KiB
HTML
Raw Permalink Normal View History

2023-03-06 15:16:02 +00:00
<!DOCTYPE html>
<html>
<head>
2024-10-03 17:05:17 +00:00
<title>Momo IT</title>
2023-03-06 15:16:02 +00:00
<style>
* {
box-sizing: border-box;
}
html {
2024-10-03 17:05:17 +00:00
font-size: 24px;
font-weight: 400;
line-height: 1.4;
}
@media (min-width: 1000px) {
html {
font-size: 36px;
}
2023-03-06 15:16:02 +00:00
}
2024-10-03 17:05:17 +00:00
@media (min-width: 1800px) {
2023-03-06 15:16:02 +00:00
html {
2024-10-03 17:05:17 +00:00
font-size: 48px;
2023-03-06 15:16:02 +00:00
}
}
body {
margin: 0;
2023-06-01 09:23:22 +00:00
padding: 0;
font-family: Source Sans Pro, Open Sans, sans-serif;
color: white;
display: flex;
flex-direction: column;
}
main {
2023-03-06 15:16:02 +00:00
padding: 1rem;
display: flex;
flex-direction: column;
2023-06-01 09:23:22 +00:00
width: 100%;
height: auto;
min-height: 100vh;
background: radial-gradient(farthest-corner at -5% -5%, rgb(255, 0, 200) 0%, rgb(230, 0, 67) 100%);
2023-03-06 15:16:02 +00:00
}
.logo {
2024-10-03 17:05:17 +00:00
font-weight: 800;
font-style: italic;
2023-03-06 15:16:02 +00:00
}
.realness {
display: block;
margin-left: 2rem;
2024-10-03 17:05:17 +00:00
font-style: italic;
2023-03-06 15:16:02 +00:00
}
h1 {
font-size: 2rem;
font-weight: 800;
font-style: normal;
2024-10-03 17:05:17 +00:00
line-height: 1.25;
2023-03-06 15:16:02 +00:00
}
2024-10-03 17:05:17 +00:00
@media (min-width: 1000px) {
2023-03-06 15:16:02 +00:00
h1 {
margin-bottom: 2rem;
}
}
footer {
2024-10-03 17:05:17 +00:00
margin-top: 1rem;
font-weight: 600;
2023-03-06 15:16:02 +00:00
}
a {
2024-10-03 17:05:17 +00:00
display: inline-block;
2023-03-06 15:16:02 +00:00
word-wrap: break-word;
line-break: normal;
color: white;
text-decoration: none;
2024-10-03 17:05:17 +00:00
margin-left: 2rem;
2023-03-06 15:16:02 +00:00
}
a:hover {
text-decoration: underline;
}
2023-06-01 09:23:22 +00:00
.feather {
display: inline-block;
vertical-align: sub;
margin-right: 0.5rem;
width: 1rem;
height: 1rem;
}
2023-03-06 15:16:02 +00:00
</style>
</head>
<body>
2023-06-01 09:23:22 +00:00
<main>
<div class="logo">
2024-10-03 17:05:17 +00:00
Momo IT
2023-06-01 09:23:22 +00:00
</div>
2024-10-03 17:05:17 +00:00
<h1>&lt;&gt; <span class="realness">We engineer and operate.</span> &lt;/&gt;</h1>
2023-03-06 15:16:02 +00:00
<p>
2024-10-03 17:05:17 +00:00
We have experience running large-scale, performant, linux-based infrastructures,
and follow projects from planning to development into operations.
2023-03-06 15:16:02 +00:00
</p>
2023-06-01 09:23:22 +00:00
<footer>
<p>
2024-10-03 17:05:17 +00:00
Find us in Cologne, Germany.
<a href="mailto:mail@momo.koeln">
2023-06-01 09:23:22 +00:00
<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>
2024-10-03 17:05:17 +00:00
</svg>mail@momo.koeln
2023-06-01 09:23:22 +00:00
</a>
</p>
</footer>
</main>
2023-03-06 15:16:02 +00:00
</body>
</html>