pactinteractive.github.io/index.html at master · PactInteractive/pactinteractive.github.io · GitHub

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
<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />

    <meta property="og:url" content="/">
    <meta property="og:type" content="website">
    <meta property="og:title" content="Pact">
    <meta property="og:description" content="A small software development and UI/UX design studio">
    <meta property="og:image" content="https://pactinteractive.github.io/logo.jpg">

    <meta name="twitter:card" content="summary_large_image">
    <meta property="twitter:url" content="/">
    <meta name="twitter:title" content="Pact">
    <meta name="twitter:description" content="A small software development and UI/UX design studio">
    <meta name="twitter:image" content="https://pactinteractive.github.io/logo.jpg">

		<link rel="icon" type="image/jpeg" href="./logo.jpg">
		<link href="./style.css" rel="stylesheet">
  </head>

  <body>
    <header class="mesh1 flex flex-col gap-12 bg-stone-50 text-white px-5 pt-12 pb-16">
      <div class="max-w-3xl mx-auto flex flex-col gap-10">
        <hgroup class="flex flex-col gap-4 text-center text-balance text-shadow-md">
          <img
						class="self-center w-32 h-32 rounded-full"
            src="./logo.jpg"
            alt="Pact - A small software development and UI/UX design studio"
          />

          <h1 class="self-center text-6xl font-bold">Pact</h1>

          <p class="text-2xl font-light">
						A small software development and UI/UX design studio, led by
						<a class="decoration-2 underline-offset-4 hover:underline" target="_blank" rel="nofollow me" href="https://x.com/vdsabev">@vdsabev</a> and
						<a class="decoration-2 underline-offset-4 hover:underline" target="_blank" rel="nofollow me" href="https://x.com/boyankostov">@boyankostov</a>.
          </p>

					<p>
						We craft straightforward, people-friendly tools that work well and feel right.
						<br />
						We like things simple, effective, and built to last.
					</p>
        </hgroup>
      </div>
    </header>

    <section class="max-w-3xl rounded-3xl mx-auto my-16 px-3">
      <div class="flex flex-col lg:flex-row gap-5">
				<a class="border flex-1 border-stone-300 bg-stone-50 text-stone-900 rounded-lg p-5" href="https://dbchat.app">
					<hgroup>
						<h2 class="text-lg font-bold">💬 DBChat</h2>
						<p>Chat with your Database using AI ✨</p>
					</hgroup>
				</a>

				<a class="border flex-1 border-stone-300 bg-stone-50 text-stone-900 rounded-lg p-5" href="/image-downloader">
					<hgroup>
						<h2 class="text-lg font-bold">⬇️ Image Downloader</h2>
						<p>Download images from the web with ease</p>
					</hgroup>
				</a>

				<a class="border flex-1 border-stone-300 bg-stone-50 text-stone-900 rounded-lg p-5" href="/code-blue">
					<hgroup>
						<h2 class="text-lg font-bold">🐦‍⬛ Code Blue</h2>
						<p>Render blocks of inline code on X.com</p>
					</hgroup>
				</a>
      </div>
    </section>
  </body>
</html>