/
index.html
47 lines (43 loc) · 1.91 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Actyx</title>
<script src="https://cdn.tailwindcss.com"></script>
<link rel="icon" type="image/x-icon" href="favicon.ico">
<!-- Enable for hot-reload during development-->
<!-- <script type="text/javascript" src="https://livejs.com/live.js"></script>-->
<style>
@media (max-width: 800px) {
html {
/* … */
font-size: 20px;
}
}
mark {
color: #480451;
background-color: unset;
letter-spacing: 0.7pt;
font-weight: 400;
}
</style>
</head>
<body class="bg-[#fcfced] flex justify-center">
<div class="px-4 py-6 lg:px-12 lg:py-8 max-w-6xl">
<!-- Header-->
<div class="lg:flex justify-between items-center pb-8 lg:pb-36 space-y-4 lg:space-y-0">
<img alt="Actyx Logo" src="Actyx_Logo.png" style="height: 2rem" />
<ul class="flex space-x-5 text-xl font-light">
<li><a class="hover:underline" href="https://developer.actyx.com" target="_blank" rel="noopener noreferrer">Docs</a></li>
<li><a class="hover:underline" href="https://actyx.notion.site/Jobs-Actyx-2e33f9042fcc45bdaa0b369a1af4897d" target="_blank" rel="noopener noreferrer">Jobs</a></li>
<li><a class="hover:underline" href="imprint.html">Imprint</a></li>
</ul>
</div>
<!-- Body-->
<div class="flex flex-col lg:flex-row-reverse space-y-4 lg:space-x-8 lg:space-x-reverse justify-evenly lg:items-center">
<img alt="Abstract AI-generated image" class="w-full sm:w-2/3 md:w-1/2 " src="dall-e-is-awesome.png" />
<p class="text-3xl lg:text-4xl xl:text-5xl font-extralight mb-2 leading-snug lg:leading-snug xl:leading-tight">We build protocols, tools and services to radically improve the <mark>resilience</mark> of technical systems.</p>
</div>
</div>
</body>
</html>