This repository has been archived by the owner on Aug 6, 2020. It is now read-only.
-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
101 lines (92 loc) · 4.47 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<title>HackNYU Club</title>
<meta name="description" content="HackNYU organizes events at NYU around building creative tech.">
<link rel="stylesheet" href="stylesheets/style.css">
</head>
<body>
<header class="Hero">
<nav class="Navbar">
<ul class="Navbar__inner">
<li class="Navbar__item"><a href="" class="Navbar__link">Home</a></li>
<li class="Navbar__item"><a href="#about" class="Navbar__link">About</a></li>
<li class="Navbar__item"><a href="https://medium.com/hacknyu" target="_blank" class="Navbar__link">Blog</a></li>
<li class="Navbar__item"><a href="#get-involved" class="Navbar__link">Join</a></li>
</ul>
</nav>
<div class="Row">
<div class="Cluster Cluster--left" aria-hidden="true">
<img src="/images/star-large.svg" class="Cluster__star Cluster__star--large">
<img src="/images/star-medium.svg" class="Cluster__star Cluster__star--medium">
<img src="/images/star-small.svg" class="Cluster__star Cluster__star--small">
</div>
<h1 class="Hero__title">HackNYU organizes events at NYU around building creative tech.</h1>
<div class="Cluster Cluster--right" aria-hidden="true">
<img src="/images/star-large.svg" class="Cluster__star Cluster__star--large">
<img src="/images/star-medium.svg" class="Cluster__star Cluster__star--medium">
<img src="/images/star-small.svg" class="Cluster__star Cluster__star--small">
</div>
</div>
<div class="Row Row--x-center">
<a href="#get-involved" class="Button Hero__Button Hero__Button--call-to-action">Get involved</a>
<a href="#about" class="Button Hero__Button Hero__Button--secondary">Learn more</a>
<div>
</header>
<main>
<section id="about" class="AboutSection">
<div class="AboutSection__content">
<h2>About</h2>
<p>
HackNYU puts together events to help grow a positive maker and hacker community at NYU and other nearby schools. We are an official NYU student run organization, and work with sponsors and the university to bring you our events free of charge.
</p>
<p>
Our largest event (which shares our name), HackNYU, brings together over 500 students for 48 hours every year to create projects that address pertinent global issues.
</p>
</div>
<img src="/images/hacknyu-2019-website.png" class="AboutSection__img-right is-rounded has-shadow">
<img src="/images/hacknyu-2019-wide.jpg" class="AboutSection__img-left is-rounded has-shadow">
</section>
<section id="teams" class="Section">
<div class="Section__content">
<h2>Teams</h2>
<p>From the logistics and finances to media and outreach, we have positions for people of all backgrounds at HackNYU.</p>
<p>Here’s a broad overview of our current teams and their responsibilities:</p>
</div>
<div class="Teams">
<div class="Teams__team">
<div><strong>Logistics:</strong> Coordinates event details, including budget, food, and venue.</div>
</div>
<div class="Teams__team">
<div><strong>Tech:</strong> Develops and audits any tech services needed to run the hackathon.</div>
</div>
<div class="Teams__team">
<div><strong>Marketing:</strong> In charge of social media and outreach, as well as media coverage of the event.</div>
</div>
<div class="Teams__team">
<div><strong>Sponsorship:</strong> Handles sponsorship and finances of the event.</div>
</div>
<div class="Teams__team">
<div><strong>Judging:</strong> Plans project themes and judging criteria, and recruits an expert panel of judges.</div>
</div>
<div class="Teams__team">
<div><strong>Volunteer:</strong> Recruits and coordinates volunteer staff for the event.</div>
</div>
</div>
</section>
<section id="get-involved" class="Section">
<div class="Section__content">
<h2>Get Involved</h2>
<p>Interested in our events or interested in joining our team? Like our Facebook page to stay updated with our events and when applications open.</p>
</div>
</section>
<!-- <section id="team" class="TeamSection">
<div class="TeamSection__content">
<h2>Team</h2>
</div>
</section> -->
</main>
</body>
</html>