-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
139 lines (123 loc) · 6.28 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
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Uncommon Hacks</title>
<meta name="description" content="Learn and build with technology with Uncommon Hacks.">
<!-- Favicon -->
<link rel="shortcut icon" type="image/png" href="img/favicon.png"/>
<!-- Styles -->
<link href="css/bootstrap.min.css" rel="stylesheet">
<link href="css/landing.css" rel="stylesheet">
<link href="font-awesome-4.7.0/css/font-awesome.min.css" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Montserrat:200,300,400,500,600,700,800,900" rel="stylesheet">
<!-- External javascript -->
<script src="js/jquery-3.6.1.min.js"></script>
<script src="js/bootstrap.bundle.min.js"></script>
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-4CSFN5D9CD"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'G-4CSFN5D9CD');
</script>
</head>
<body>
<!-- Header -->
<nav class="navbar fixed-top navbar-expand-md navbar-dark">
<div class="container-fluid">
<!-- Uncommon Hacks logo -->
<span class="navbar-brand logo">
<img class="mini-logoz" src="img/logo.svg"/>
<span class="disappear">Uncommon</span>
</span>
<!-- Button appears only on smaller screen sizes. Clicking it reveals the hidden navbar -->
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarMain" aria-controls="navbarMain" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<!-- Navbar collapses on smaller screen sizes -->
<div class="collapse navbar-collapse" id="navbarMain">
<ul class="navbar-nav ">
<li class="nav-item">
<a class="nav-link" href="https://team.uncommonhacks.com/">Meet the Team</a>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" data-bs-toggle="dropdown" href="" role="button" aria-expanded="false">Past Events</a>
<ul class="dropdown-menu">
<li><a class="dropdown-item" href="https://hacks2023.uncommonhacks.com">Hacks 2023</a></li>
<li><a class="dropdown-item" href="https://makes2022.uncommonhacks.com">Makes 2022</a></li>
<li><a class="dropdown-item" href="https://hacks2022.uncommonhacks.com">Hacks 2022</a></li>
<li><a class="dropdown-item" href="https://makes2021.uncommonhacks.com">Makes 2021</a></li>
<li><a class="dropdown-item" href="https://hacks2021.uncommonhacks.com">Hacks 2021</a></li>
<li><a class="dropdown-item" href="https://makes2020.uncommonhacks.com">Makes 2020</a></li>
<li><a class="dropdown-item" href="https://hacks2020.uncommonhacks.com">Hacks 2020</a></li>
<li><a class="dropdown-item" href="https://makes2019.uncommonhacks.com">Makes 2019</a></li>
<li><a class="dropdown-item" href="https://hacks2019.uncommonhacks.com">Hacks 2019</a></li>
</ul>
</li>
<li class="nav-item">
<a class="nav-link" data-bs-toggle="modal" href="" role="button" data-bs-target="#contactModal">Contact</a>
</li>
<li class="nav-item">
<a class="nav-link" href="https://uncommonhacks.us13.list-manage.com/subscribe?u=6014b43bb217b62cde96742c8&id=62fdec96dc" target="_blank" role="button">Subscribe</a>
</li>
</ul>
</div>
</div>
</nav>
<!-- Info for Makes -->
<div id="make-side" class="side info-wrapper">
<div class="info-wrapper">
<p class="header">Make</p>
<p id="hack-txt" class="txt">inviting all UChicago students:<br> build. create. make.</p>
<div class="divider"> </div>
<p class="info">
November 11, 2023<br>University of Chicago<br>
<a class="info-button grow" href="https://makes2023.uncommonhacks.com">MORE INFORMATION</a>
</p>
</div>
</div>
<!-- Info for Hacks -->
<div id="hack-side" class="side info-wrapper">
<div class="info-wrapper">
<p class="header">Hack</p>
<p id="hack-txt" class="txt">24-hour college hackathon</p>
<div class="divider"> </div>
<p class="info">
March 22 - 24, 2024<br>University of Chicago<br>
<a class="info-button grow" href="https://hacks2024.uncommonhacks.com">REGISTER!</a>
</p>
</div>
</div>
<!-- Modal window for contact info -->
<div class="modal fade " id="contactModal" tabindex="-1">
<div class="modal-dialog ">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="btn-close btn-close-white" data-bs-dismiss="modal" aria-label="Close"></button>
</div>
<div class="modal-body">
<div class="social-media">
<a class="no-underline" href="http://facebook.com/uncommonhacks" target="_blank">
<img class="social-media-img grow" src="img/facebook.svg"/>
</a>
<a class="no-underline" href="http://twitter.com/uncommonhacks" target="_blank">
<img class="social-media-img grow" src="img/twitter.svg"/>
</a>
<a class="no-underline" href="http://m.me/uncommonhacks" target="_blank">
<img class="social-media-img grow" src="img/messenger.svg"/>
</a>
<a class="no-underline" href="mailto:celery@uncommonhacks.com">
<img class="social-media-img grow" src="img/email.svg"/>
</a>
</div>
<p class="txt">Interested in becoming a sponsor? Contact us <a href="mailto:sponsorship@uncommonhacks.com" target="_blank">here</a>!</p>
<p class="txt">Subscribe to our email list <a href="https://eepurl.com/gp_SK1" target="_blank">here</a>!</p>
</div>
</div>
</div>
</div>
</body>
</html>