-
Notifications
You must be signed in to change notification settings - Fork 2
/
Copy pathindex.php
149 lines (142 loc) · 6.21 KB
/
index.php
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
<!DOCTYPE html>
<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1.0"/>
<title>LAHS Hack Club</title>
<!-- CSS -->
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
<link href="css/materialize.css" type="text/css" rel="stylesheet" media="screen,projection"/>
<link href="css/style.css" type="text/css" rel="stylesheet" media="screen,projection"/>
</head>
<body>
<nav class="blue darken-3" role="navigation">
<div class="nav-wrapper container"><a id="logo-container" href="." class="brand-logo">LAHS Hack Club</a>
<ul class="right hide-on-med-and-down">
<li><a href="join.php">Join Now!</a></li>
</ul>
<ul id="nav-mobile" class="side-nav">
<li><a href="join.php">Join Now!</a></li>
</ul>
<a href="#" data-activates="nav-mobile" class="button-collapse"><i class="material-icons">menu</i></a>
</div>
</nav>
<div class="section no-pad-bot" id="index-banner">
<div class="container">
<br><br>
<h4 class="center blue-text text-darken-1">Los Altos High School</h4>
<h1 class="center blue-text text-darken-4" style="margin: 0 0 50px -20px;">Hack <img src="img/lahshackclub.png" class="responsive-img" style="height: 2em; margin-bottom: -0.6em; border-radius: 5px" /> Club</h1>
<div class="row center">
<h5 class="header col s12 light">A club unlike any other.</h5>
<p>Rather than simply teaching the basics of a language, which can be taught by anyone, we go a few steps further. We teach the in-depth concepts that will help throughout a computer science career, including the basics of the filesystem, troubleshooting, debugging, logic, and so much more. Some concepts that we cover include:</p>
<div class="row">
<div class="col s12 m6 l4">
<div class="card darken-1">
<div style="padding: 10px">
<span class="card-title">Frontend Web Design</span>
</div>
</div>
</div>
<div class="col s12 m6 l4">
<div class="card darken-1">
<div style="padding: 10px">
<span class="card-title">Backend Web Design</span>
</div>
</div>
</div>
<div class="col s12 m6 l4">
<div class="card darken-1">
<div style="padding: 10px">
<span class="card-title">Database Structuring</span>
</div>
</div>
</div>
<div class="col s12 m6 l4">
<div class="card darken-1">
<div style="padding: 10px">
<span class="card-title">Realtime Querying</span>
</div>
</div>
</div>
<div class="col s12 m6 l4">
<div class="card darken-1">
<div style="padding: 10px">
<span class="card-title">Scripting</span>
</div>
</div>
</div>
<div class="col s12 m6 l4">
<div class="card darken-1">
<div style="padding: 10px">
<span class="card-title">Bash</span>
</div>
</div>
</div>
<div class="col s12 m6 l4">
<div class="card darken-1">
<div style="padding: 10px">
<span class="card-title">Command Line Tools</span>
</div>
</div>
</div>
<div class="col s12 m6 l4">
<div class="card darken-1">
<div style="padding: 10px">
<span class="card-title">APIs</span>
</div>
</div>
</div>
<div class="col s12 m6 l4">
<div class="card darken-1">
<div style="padding: 10px">
<span class="card-title">Automation Services</span>
</div>
</div>
</div>
<div class="col s12 m6 l4">
<div class="card darken-1">
<div style="padding: 10px">
<span class="card-title">Encryption</span>
</div>
</div>
</div>
<div class="col s12 m6 l4">
<div class="card darken-1">
<div style="padding: 10px">
<span class="card-title">Source Management (Git)</span>
</div>
</div>
</div>
<div class="col s12 m6 l4">
<div class="card darken-1">
<div style="padding: 10px 0">
<span class="card-title"><b>Much More!</b></span>
</div>
</div>
</div>
</div>
<p>After students learn the basics of programming, we ask them what they want to build, and then guide them from the very first steps until the final ones. Each student goes at their own pace, regardless of their skill level. If the student is stuck and can't wait for the club meeting on Thursday, they can ask in our <span class="red-text">Slack</span> community, where club staff and other knowledgeable mentors are online as much as possible, ready to answer questions.</p>
<p>Our final goal is for each student to create their own running business by the end of the year! With one-on-one guideance, we help the students grow as a programmer and a businessperson, together powerful.</p>
</div>
<div class="row center">
<a href="join.php" id="download-button" class="btn-large waves-effect waves-light orange">Join Now!</a>
</div>
<br><br>
</div>
</div>
<div class="container">
<h2 class="center">Partners and Sponsors</h2>
<div class="row">
<a href="https://hackclub.com" target="_blank">
<img src="img/hackclub.png" style="width: 40%; margin-left: 30%;" />
</a>
<h6 class="center">Want to be a partner? Shoot us a message at us at <a href="mailto:[email protected]">[email protected]</a>!</h6>
</div>
</div>
<?php require_once("templates/footer.php"); ?>
<!-- Scripts-->
<script src="https://code.jquery.com/jquery-2.1.1.min.js"></script>
<script src="js/materialize.js"></script>
<script src="js/init.js"></script>
</body>
</html>