-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
81 lines (79 loc) · 4.51 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
<!DOCTYPE html>
<html data-theme="crackthecode" lang="en">
<head>
<title>CrackTheCode</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta charset="UTF-8">
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/full.min.css" rel="stylesheet" type="text/css" />
<script src="https://cdn.tailwindcss.com"></script>
<link rel="stylesheet" href="/assets/crackthecodetheme.css" type="text/css">
<link rel="stylesheet" href="/assets/style.css" type="text/css">
<meta name="name" content="CrackTheCode">
<meta name="description" content="CrackTheCode, hackathons for high schoolers across North America">
<meta name="keywords" content="Hackathons, High School Hackathons, Hackathons for teens">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="theme-color" content="#8A00DE">
</head>
<body class="bg-gradient-to-t from-primary to-secondary">
<div style="padding-bottom:7rem; padding-top:4rem; margin-left: 6rem; margin-right:6rem;">
<div class="text-9xl text-center justify-centers text-neutral font-thin rounded-none"
style="font-family: MetalSentinelRegular;">
<div class="max-md:hidden"><span>Crack The Code</span></div>
<div class="flex justify-center items-center h-full w-full">
<img src="/media/logo.png" alt="Crack The Code" class="w-52 h-52 md:hidden" />
</div>
</div>
<div class="flex flex-col xl:flex-row w-full mt-6 text-center space-y-3 xl:space-y-0 xl:justify-evenly">
<div class="card w-full xl:w-5/12 rounded-none image-full h-96">
<figure><img
src="https://www.cui.edu/portals/0/uploadedimages/AboutCUI/News/Press-Releases/Spectrum-Campus.jpg"
alt="CUI Campus" /></figure>
<div
class="transition transform duration-500 my-2 hover:-translate-y-20 justify-end card-body hover:underline decoration-4 decoration-white">
<div class="card-title place-content-center text-4xl max-sm:text-2xl text-neutral-content font-thin"
style="font-family: OrbitronRegular; ">
<div>
<a href="https://cui2024.crackthecode.dev">Concordia<br>2024</a>
<p class="text-sm italic">This event has ended</p>
</div>
</div>
</div>
</div>
<div class="card w-full xl:w-5/12 rounded-none image-full h-96">
<figure><img src="https://www.cui.edu/portals/0/uploadedimages/Marketing/CUI_Sign_thumb.jpg"
alt="CUI Campus" /></figure>
<div
class="transition-transform duration-500 my-2 hover:-translate-y-20 justify-end card-body hover:underline decoration-4 decoration-white">
<div class="card-title place-content-center text-4xl max-sm:text-2xl text-neutral-content font-thin"
style="font-family: OrbitronRegular; ">
<a href="https://cui2025.crackthecode.dev">Concordia<br>2025</a>
</div>
</div>
</div>
</div>
</div>
<!-- <div class="bg-white lg:h-56"></div> -->
<div>
<footer class="footer p-10 bg-neutral bottom-0 left-0 right-0 object-bottom w-screen h-full">
<aside>
<img width="50" height="50" viewBox="0 0 24 24" src="/media/logo.png" fill-rule="evenodd"
clip-rule="evenodd" class="fill-current">
</img>
<p class="text-left text-neutral-content leading-6">Crack The Code<br>©️ Crack The Code: Defensive
cybersecurity for high school students</p>
</aside>
<nav>
<h6 class="footer-title text-neutral-content">Social</h6>
<div class="grid grid-flow-col gap-4">
<a href="https://www.instagram.com/crackthecode.dev/"><img width="24" height="24"
src="/media/instagram.png"></a>
<a href="https://www.linkedin.com/company/crack-the-code-uci/"><img width="24" height="24"
src="/media/linkedin.png"></a>
<a href="mailto:[email protected]"><img
width="24" height="24" src="/media/gmail.png"></a>
</div>
</nav>
</footer>
</div>
</body>
</html>