-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathindex.html
204 lines (191 loc) · 7.04 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
201
202
203
204
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link rel="stylesheet" type="text/css" href="./build/css/style.min.css" />
<title>BlockHack Expo 2020</title>
</head>
<body>
<header>
<div class="absolute">
<div class="logo">
<img src="assets/BlockHackLogo2020.png" />
</div>
<div class="menu">
<img class="hamburger" src="./assets/menu-button-pink.png" />
<!-- <div class="mobile-navigation"></div> -->
<nav class="nav-bar">
<img class="hamburger" src="./assets/menu-close-icon.png" />
<div class="dot"></div>
<ul class="navigation">
<li><a href="">Attend</a></li>
<li><a href="">Schedule</a></li>
<li><a href="">Speakers</a></li>
<li><a href="">Judges</a></li>
<li><a href="">Location</a></li>
<li><a href="">FAQ</a></li>
<li><a href="">Sponsor</a></li>
</ul>
</nav>
</div>
<!-- Cant get this to not create horizontal scroll -->
<div class="dot"></div>
<div class="mesh-container">
<img class="mesh" src="./assets/dot-pattern.png" />
</div>
<div class="happyDev-container">
<img class="happyDev" src="./assets/developer.png" />
</div>
</div>
<!-- END absolute -->
<div class="hero-text">
<h2>Toronto</h2>
<h1>Blockhack</h1>
<section class="inner-hero-text">
<h1>Expo</h1>
<span>
<h4>April 3-9</h4>
<h4>2020</h4>
</span>
</section>
<div class="desktopBtn">
<a
class="button"
href="https://www.eventbrite.ca/e/toronto-blockhack-expo-2020-tickets-92581739475"
target="_blank"
>
<button class="buy-tickets">Buy Tickets</button>
</a>
</div>
</div>
<!-- <nav></nav> -->
</header>
<section class="call-to-action">
<div class="container"></div>
<!-- countDown -->
</section>
<!-- Carousel section -->
<section class="carousel-section">
<div class="section-heading">
<h3>3 Reasons to Attend</h3>
</div>
<div class="carousel-cell">
<h2>Gain Skills</h2>
<img src="./assets/mobile-images/designer-bg-mobile.png" />
<p>
Participate in our weekend-long hackathon, work with a team and turn
an idea into actual product prototypes overnight (literally!). Bridge
gaps in your skillset at the Saturday Workshop. Mentors will help take
your team to the finish line.<strong>
Present your project at the end for a chance to win up to $10,000.
</strong>
</p>
</div>
<div class="carousel-cell">
<h2>Make Friends</h2>
<img src="./assets/mobile-images/volunteer-bg-mobile.png" />
<p>
Not only will you refine your skills after an entire weekend of
hacking, you will also make connections. You might even get a job
referral. Celebrate your hard work at the after party, hosted by LOUII
B and make lifelong friendships with other talented coders, designers
and business professionals.
</p>
</div>
<div class="carousel-cell">
<h2>Make History</h2>
<img src="./assets/mobile-images/investor-bg-mobile.png" />
<p>
Discover the latest in blockchain while watching the WomenInTech
startup pitches on April 8th, and the BitAngels startup pitches on
April 9th. At BHX you can meet investors, network with talented
coders, and find your future co-founders and CTOs.
</p>
</div>
</section>
<!-- End carousel section -->
<section class="choose-path">
<div class="section-heading">
<h3>Choose Your</h3>
<h3> Blockhack Journey</h3>
</div>
<section class="paths">
<div class="path">
<div class="path-img">
<img src="" />
</div>
<h5 class="path-title">Hacker</h5>
<h6 class="path-price">$20($15 Early bird)</h6>
<ul class="path-perks">
<li>Access to hackathon</li>
<li>Workshops & Events</li>
<li>Breakfast (2), lunch (2), and dinner (2)</li>
<li>Access to April 9 afterparty</li>
</ul>
<a
class="inverse-button"
href="https://www.eventbrite.ca/e/toronto-blockhack-expo-2020-tickets-92581739475"
target="_blank"
>
<button class="buy-tickets">Buy Tickets</button>
</a>
</div>
<div class="path">
<div class="path-img">
<img src="" />
</div>
<h5 class="path-title">Premium Access</h5>
<h6 class="path-price">$100($75 Early bird)</h6>
<ul class="path-perks">
<li>Access to hackathon</li>
<li>Workshops & Events</li>
<li>Breakfast (2), lunch (2), and dinner (2)</li>
<li>Access to BitAngels April 9 investor event</li>
<li>Access to April 9 afterparty</li>
</ul>
<a
class="inverse-button"
href="https://www.eventbrite.ca/e/toronto-blockhack-expo-2020-tickets-92581739475"
target="_blank"
>
<button class="buy-tickets">Buy Tickets</button>
</a>
</div>
<div class="path">
<div class="path-img">
<img src="" />
</div>
<h5 class="path-title">Volunteer</h5>
<h6 class="path-price">FREE!!!</h6>
<ul class="path-perks">
<li>Access to hackathon for 50% of the time you volunteer</li>
<li>Meals during the times you volunteer</li>
<li>You are the glue that holds this event together</li>
</ul>
<a
class="inverse-button"
href="https://www.eventbrite.ca/e/toronto-blockhack-expo-2020-tickets-92581739475"
target="_blank"
>
<button class="buy-tickets">Buy Tickets</button>
</a>
</div>
</section>
</section>
<section class="map">
<div class="section-heading">
<h3>Join Us At George Brown</h3>
</div>
<iframe
src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d2887.1806370710815!2d-79.37111758412011!3d43.64440997912171!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x89d4cb2fdc80ec73%3A0xc55d642d8b03b6d4!2s3%20Lower%20Jarvis%20St%2C%20Toronto%2C%20ON%20M5A%203Y5!5e0!3m2!1sen!2sca!4v1582762151422!5m2!1sen!2sca"
frameborder="0"
style="border:0;"
allowfullscreen=""
></iframe>
</section>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<script src="./build/js/countDown.min.js"></script>
<script src="./build/js/main.min.js"></script>
</body>
</html>