-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
93 lines (84 loc) · 3.57 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
<!DOCTYPE html>
<html>
<head>
<title>VikingHacks</title>
<!-- 16 + (6 / 2) = 24
20 + (20 / 2) = 30 -->
<!-- <link rel="stylesheet" href="http://basehold.it/30"> -->
<link rel="stylesheet" href="style.css">
<link href="https://fonts.googleapis.com/css?family=Lato|Yatra+One" rel="stylesheet">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.4/jquery.min.js"></script>
<script type="text/javascript" src="app.js"></script>
</head>
<body id="home">
<div class="container">
<div class="nav">
<a class="smooth-scrool" href="team.html"> The Team </a>
<a class="smooth-scroll" href="calendar.html"> Calendar</a>
<a class="smooth-scroll"
href="https://docs.google.com/spreadsheets/d/1FhqqgUWXc5ML6g7M69vNEYFWZ5oe-3Vcz7L0NWVOz_M/edit?usp=sharing">
Attendance </a>
<a class="smooth-scroll" href=""> Presentations </a>
<a class="smooth-scroll" href="hackathons.html"> Hackathons </a>
<a class="smooth-scroll" href="#myPage"> Home </a>
</div>
<div class="section">
<center>
<h1>VikingHacks</h1>
<h3> @ Lynbrook High School</h3>
<a href="https://docs.google.com/forms/d/e/1FAIpQLSfNNBlbUbiNHCasmwjR4BVSpG9hLbIfNV0OczIS70KUO-QvEw/viewform">
<button> Join our Club!</button>
</a>
<button>Sponsor Us</button>
</center>
</div>
<div class="section-blue" align="center">
<h2 id="a">About</h2>
<p> Viking Hacks is a club dedicated to help prepare students for hackathons, and we will hold our own hackathon
as well. Hackathons are events where people meet to engage in collaborative computer programming in order to
create a product. </p>
</div>
<div class="section" align="center">
<h2> Workshops </h2>
<h3> What is its purpose? </h3>
<p> Do you want to participate in a hackathon, but don't believe you're ready? Do you have an idea, but lack the
programming skills needed to execute it? Do you like hackathons, but find that you can't finish your
project? </p>
<p> If you said yes to any of the questions above, you should come to one of our weekly workshops. At these
workshops, mentors can help people who need help with their projects.
We also hold an end-of-year showcase so that those who were unable to present their projects at our
hackathons or have added new features to their projects can display their project as well. </p>
<a href="">
<button> Attend a Workshop!</button>
</a>
</div>
<div class="section-blue" align="center">
<h2 id="b"> Hackathons </h2>
<p> Each year, we hold a hackathon in the spring and another in the fall. </p>
<p> To learn more or sponsor us, click on the buttons below</p>
<a href="hackathons.html">
<button> Learn More !</button>
</a>
<a href="">
<button> Sponsor us!</button>
</a>
</div>
<div class="section" align="center">
<h2 id="b"> PlaceHolder </h2>
</div>
<div class="section-black" align="center">
<h2 id="d">Sponsors</h2>
<p><em>// TBD</em></p>
</div>
<div class="footer" align="center">
<a href="#"><i class="ion"></i></a>
<a href="#"><i class="ion"></i></a>
<a href="#"><i class="ion"></i></a>
<a href="#"><i class="ion"></i></a>
<p>
<small>Made at LHS</small>
</p>
</div>
</div> <!-- container -->
</body>
</html>