-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathhacknb.html
More file actions
91 lines (90 loc) · 6.46 KB
/
hacknb.html
File metadata and controls
91 lines (90 loc) · 6.46 KB
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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<link rel="shortcut icon" href="images/techlogo.png" />
<title>HackNB</title>
<link rel="stylesheet" href="style.css">
<link rel="stylesheet" href="fullpage.min.css">
</head>
<body>
<div id="hFullPage">
<section class = "section s1">
<h1>Hack<span style="color:rgb(78, 112, 216)">N</span><span style="color:goldenrod">B</span></h1>
<h3>March 15th, 2020</h3>
<div class="typeform">
<a class="typeform-share button" href="https://nbthstechnologyclub.typeform.com/to/wFHaF6" data-mode="popup" style="display:inline-block;text-decoration:none;background-color:white;color:black;cursor:pointer;font-family:Helvetica,Arial,sans-serif;font-size:20px;line-height:50px;text-align:center;margin:0;height:50px;padding:0px 33px;border-radius:12px;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:bold;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;" data-hide-headers=true target="_blank">Sign up </a> <script> (function() { var qs,js,q,s,d=document, gi=d.getElementById, ce=d.createElement, gt=d.getElementsByTagName, id="typef_orm_share", b="https://embed.typeform.com/"; if(!gi.call(d,id)){ js=ce.call(d,"script"); js.id=id; js.src=b+"embed.js"; q=gt.call(d,"script")[0]; q.parentNode.insertBefore(js,q) } })() </script>
</div>
<div class="scroll-prompt slide-up">
<img style="width:10vw; max-width: 60px" src="/images/scrollArrow.png">
</div>
</section>
<section class = "section s2">
<div class="left">
<img src="images/techlogo.png" alt="hackathon icon" id="hackIco"/>
</div>
<div class="right">
<h2 id="subtitle">Welcome to HackNB!</h2>
<p id="hackNBDescription">HackNB is a 12 hour long coding competition hosted at North Brunswick Township High School.
Given a theme, students will create a project within the given time-frame. If you're new to coding, fear not!
We welcome coders of all skill-levels and offer workshops to teach students. At the end of the event, we will have
a showcase of everyone's projects in front of judges who will decide on winners (there are prizes!). Hope to see you there!
</p>
<div class="countdown"> <!-- All inline styles -->
<h2>Time Left 🡲 Sign Up Soon!</h2>
<iframe src="https://free.timeanddate.com/countdown/i7674hrh/n179/cf12/cm0/cu4/ct0/cs0/ca0/co0/cr0/ss0/cac000/cpc000/pcfff/tcfff/fs150/szw576/szh243/iso2020-03-15T00:00:00/pa16" allowTransparency="true" frameborder="0" width="320" height="110"></iframe>
</div>
</div>
</section>
<section class = "section s3">
<h2 class="pageTitle">Schedule</h2>
<div id="sched">
<ul>
<li>8:00 A.M. - Check In</li>
<li>9:30 A.M. - Challenge Reveal</li>
<li>12:00 P.M. - Lunch</li>
<li>1:00 P.M. - Workshop 1</li>
<li>3:00 P.M. - Workshop 2</li>
<li>4:00 P.M. - Submissions</li>
<li>4:00-5:00 P.M. - Judging</li>
<li>5:00-6:00 P.M. - Closing/Awards</li>
</ul>
</div>
</section>
<section class = "section s4">
<h2 class="pageTitle">Sponsors</h2>
<div class="sponsor-div">
<img id="sponsor1" class="sponsors" src="images/sponsor1.png"></img>
<img id="sponsor2" class="sponsors" src="images/sponsor2.png"></img>
<img id="sponsor3" class="sponsors" src="images/sponsor3.png"></img>
</div>
</section>
<section class = "section s5">
<h2 class="pageTitle">FAQ</h2>
<ol>
<li class ="questions">What should I bring?</li>
<ul><li class="answers">Bring all the electronics you need (laptop, chargers, accessories, etc) for the Hackathon.</li></ul>
<li class ="questions">What if I don't know how to code?</li>
<ul><li class="answers">No worries. We welcome programmers of all skill-levels to this event. In fact, we have workshops setup to teach skills to beginners.</li></ul>
<li class ="questions">What are the prizes?</li>
<ul><li class="answers">These are still to be decided. However, it will surely be worth while ;)</li></ul>
<li class ="questions">Is there going to be food?</li>
<ul><li class="answers">Yup! Food will be provided free-of-charge throughout the event</li></ul>
<li class ="questions">Who is hosting this event?</li>
<ul><li class="answers">This event is brought to you by North Brunswick Township High School's very own Tech Club! We are a club dedicated to bringing technological awareness within our school.</li></ul>
<ol class ="questions">If you have any more questions, feel free to fill out the signup form or directly email us <a href="mailto:nbthstechnologyclub@gmail.com" style="text-decoration: underline;">here</a>.</li>
</ol>
</section>
<section class="section s6">
<div class="typeform">
<div class="typeform-widget" data-url="https://nbthstechnologyclub.typeform.com/to/wFHaF6" style="width: 100%; height: 90vh;"></div> <script> (function() { var qs,js,q,s,d=document, gi=d.getElementById, ce=d.createElement, gt=d.getElementsByTagName, id="typef_orm", b="https://embed.typeform.com/"; if(!gi.call(d,id)) { js=ce.call(d,"script"); js.id=id; js.src=b+"embed.js"; q=gt.call(d,"script")[0]; q.parentNode.insertBefore(js,q) } })() </script> <div style="font-family: Sans-Serif;font-size: 12px;color: #999;opacity: 0.5; padding-top: 5px;"> powered by <a href="https://admin.typeform.com/signup?utm_campaign=wFHaF6&utm_source=typeform.com-01E0TDK8B045R0XF1FXAQ4S8YE-free&utm_medium=typeform&utm_content=typeform-embedded-poweredbytypeform&utm_term=EN" style="color: #999" target="_blank">Typeform</a> </div>
</div>
<h2 class="pageTitle">Registration form</h2>
</section>
</div>
</body>
<script src = "fullpage.min.js"></script>
<script src = "app.js"> </script>
</html>