-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathindex.html
155 lines (148 loc) · 5.77 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
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
<!DOCTYPE html>
<html>
<head>
<link
href="https://fonts.googleapis.com/css?family=Urbanist"
rel="stylesheet"
/>
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link href="dist/output.css" rel="stylesheet" />
<title>Tulip Trials</title>
<link
rel="apple-touch-icon"
sizes="180x180"
href="dist/content/apple-touch-icon.png"
/>
<link
rel="icon"
type="image/png"
sizes="32x32"
href="dist/content/favicon-32x32.png"
/>
<link
rel="icon"
type="image/png"
sizes="16x16"
href="dist/content/favicon-16x16.png"
/>
<link rel="manifest" href="content/site.webmanifest" />
<link
rel="mask-icon"
href="dist/content/safari-pinned-tab.svg"
color="#5bbad5"
/>
<meta name="msapplication-TileColor" content="#00aba9" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta name="theme-color" content="#ffffff" />
</head>
<body>
<div class="bg-[#fff] min-h-screen">
<header class="absolute inset-x-0 top-0 z-50">
<nav
class="items-center justify-between p-6 lg:px-8"
aria-label="Global"
>
<div class="flex lg:flex-1 justify-center">
<a href="https://tuliptrials.com/">
<span class="sr-only">Tulip Trials</span>
<img
class="w-auto h-12 sm:h-10"
src="dist/content/Logo.svg"
alt="Tulip Trials Logo"
/>
</a>
</div>
</nav>
</header>
<div class="relative isolate">
<!-- Backgroud Gradients Section-->
<div class="w-screen overflow-hidden absolute pt-48 grid">
<div class="opacity-[.15] flex">
<div
class="-rotate-45 block w-[192px] h-[280px] bg-gradient-to-r from-[#FBEFC3] to-[#0C7FE9] rounded-[50%/60%_40%_60%_60%] mix-blend-multiply blur-xl"
></div>
<div
class="w-[192px] h-[280px] bg-gradient-to-r from-[#FF6CD6] to-[#fbf0c4] rounded-[50%/60%_40%_60%_60%] mix-blend-multiply blur-xl"
></div>
<div
class="rotate-45 w-[192px] h-[280px] bg-gradient-to-r from-[#666cff] to-[#fbf0c4] rounded-[50%/60%_40%_60%_60%] mix-blend-multiply blur-xl"
></div>
<div
class="-rotate-45 w-[192px] h-[280px] bg-gradient-to-r from-[#FBEFC3] to-[#0C7FE9] rounded-[50%/60%_40%_60%_60%] mix-blend-multiply blur-xl"
></div>
<div
class="w-[192px] h-[280px] bg-gradient-to-r from-[#FF6CD6] to-[#fbf0c4] rounded-[50%/60%_40%_60%_60%] mix-blend-multiply blur-xl"
></div>
<div
class="rotate-45 w-[192px] h-[280px] bg-gradient-to-r from-[#666cff] to-[#fbf0c4] rounded-[50%/60%_40%_60%_60%] mix-blend-multiply blur-xl"
></div>
<div
class="-rotate-45 w-[192px] h-[280px] bg-gradient-to-r from-[#FBEFC3] to-[#0C7FE9] rounded-[50%/60%_40%_60%_60%] mix-blend-multiply blur-xl"
></div>
<div
class="w-[192px] h-[280px] bg-gradient-to-r from-[#FF6CD6] to-[#fbf0c4] rounded-[50%/60%_40%_60%_60%] mix-blend-multiply blur-xl"
></div>
<div
class="rotate-45 w-[192px] h-[280px] bg-gradient-to-r from-[#666cff] to-[#fbf0c4] rounded-[50%/60%_40%_60%_60%] mix-blend-multiply blur-xl"
></div>
</div>
</div>
<!-- Hero Section-->
<div class="mx-auto max-w-screen-md pt-72 relative">
<div
class="text-4xl sm:text-6xl font-extrabold text-[#1e1153] tracking-wide px-20 items-center justify-center text-center"
>
<span style="font-family: Urbanist">
Making it easier to run and participate in clinical trials
</span>
</div>
<div class="mt-10 flex items-center justify-center gap-x-6 p-20">
<a
href="mailto:[email protected]"
class="rounded-md min-w-0 px-8 py-4 text-xl font-semibold text-white shadow-2xl bg-[#1e1153] hover:bg-[#150B3A]"
>Contact Us</a
>
</div>
</div>
</div>
</div>
<footer class="bg-gray-900 sm:pt-0 align-bottom w-screen">
<div class="mx-auto w-full max-w-screen-xl px-12 py-6 lg:py-8">
<hr class="my-6 sm:mx-auto border-gray-700 lg:my-8" />
<div
class="sm:flex sm:items-center sm:justify-between content-align:items-center"
>
<span class="text-sm sm:text-center text-gray-400"
>© 2023
<a href="https://tuliptrials.com/" class="hover:underline"
>Tulip Trials™</a
>. All Rights Reserved.
</span>
<div class="flex mt-4 space-x-5 sm:justify-center sm:mt-0">
<a
href="https://www.linkedin.com/company/tulip-trials/"
target="_blank"
class="text-gray-500 hover:text-white"
>
<svg
class="w-4 h-4"
aria-hidden="true"
xmlns="http://www.w3.org/2000/svg"
fill="currentColor"
viewBox="0 0 15 15"
>
<path
fill-rule="evenodd"
d="M7.979 5v1.586a3.5 3.5 0 0 1 3.082-1.574C14.3 5.012 15 7.03 15 9.655V15h-3v-4.738c0-1.13-.229-2.584-1.995-2.584-1.713 0-2.005 1.23-2.005 2.5V15H5.009V5h2.97ZM3 2.487a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0Z"
clip-rule="evenodd"
/>
<path d="M3 5.012H0V15h3V5.012Z" />
</svg>
<span class="sr-only">Linkedin Page</span>
</a>
</div>
</div>
</div>
</footer>
</body>
</html>