This repository has been archived by the owner on Oct 30, 2020. It is now read-only.
-
Notifications
You must be signed in to change notification settings - Fork 3
/
index.html
45 lines (44 loc) · 2.48 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
<head>
<title>Theta Tools</title>
<link rel="stylesheet" href="https://resources.izmichael.xyz/assets/tailwind.css">
<script src="https://cdn.jsdelivr.net/npm/@webcomponents/webcomponentsjs@2/webcomponents-loader.min.js"></script>
<script type="module" src="https://cdn.jsdelivr.net/gh/zerodevx/zero-md@1/src/zero-md.min.js"></script>
<link rel="stylesheet" href="/assets/styles.css">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>
<body>
<div class="w-full h-screen">
<div class="w-full h-full bg-gray-200 p-10">
<div class="bg-white p-6 rounded-lg lg:mt-40 lg:mx-64">
<div class="flex justify-center mb-4">
<img src="/assets/img/logo-h2.png" class="rounded-full h-16">
<h1 class="text-3xl place-self-center ml-4">Theta Tools</h1>
</div>
<p class="text-center">Theta Tools are a set of HTML Based, Tailwind CSS Designed, pre-built components
and assets that can be used in any project.</p>
<div class="flex w-full mt-2 gap-5 justify-center">
<a href="/docs" class="bg-blue-200 p-2 block text-center rounded-lg">Get
Started</a>
<a href="/discord" class="bg-blue-200 p-2 block text-center rounded-lg">Discord</a>
</div>
</div>
</div>
<div class="w-full bg-gray-200 p-6 absolute bottom-0 grid grid-cols-1 lg:grid-cols-2 px-10 border-t border-black z-50"
id="scroll1">
<a href="/" class="w-64 h-full mx-auto lg:mx-0">
<div class="flex lg:ml-0 ml-10">
<img src="/assets/img/logo-h2.png" class="rounded-full h-16">
<h1 class="text-xl lg:text-3xl place-self-center ml-4">Theta Tools</h1>
</div>
</a>
<div class="flex justify-end flex-col lg:flex-row">
<a href="/"
class="contributing p-4 text-md lg:text-lg place-self-center border-b-2 border-black">Home</a>
<div class="bg-black lg:w-px w-0 lg:mx-2"></div>
<a href="/contributing" class="contributing p-4 text-md lg:text-lg place-self-center">Contributing</a>
<div class="bg-black lg:w-px w-0 lg:mx-2"></div>
<a href="/docs" class="contributing p-4 text-md lg:text-lg place-self-center">Documentation</a>
</div>
</div>
</div>
</body>