-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
36 lines (35 loc) · 1.56 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
<!doctype html>
<html>
<meta name="theme-color" content="#7f44d3" />
<meta name="viewport" content="width=device-width" />
<meta charSet="utf-8" />
<title>Wittypen</title>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/tailwind.min.css">
<style>
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;700&display=swap');
.def-font {
font-family: 'Inter', sans-serif;
}
</style>
</html>
<body class="container mx-auto p-4 md:p-12 bg-purple-100 def-font text-gray-800">
<div class="max-w-md rounded overflow-hidden shadow-lg mx-auto bg-white">
<img class="w-full" src="https://images.unsplash.com/photo-1584988063955-6d5ec7b1b638?ixlib=rb-1.2.1&q=80&fm=jpg&crop=entropy&cs=tinysrgb&w=600&h=600&fit=crop&ixid=eyJhcHBfaWQiOjF9" alt="Sunset in the mountains">
<div class="px-6 py-4">
<div class="font-bold text-xl mb-2">
Hey there!
</div>
<p class="mb-4">
Welcome to <span class="italic">wittypen.email</span>.
This is just a small domain we at <a class="underline hover:opacity-50" href="https://wittypen.com">Wittypen</a> use to send you
important notifications and other relevant updates.
If you'd like to contact us, please head over to <a class="underline hover:opacity-50" href="https://wittypen.com/support">our support page</a>.
</p>
Have a lovely day,
<br>
The Wittypen Team
<hr class="my-4">
<a class="underline hover:opacity-50" href="https://wittypen.com">wittypen.com</a>
</div>
</div>
</body>