-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathindex.html
200 lines (171 loc) · 26.2 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
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
<!DOCTYPE html>
<html lang="en" class="w-full h-full font-sans">
<head>
<meta charset="utf-8" />
<title>HackTJ 12.0</title>
<meta
name="description"
content="Do you get excited watching your ideas come to life? Ever wanted to build the next Snapchat or
create an Amazon Alexa skill? Program a drone? Create programs using the latest machine
learning or virtual reality technology? Come to HackTJ to make new friends, build mind-blowing
projects, attend workshops to learn new tricks, and have a fantastic time!"
/>
<link rel="icon" href="./favicon.png" />
<!-- Open Graph -->
<meta property="og:title" content="HackTJ 12.0" />
<meta property="og:url" content="https://hacktj.org" />
<meta
property="og:description"
content="Do you get excited watching your ideas come to life? Ever wanted to build the next Snapchat or
create an Amazon Alexa skill? Program a drone? Create programs using the latest machine
learning or virtual reality technology? Come to HackTJ to make new friends, build mind-blowing
projects, attend workshops to learn new tricks, and have a fantastic time!"
/>
<meta property="og:image" content="./og-image.png" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<link
rel="stylesheet"
href="https://fonts.googleapis.com/css2?family=Red%20Hat%20Display:wght@400;700;900"
/>
<meta http-equiv="content-security-policy" content=""><!-- HEAD_svelte-15xtez0_START --><script defer async src="https://maps.googleapis.com/maps/api/js?key=AIzaSyDmX0JhnwxUOSSKLjfxMxoFbwljPsSMi7Y"></script><!-- HEAD_svelte-15xtez0_END -->
<link rel="stylesheet" href="/_app/immutable/assets/__layout-8a35a87b.css">
<link rel="stylesheet" href="/_app/immutable/assets/Modal-8418c07d.css">
<link rel="modulepreload" href="/_app/immutable/start-19c4fa98.js">
<link rel="modulepreload" href="/_app/immutable/chunks/index-a8d9dc73.js">
<link rel="modulepreload" href="/_app/immutable/chunks/paths-b9644fda.js">
<link rel="modulepreload" href="/_app/immutable/pages/__layout.svelte-f8366ff9.js">
<link rel="modulepreload" href="/_app/immutable/pages/index.svelte-e8bacbc6.js">
<link rel="modulepreload" href="/_app/immutable/chunks/Footer-02a4a4a9.js">
<link rel="modulepreload" href="/_app/immutable/chunks/Modal-054c3d4f.js">
<link rel="modulepreload" href="/_app/immutable/chunks/index-d1717e59.js">
<link rel="modulepreload" href="/_app/immutable/chunks/dayjs.min-1fadea94.js">
</head>
<body class="bg-blackberry-800 min-h-screen block">
<nav class="lg:h-24 px-8 lg:px-12 py-8 text-white text-lg font-black bg-blackberry-800 lg:bg-transparent w-full h-full z-10 lg:static static">
<div><svg width="32px" class="static lg:hidden text-white hover:text-theme-100" fill="currentColor" viewBox="0 0 512 512"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="48" d="M88 152h336M88 256h336M88 360h336"></path></svg></div>
<div class="justify-start flex lg:flex flex-col lg:flex-row items-center mt-8 lg:mt-0 space-y-8 lg:space-y-0 space-x-0 lg:space-x-8 hidden"><div class="flex flex-col lg:flex-row items-center space-y-8 lg:space-y-0 space-x-0 lg:space-x-8"><a href="#about" class="hover:text-theme-100">About</a><a href="#sponsors" class="hover:text-theme-100">Sponsors</a><a href="#team" class="hover:text-theme-100">Team</a><a href="#location" class="hover:text-theme-100">Location</a></div>
<div class="flex flex-col lg:flex-row items-center space-y-4 lg:space-y-0 space-x-0 lg:space-x-4 w-full"><a href="/faq" class="block text-center py-2 px-6 text-blueberry-800 font-bold rounded-2xl w-full lg:w-auto bg-[#A2CEF1] hover:bg-[#83BDEC]">FAQ</a><a href="/schedule" class="block text-center py-2 px-6 text-blueberry-800 font-bold rounded-2xl w-full lg:w-auto bg-[#8EADF6] hover:bg-[#6892F3]">Schedule</a><a href="/resources" class="block text-center py-2 px-6 text-blueberry-800 font-bold rounded-2xl w-full lg:w-auto bg-blueberry-200 hover:bg-blueberry-300">Resources</a><a href="/winners" class="block text-center py-2 px-6 text-blueberry-800 font-bold rounded-2xl w-full lg:w-auto bg-spruce-200 hover:bg-spruce-300">Past Winners</a></div></div></nav>
<div class="h-[calc(100vh_-_8rem)] min-h-[512px]"><div class="flex justify-start lg:justify-around items-center mt-18 px-8 md:px-12 h-[calc(100%_-_8rem)]"><div class="flex flex-col"><img alt="TJHSST Dome" src="/dome.svg" class="block lg:hidden mb-3 w-24 h-24">
<div class="text-white font-bold text-6xl md:text-8xl">HackTJ
<sup class="text-3xl md:text-4xl font-mono align-super" style="color: rgba(161,206,241,255);">12.0</sup></div>
<h3 class="text-white font-medium text-xl md:text-2xl w-3/4"><span class="text-[#A7D0F1] font-bold">March 8-9, Cvent</span>
<br>
Build the next greatest thing - oh, and bring your friends along too.
</h3>
<div class="flex flex-col md:flex-row mt-6 space-y-3 md:space-y-0 space-x-0 md:space-x-3"><a href="/register" class="block text-center py-3 bg-[#83BDEC] hover:bg-theme-200 text-blueberry-800 text-xl font-bold rounded-2xl px-8"> Register </a>
<a href="/schedule" class="block text-center py-3 bg-[rgba(161,206,241,255)] hover:bg-[#83BDEC] text-blueberry-800 text-xl font-bold rounded-2xl px-8">Schedule</a></div></div>
<img alt="TJHSST Dome" src="/dome.svg" class="hidden lg:flex self-end max-h-full"></div>
<div class="w-full absolute bottom-0 lg:w-auto lg:relative"><div class="hidden lg:block"><svg class="-mt-1 mb-2 md:mb-6" viewBox="0 0 1440 61" fill="none" xmlns="http://www.w3.org/2000/svg"><rect x="-326" width="599" height="61" rx="30.5" fill="#B8F1EF"></rect><path d="M321 30.5C321 13.6553 334.655 0 351.5 0H1441V61H351.5C334.655 61 321 47.3447 321 30.5V30.5Z" fill="#a2cef1"></path></svg>
<svg class="mb-6" viewBox="0 0 1440 61" fill="none" xmlns="http://www.w3.org/2000/svg"><rect x="-323" width="470" height="61" rx="30.5" fill="#F3F7F0"></rect><rect x="195" width="271" height="61" rx="30.5" fill="#B8DBD9"></rect><rect x="514" width="458" height="61" rx="30.5" fill="#6AB4B0"></rect><rect x="1020" width="599" height="61" rx="30.5" fill="#799bb6"></rect></svg></div></div></div>
<section class="mt-8 p-8 md:p-12 text-blueberry-200" id="about"><h1 class="text-4xl md:text-6xl lg:text-7xl font-black">Welcome to the Future Generation of <span class="text-[#A7D0F1]">Coders</span></h1>
<div class="flex flex-col lg:flex-row mt-4 text-lg space-y-8 lg:space-y-0 lg:space-x-8"><p class="flex-1">Do you get excited watching your ideas come to life? Ever wanted to build the next Snapchat or
create an Amazon Alexa skill? Program a drone? Create programs using the latest machine
learning or virtual reality technology? Come to HackTJ to make new friends, build mind-blowing
projects, attend workshops to learn new tricks, and have a fantastic time!
</p>
<p class="flex-1">HackTJ is a student-run hackathon where you will have 24 hours to learn how to code and/or
work with your friends to make your idea come to life. HackTJ is open to any and all current
high school students. If you're not a high school student but would like to attend, consider
coming as a judge, mentor, or volunteer.
</p></div>
<div class="flex flex-col md:flex-row mt-6 space-y-3 md:space-y-0 space-x-0 md:space-x-3"><a href="/faq" class="block text-center py-3 bg-[#A7D0F1] hover:bg-[#83BDEC] text-blueberry-800 text-xl font-bold rounded-2xl px-8">FAQ</a>
<a href="/resources" class="block text-center py-3 bg-blueberry-200 text-blueberry-800 text-xl font-bold rounded-2xl px-8 hover:bg-blueberry-300">Beginner Resources</a></div>
</section>
<section class="mt-6 text-blueberry-200" id="sponsors"><div class="p-8 md:p-12"><h1 class="text-4xl md:text-6xl font-black text-white">Sponsors</h1>
<h3 class="mt-2 text-xl md:text-2xl font-bold text-blueberry-200">Interested in sponsoring? Check out our <a class="underline text-[#A7D0F1] hover:text-[#83BDEC]" href="/sponsorship12_0.pdf" target="_blank">12.0 sponsorship packet</a>
or email us at
<a class="underline text-[#A7D0F1] hover:text-[#83BDEC]" href="mailto:[email protected]">[email protected]</a> if you're interested or have any questions!
</h3></div>
<div class="bg-[#D6B570] w-full pt-8 md:pt-12"><h3 class="font-bold text-2xl text-black opacity-50 pl-8">GOLD TIER</h3>
<div class="flex w-full space-x-4 px-8 pb-8 md:pb-12 overflow-auto scrollbar-thin scrollbar-thumb-blueberry-200 scrollbar-track-blackberry-500"><a href="https://ro.am/" target="_blank" rel="noopener" class="w-[225px] h-[125px] flex items-center flex-row mt-2 bg-black p-8 rounded-2xl shrink-0 hover:brightness-75"><img alt="Roam Logo" src="/sponsorlogos/roam.png" class="w-full h-full object-contain"></a><a href="https://www.eduavenues.com/" target="_blank" rel="noopener" class="w-[225px] h-[125px] flex items-center flex-row mt-2 bg-black p-8 rounded-2xl shrink-0 hover:brightness-75"><img alt="Eduavenues Logo" src="/sponsorlogos/eduavenues.png" class="w-full h-full object-contain"></a></div></div>
<div class="bg-zinc-400 w-full pt-8 md:pt-12"><h3 class="font-bold text-2xl text-black opacity-50 pl-8">SILVER TIER</h3>
<div class="flex w-full space-x-4 px-8 pb-8 md:pb-12 overflow-auto scrollbar-thin scrollbar-thumb-blueberry-200 scrollbar-track-blackberry-500"><a href="https://www.janestreet.com/" target="_blank" rel="noopener" class="w-[225px] h-[125px] flex items-center flex-row mt-2 bg-black p-8 rounded-2xl shrink-0 hover:brightness-75"><img alt="Jane Street Logo" src="/sponsorlogos/janestreet.png" class="w-full h-full object-contain"></a></div></div>
<div class="bg-[#AF7A6D] w-full pt-8 md:pt-12"><h3 class="font-bold text-2xl text-black opacity-50 pl-8">BRONZE TIER</h3>
<div class="flex w-full space-x-4 px-8 pb-8 md:pb-12 overflow-auto scrollbar-thin scrollbar-thumb-blueberry-200 scrollbar-track-blackberry-500"><a href="https://www.collegeramp.org/" target="_blank" rel="noopener" class="w-[225px] h-[125px] flex items-center flex-row mt-2 bg-black p-8 rounded-2xl shrink-0 hover:brightness-75"><img alt="College Ramp Logo" src="/sponsorlogos/collegeramp.png" class="w-full h-full object-contain"></a><a href="https://www.teoco.com/" target="_blank" rel="noopener" class="w-[225px] h-[125px] flex items-center flex-row mt-2 bg-black p-8 rounded-2xl shrink-0 hover:brightness-75"><img alt="TEOCO Logo" src="/sponsorlogos/teoco.png" class="w-full h-full object-contain"></a></div></div>
<div class="bg-[#DEDBD2] w-full pt-8 md:pt-12"><h3 class="font-bold text-2xl text-black opacity-50 pl-8">PRIZE TIER</h3>
<div class="flex w-full space-x-4 px-8 pb-8 md:pb-12 overflow-auto scrollbar-thin scrollbar-thumb-blueberry-200 scrollbar-track-blackberry-500"><a href="https://www.quantinuum.com" target="_blank" rel="noopener" class="w-[225px] h-[125px] flex items-center flex-row mt-2 bg-black p-8 rounded-2xl shrink-0 hover:brightness-75"><img alt="Quantinuum Logo" src="/sponsorlogos/quantinuum.png" class="w-full h-full object-contain"></a><a href="" target="_blank" rel="noopener" class="w-[225px] h-[125px] flex items-center flex-row mt-2 bg-black p-8 rounded-2xl shrink-0 hover:brightness-75"><img alt="Venture Camp Logo" src="/sponsorlogos/venturecamp.png" class="w-full h-full object-contain"></a></div></div>
<div class="bg-spruce-200 w-full pt-8 md:pt-12"><h3 class="font-bold text-2xl text-black opacity-50 pl-8">PARTNERS</h3>
<div class="flex w-full space-x-4 px-8 pb-8 md:pb-12 overflow-auto scrollbar-thin scrollbar-thumb-blueberry-200 scrollbar-track-blackberry-500"><a href="https://www.tjpartnershipfund.org/" target="_blank" rel="noopener" class="w-[225px] h-[125px] flex items-center flex-row mt-2 bg-black p-8 rounded-2xl shrink-0 hover:brightness-75"><img alt="TJ Partnership Fund Logo" src="/sponsorlogos/tjpartnership.png" class="w-full h-full object-contain"></a><a href="https://www.cvent.com/" target="_blank" rel="noopener" class="w-[225px] h-[125px] flex items-center flex-row mt-2 bg-black p-8 rounded-2xl shrink-0 hover:brightness-75"><img alt="Cvent Logo" src="/sponsorlogos/cvent.png" class="w-full h-full object-contain"></a></div></div></section>
<section class="mt-6 text-blueberry-200 p-8 md:p-12" id="team"><h1 class="text-4xl md:text-6xl font-black text-white">Meet The Team</h1>
<h3 class="mt-2 text-xl md:text-2xl font-bold text-blueberry-200">Hello, us!</h3>
<div class="mt-6 grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 2xl:grid-cols-5 gap-8">
<div class=""><img class="max-h-[256px] w-full object-center object-cover rounded-2xl hover:brightness-75 cursor-pointer transition-all duration-100 ease-in-out" src="/teamportraits/Samvrit.jpg" alt="A team member">
<div class="flex flex-row h-16 items-center justify-between mt-2"><h4 class="text font-medium font-mono">Samvrit Rao</h4>
<button class="about-me-conic-color flex text-center items-center justify-center h-12 w-12 bg-blueberry-200 hover:bg-blueberry-300 text-blueberry-800 text-2xl font-bold rounded-2xl">+</button></div></div>
<div class=""><img class="max-h-[256px] w-full object-center object-cover rounded-2xl hover:brightness-75 cursor-pointer transition-all duration-100 ease-in-out" src="/teamportraits/Saanvi.JPG" alt="A team member">
<div class="flex flex-row h-16 items-center justify-between mt-2"><h4 class="text font-medium font-mono">Saanvi Indukuri</h4>
<button class="about-me-conic-color flex text-center items-center justify-center h-12 w-12 bg-blueberry-200 hover:bg-blueberry-300 text-blueberry-800 text-2xl font-bold rounded-2xl">+</button></div></div>
<div class=""><img class="max-h-[256px] w-full object-center object-cover rounded-2xl hover:brightness-75 cursor-pointer transition-all duration-100 ease-in-out" src="/teamportraits/Avni.jpg" alt="A team member">
<div class="flex flex-row h-16 items-center justify-between mt-2"><h4 class="text font-medium font-mono">Avni Garg</h4>
<button class="about-me-conic-color flex text-center items-center justify-center h-12 w-12 bg-blueberry-200 hover:bg-blueberry-300 text-blueberry-800 text-2xl font-bold rounded-2xl">+</button></div></div>
<div class=""><img class="max-h-[256px] w-full object-center object-cover rounded-2xl hover:brightness-75 cursor-pointer transition-all duration-100 ease-in-out" src="/teamportraits/Pratyasa.JPG" alt="A team member">
<div class="flex flex-row h-16 items-center justify-between mt-2"><h4 class="text font-medium font-mono">Pratyasa Sinha</h4>
<button class="about-me-conic-color flex text-center items-center justify-center h-12 w-12 bg-blueberry-200 hover:bg-blueberry-300 text-blueberry-800 text-2xl font-bold rounded-2xl">+</button></div></div>
<div class=""><img class="max-h-[256px] w-full object-center object-cover rounded-2xl hover:brightness-75 cursor-pointer transition-all duration-100 ease-in-out" src="/teamportraits/Leah.jpg" alt="A team member">
<div class="flex flex-row h-16 items-center justify-between mt-2"><h4 class="text font-medium font-mono">Leah Zhang</h4>
<button class="about-me-conic-color flex text-center items-center justify-center h-12 w-12 bg-blueberry-200 hover:bg-blueberry-300 text-blueberry-800 text-2xl font-bold rounded-2xl">+</button></div></div>
<div class=""><img class="max-h-[256px] w-full object-center object-cover rounded-2xl hover:brightness-75 cursor-pointer transition-all duration-100 ease-in-out" src="/teamportraits/Megan.jpeg" alt="A team member">
<div class="flex flex-row h-16 items-center justify-between mt-2"><h4 class="text font-medium font-mono">Megan Sawant</h4>
<button class="about-me-conic-color flex text-center items-center justify-center h-12 w-12 bg-blueberry-200 hover:bg-blueberry-300 text-blueberry-800 text-2xl font-bold rounded-2xl">+</button></div></div>
<div class=""><img class="max-h-[256px] w-full object-center object-cover rounded-2xl hover:brightness-75 cursor-pointer transition-all duration-100 ease-in-out" src="/teamportraits/Chinmayee.jpg" alt="A team member">
<div class="flex flex-row h-16 items-center justify-between mt-2"><h4 class="text font-medium font-mono">Chinmayee Yerraguntla</h4>
<button class="about-me-conic-color flex text-center items-center justify-center h-12 w-12 bg-blueberry-200 hover:bg-blueberry-300 text-blueberry-800 text-2xl font-bold rounded-2xl">+</button></div></div>
<div class=""><img class="max-h-[256px] w-full object-center object-cover rounded-2xl hover:brightness-75 cursor-pointer transition-all duration-100 ease-in-out" src="/teamportraits/Aanya.jpg" alt="A team member">
<div class="flex flex-row h-16 items-center justify-between mt-2"><h4 class="text font-medium font-mono">Aanya Gupta</h4>
<button class="about-me-conic-color flex text-center items-center justify-center h-12 w-12 bg-blueberry-200 hover:bg-blueberry-300 text-blueberry-800 text-2xl font-bold rounded-2xl">+</button></div></div>
<div class=""><img class="max-h-[256px] w-full object-center object-cover rounded-2xl hover:brightness-75 cursor-pointer transition-all duration-100 ease-in-out" src="/teamportraits/Medhansh.jpg" alt="A team member">
<div class="flex flex-row h-16 items-center justify-between mt-2"><h4 class="text font-medium font-mono">Medhansh Verma</h4>
<button class="about-me-conic-color flex text-center items-center justify-center h-12 w-12 bg-blueberry-200 hover:bg-blueberry-300 text-blueberry-800 text-2xl font-bold rounded-2xl">+</button></div></div>
<div class=""><img class="max-h-[256px] w-full object-center object-cover rounded-2xl hover:brightness-75 cursor-pointer transition-all duration-100 ease-in-out" src="/teamportraits/Hashmita.jpg" alt="A team member">
<div class="flex flex-row h-16 items-center justify-between mt-2"><h4 class="text font-medium font-mono">Hashmita Nittala</h4>
<button class="about-me-conic-color flex text-center items-center justify-center h-12 w-12 bg-blueberry-200 hover:bg-blueberry-300 text-blueberry-800 text-2xl font-bold rounded-2xl">+</button></div></div>
<div class=""><img class="max-h-[256px] w-full object-center object-cover rounded-2xl hover:brightness-75 cursor-pointer transition-all duration-100 ease-in-out" src="/teamportraits/Shaurya.jpg" alt="A team member">
<div class="flex flex-row h-16 items-center justify-between mt-2"><h4 class="text font-medium font-mono">Shaurya Bisht</h4>
<button class="about-me-conic-color flex text-center items-center justify-center h-12 w-12 bg-blueberry-200 hover:bg-blueberry-300 text-blueberry-800 text-2xl font-bold rounded-2xl">+</button></div></div>
<div class=""><img class="max-h-[256px] w-full object-center object-cover rounded-2xl hover:brightness-75 cursor-pointer transition-all duration-100 ease-in-out" src="/teamportraits/Sanya.jpg" alt="A team member">
<div class="flex flex-row h-16 items-center justify-between mt-2"><h4 class="text font-medium font-mono">Sanya Bhalla</h4>
<button class="about-me-conic-color flex text-center items-center justify-center h-12 w-12 bg-blueberry-200 hover:bg-blueberry-300 text-blueberry-800 text-2xl font-bold rounded-2xl">+</button></div></div>
<div class=""><img class="max-h-[256px] w-full object-center object-cover rounded-2xl hover:brightness-75 cursor-pointer transition-all duration-100 ease-in-out" src="/teamportraits/Sidh.jpg" alt="A team member">
<div class="flex flex-row h-16 items-center justify-between mt-2"><h4 class="text font-medium font-mono">Sidh Jaddu</h4>
<button class="about-me-conic-color flex text-center items-center justify-center h-12 w-12 bg-blueberry-200 hover:bg-blueberry-300 text-blueberry-800 text-2xl font-bold rounded-2xl">+</button></div></div>
<div class=""><img class="max-h-[256px] w-full object-center object-cover rounded-2xl hover:brightness-75 cursor-pointer transition-all duration-100 ease-in-out" src="/teamportraits/Dhanvin.jpg" alt="A team member">
<div class="flex flex-row h-16 items-center justify-between mt-2"><h4 class="text font-medium font-mono">Dhanvinkumar Ganeshkumar</h4>
<button class="about-me-conic-color flex text-center items-center justify-center h-12 w-12 bg-blueberry-200 hover:bg-blueberry-300 text-blueberry-800 text-2xl font-bold rounded-2xl">+</button></div></div>
<div class=""><img class="max-h-[256px] w-full object-center object-cover rounded-2xl hover:brightness-75 cursor-pointer transition-all duration-100 ease-in-out" src="/teamportraits/MrHannum.JPG" alt="A team member">
<div class="flex flex-row h-16 items-center justify-between mt-2"><h4 class="text font-medium font-mono">Mr. Hannum</h4>
<button class="about-me-conic-color flex text-center items-center justify-center h-12 w-12 bg-blueberry-200 hover:bg-blueberry-300 text-blueberry-800 text-2xl font-bold rounded-2xl">+</button></div></div>
<div class=""><img class="max-h-[256px] w-full object-center object-cover rounded-2xl hover:brightness-75 cursor-pointer transition-all duration-100 ease-in-out" src="/teamportraits/MrKosek.JPG" alt="A team member">
<div class="flex flex-row h-16 items-center justify-between mt-2"><h4 class="text font-medium font-mono">Mr. Kosek</h4>
<button class="about-me-conic-color flex text-center items-center justify-center h-12 w-12 bg-blueberry-200 hover:bg-blueberry-300 text-blueberry-800 text-2xl font-bold rounded-2xl">+</button></div></div></div></section>
<section class="mt-6 text-blueberry-200 p-8 md:p-12" id="location"><div class="flex flex-col lg:flex-row items-center justify-center lg:space-x-32 space-y-6 lg:space-y-0 m-auto"><div class="w-full lg:w-2/3"><h1 class="text-5xl md:text-7xl font-black text-white">Location</h1>
<h3 class="text-xl font-black text-white mt-3">Cvent HQ</h3>
<h3 class="font-medium text-white mt-1">1765 Greensboro Station Pl 7th Floor, McLean, VA 22102</h3>
<a href="https://goo.gl/maps/L23EwHCCucy7SjKf7" target="_blank" rel="noopener noreferred" class="block mt-4 text-center py-3 bg-[#A7D0F1] hover:bg-[#83BDEC] text-blueberry-800 text-xl font-bold rounded-2xl">Open in Google Maps</a></div>
<div class="w-full h-[400px] rounded-2xl" id="map-canvas"></div></div></section>
<div class="py-8 px-8 md:px-12 w-full bg-[#A7D0F1] sm:flex sm:justify-center sm:justify-end items-center text-blackberry-800 $mt-8"><div class="flex justify-evenly space-x-4 sm:space-x-8 sm:ml-auto"><a href="mailto:[email protected]" target="_blank" class="hover:text-blackberry-500"><svg width="30px" fill="currentColor" viewBox="0 0 512 512"><path d="M424 80H88a56.06 56.06 0 0 0-56 56v240a56.06 56.06 0 0 0 56 56h336a56.06 56.06 0 0 0 56-56V136a56.06 56.06 0 0 0-56-56zm-14.18 92.63-144 112a16 16 0 0 1-19.64 0l-144-112a16 16 0 1 1 19.64-25.26L256 251.73l134.18-104.36a16 16 0 0 1 19.64 25.26z"></path></svg></a>
<a href="https://twitter.com/hacktjofficial" target="_blank" class="hover:text-blackberry-500"><svg width="30px" fill="currentColor" viewBox="0 0 512 512"><path d="M496 109.5a201.8 201.8 0 0 1-56.55 15.3 97.51 97.51 0 0 0 43.33-53.6 197.74 197.74 0 0 1-62.56 23.5A99.14 99.14 0 0 0 348.31 64c-54.42 0-98.46 43.4-98.46 96.9a93.21 93.21 0 0 0 2.54 22.1 280.7 280.7 0 0 1-203-101.3A95.69 95.69 0 0 0 36 130.4c0 33.6 17.53 63.3 44 80.7A97.5 97.5 0 0 1 35.22 199v1.2c0 47 34 86.1 79 95a100.76 100.76 0 0 1-25.94 3.4 94.38 94.38 0 0 1-18.51-1.8c12.51 38.5 48.92 66.5 92.05 67.3A199.59 199.59 0 0 1 39.5 405.6a203 203 0 0 1-23.5-1.4A278.68 278.68 0 0 0 166.74 448c181.36 0 280.44-147.7 280.44-275.8 0-4.2-.11-8.4-.31-12.5A198.48 198.48 0 0 0 496 109.5z"></path></svg></a>
<a href="https://www.linkedin.com/company/hacktj" target="_blank" class="hover:text-blackberry-500"><svg width="30px" fill="currentColor" viewBox="0 0 512 512"><path d="M444.17 32H70.28C49.85 32 32 46.7 32 66.89v374.72C32 461.91 49.85 480 70.28 480h373.78c20.54 0 35.94-18.21 35.94-38.39V66.89C480.12 46.7 464.6 32 444.17 32zm-273.3 373.43h-64.18V205.88h64.18zM141 175.54h-.46c-20.54 0-33.84-15.29-33.84-34.43 0-19.49 13.65-34.42 34.65-34.42s33.85 14.82 34.31 34.42c-.01 19.14-13.31 34.43-34.66 34.43zm264.43 229.89h-64.18V296.32c0-26.14-9.34-44-32.56-44-17.74 0-28.24 12-32.91 23.69-1.75 4.2-2.22 9.92-2.22 15.76v113.66h-64.18V205.88h64.18v27.77c9.34-13.3 23.93-32.44 57.88-32.44 42.13 0 74 27.77 74 87.64z"></path></svg></a>
<a href="https://www.instagram.com/hacktjofficial" target="_blank" class="hover:text-blackberry-500"><svg width="30px" fill="currentColor" viewBox="0 0 512 512"><path d="M349.33 69.33a93.62 93.62 0 0 1 93.34 93.34v186.66a93.62 93.62 0 0 1-93.34 93.34H162.67a93.62 93.62 0 0 1-93.34-93.34V162.67a93.62 93.62 0 0 1 93.34-93.34h186.66m0-37.33H162.67C90.8 32 32 90.8 32 162.67v186.66C32 421.2 90.8 480 162.67 480h186.66C421.2 480 480 421.2 480 349.33V162.67C480 90.8 421.2 32 349.33 32z"></path><path d="M377.33 162.67a28 28 0 1 1 28-28 27.94 27.94 0 0 1-28 28zM256 181.33A74.67 74.67 0 1 1 181.33 256 74.75 74.75 0 0 1 256 181.33m0-37.33a112 112 0 1 0 112 112 112 112 0 0 0-112-112z"></path></svg></a>
<a href="https://www.facebook.com/HackTJOfficial/" target="_blank" class="hover:text-blackberry-500"><svg width="30px" fill="currentColor" viewBox="0 0 512 512"><path fill-rule="evenodd" d="M480 257.35c0-123.7-100.3-224-224-224s-224 100.3-224 224c0 111.8 81.9 204.47 189 221.29V322.12h-56.89v-64.77H221V208c0-56.13 33.45-87.16 84.61-87.16 24.51 0 50.15 4.38 50.15 4.38v55.13H327.5c-27.81 0-36.51 17.26-36.51 35v42h62.12l-9.92 64.77H291v156.54c107.1-16.81 189-109.48 189-221.31z"></path></svg></a>
<a href="https://github.com/HackTJ" target="_blank" class="hover:text-blackberry-500"><svg width="30px" fill="currentColor" viewBox="0 0 512 512"><path d="M256 32C132.3 32 32 134.9 32 261.7c0 101.5 64.2 187.5 153.2 217.9a17.56 17.56 0 0 0 3.8.4c8.3 0 11.5-6.1 11.5-11.4 0-5.5-.2-19.9-.3-39.1a102.4 102.4 0 0 1-22.6 2.7c-43.1 0-52.9-33.5-52.9-33.5-10.2-26.5-24.9-33.6-24.9-33.6-19.5-13.7-.1-14.1 1.4-14.1h.1c22.5 2 34.3 23.8 34.3 23.8 11.2 19.6 26.2 25.1 39.6 25.1a63 63 0 0 0 25.6-6c2-14.8 7.8-24.9 14.2-30.7-49.7-5.8-102-25.5-102-113.5 0-25.1 8.7-45.6 23-61.6-2.3-5.8-10-29.2 2.2-60.8a18.64 18.64 0 0 1 5-.5c8.1 0 26.4 3.1 56.6 24.1a208.21 208.21 0 0 1 112.2 0c30.2-21 48.5-24.1 56.6-24.1a18.64 18.64 0 0 1 5 .5c12.2 31.6 4.5 55 2.2 60.8 14.3 16.1 23 36.6 23 61.6 0 88.2-52.4 107.6-102.3 113.3 8 7.1 15.2 21.1 15.2 42.5 0 30.7-.3 55.5-.3 63 0 5.4 3.1 11.5 11.4 11.5a19.35 19.35 0 0 0 4-.4C415.9 449.2 480 363.1 480 261.7 480 134.9 379.7 32 256 32z"></path></svg></a></div></div>
<script type="module" data-sveltekit-hydrate="3trf5n">
import { set_public_env, start } from "/_app/immutable/start-19c4fa98.js";
set_public_env({});
start({
target: document.querySelector('[data-sveltekit-hydrate="3trf5n"]').parentNode,
paths: {"base":"","assets":""},
session: {},
route: true,
spa: false,
trailing_slash: "never",
hydrate: {
status: 200,
error: null,
nodes: [0, 3],
params: {},
routeId: ""
}
});
</script>
</body>
</html>