-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
67 lines (66 loc) · 3.93 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
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
<!DOCTYPE html>
<html lang="en">
<head>
<script defer data-domain="neilkanakia.xyz" src="https://plausible.io/js/script.js"></script>
<!-- google fonts-->
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,400;0,600;0,700;1,600&family=Open+Sans:wght@700&family=Oswald:wght@200;300;400&display=swap" rel="stylesheet">
<!-- meta tags -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Neil Kanakia</title>
<!-- stylesheets -->
<!-- <link rel="stylesheet" href="stylesheets/style.css"> -->
<link rel="stylesheet" href="./output.css">
</head>
<body class="font-poppins antialiased flex flex-col items-center p-5 dark:bg-[#111]">
<header class="flex flex-col items-start mt-8 sm:mt-12 max-w-md">
<h1 class="text-slate-800 text-3xl sm:text-5xl font-extrabold dark:text-slate-50">Neil Kanakia</h1>
<p class="text-slate-800 w-full text-xl sm:text-2xl dark:text-slate-50">
Specialization is for insects.
<br>
Currently interseted in UI design and software.
</p>
<div class="flex gap-3 mt-2 w-fit">
<div class="flex p-1 rounded-md">
<a class="underline underline-offset-2 dark:text-slate-50" href="https://github.com/neilk17"><!-- github -->
Github
</a>
</div>
<div class="flex p-1 rounded-md">
<a href="https://twitter.com/neilkanakia?ref_src=twsrc%5Etfw" class="underline underline-offset-2 dark:text-slate-50" data-show-count="false">
Twitter
</a>
</div>
<div class="flex p-1 rounded-md">
<a href="https://youtube.com/@neilkanakia5510" class="underline underline-offset-2 dark:text-slate-50" data-show-count="false">
Youtube
</a>
</div>
</div>
</header>
<main class="mt-8 w-full max-w-md flex flex-col items-start">
<div class="w-full flex flex-col border dark:border-slate-700 p-3 rounded-lg ">
<a href="https://rfptiger.com/"
class="hover:cursor-pointer text-slate-800 text-2xl font-bold flex items-center dark:text-slate-200">
RfpTiger.com
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" stroke-width="1.5" class="w-5 h-5 stroke-slate-400 fill-white dark:stroke-slate-400 dark:fill-slate-700 ml-2">
<path stroke-linecap="round" stroke-linejoin="round" d="M13.5 6H5.25A2.25 2.25 0 003 8.25v10.5A2.25 2.25 0 005.25 21h10.5A2.25 2.25 0 0018 18.75V10.5m-10.5 6L21 3m0 0h-5.25M21 3v5.25" />
</svg>
</a>
<p class="text-slate-600 dark:text-slate-400 mt-2">Workflow software to help manufacturers sell. Fast.</p>
</div>
<div class="flex flex-col mt-8 w-full border dark:border-slate-700 p-3 rounded-lg">
<a href="https://afterquote.com/"
class="hover:cursor-pointer text-2xl font-bold flex items-center text-slate-800 dark:text-slate-200">
Afterquote.com
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" stroke-width="1.5" class="w-5 h-5 stroke-slate-400 fill-white dark:stroke-slate-400 dark:fill-slate-700 ml-2">
<path stroke-linecap="round" stroke-linejoin="round" d="M13.5 6H5.25A2.25 2.25 0 003 8.25v10.5A2.25 2.25 0 005.25 21h10.5A2.25 2.25 0 0018 18.75V10.5m-10.5 6L21 3m0 0h-5.25M21 3v5.25" />
</svg>
</a>
<p class="text-slate-600 dark:text-slate-400 mt-2">Streamline your bookings and invoices</p>
</div>
</main>
</body>
</html>