-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
241 lines (229 loc) · 9.46 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
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
<!DOCTYPE html>
<html lang="en">
<head>
<title>Bushido Code</title>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1">
<link href="css/style.css" rel="stylesheet" />
<link href="css/buttons.css" rel="stylesheet" />
<link href="https://fonts.googleapis.com/css?family=Roboto:100,300,400,500,900" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Roboto+Condensed" rel="stylesheet">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<script src="js/jquery.js"></script>
<script src="js/typed.js"></script>
<script src="js/util.js"></script>
<script src="js/app.js"></script>
<script type="text/javascript">
window.onload = showSlides;
</script>
<img class="svg" src="img/icons.svg" />
</head>
<body>
<header id="header">
<img id="logo" src="img/logo.png" />
<a id="flag" href="#landing">Bushido Code</a>
<div class="space"></div>
<nav>
<div class="dropdown">
<a class="dropbtn">Course</a>
<div class="dropdown-content">
<a href="#curriculum">Curriculum</a>
<a href="#schedule">Schedule</a>
<a href="#housing">Housing</a>
<a href="#pricing">Dates & Tuition</a>
</div>
</div>
<a href="faq.html">FAQ</a>
<a href="https://bushidocode.typeform.com/to/uTMGxm" target="_blank" class="yellow button">Apply</a>
</nav>
</header>
<article id="landing" class="panel">
<h1>Land Your Dream Job<br>at <span class="typed"></span>.</h1>
<a href="#curriculum" class="continue">
<svg><use xlink:href="#icon-down-circle"></use></svg>
</a>
</article>
<article id="curriculum" class="panel">
<hgroup>
<h1>Meet Your Toolkit</h1>
</hgroup>
<main>
<section>
<svg class="icon"><use xlink:href="#icon-recursion"></use></svg>
<h1>Recursion</h1>
<p>Master advanced topics like dynamic programming and memoization.</p>
</section>
<section>
<svg class="icon"><use xlink:href="#icon-sort"></use></svg>
<h1>Sorting and Searching</h1>
<p>Apply fundamental algorithms to </p>
</section>
<section>
<svg class="icon"><use xlink:href="#icon-hourglass"></use></svg>
<h1>Big-O Analysis</h1>
<p>Analyze the time and space complexity of your solutions, and learn to spot optimizations.</p>
</section>
<section>
<svg class="icon"><use xlink:href="#icon-binary"></use></svg>
<h1>Bit Manipulation</h1>
<p>Use bit operators to tackle lower level problems.</p>
</section>
<section>
<svg class="icon"><use xlink:href="#icon-tree"></use></svg>
<h1>Trees and Graphs</h1>
<p>Most networking problems are just graphs in disguise. Learn how to apply graph pathfinding, cycle detection, and minimum spanning tree algorithms.</p>
</section>
<section>
<svg class="icon"><use xlink:href="#icon-cubes"></use></svg>
<h1>Data Structures</h1>
<p>Amass a toolkit of data structures to solve various coding problems. You’ll study HashMaps, LinkedLists, PriorityQueues, Tries, and many more.</p>
</section>
<section>
<svg class="icon"><use xlink:href="#icon-resume"></use></svg>
<h1>Getting the Interview</h1>
<p>Learn how to reach out to recruiters, navigate career fairs, and make a killer resume.</p>
</section>
<section>
<svg class="icon"><use xlink:href="#icon-handshake"></use></svg>
<h1>Behavioral Questions</h1>
<p>Weave your experiences, passions, and skills into a winning interview narrative.</p>
</section>
</main>
</article>
<article id="schedule" class="panel">
<hgroup>
<h1>A Day in The <em>Life</em></h1>
</hgroup>
<div class="timeline">
<article class="event interval-1h">
<main>
<h1>Morning Activities</h1>
<p>It's summer! Go hiking, surfing, or mountain biking with your class.</p>
</main>
<aside>
<svg><use xlink:href="#icon-clock-8"></use></svg>
<time><b>8</b> AM</time>
</aside>
</article>
<article class="event interval-2h">
<main>
<h1>Class Begins</h1>
<p>Lecture and group activities to help you master the interview fundamentals.</p>
</main>
<aside>
<svg><use xlink:href="#icon-clock-10"></use></svg>
<time><b>10</b> AM</time>
</aside>
</article>
<article class="event interval-2h">
<main>
<h1>Lunch Break</h1>
<p>A delicious catered lunch is served at the house. Take this time to relax and hang out with fellow students.</p>
</main>
<aside>
<svg><use xlink:href="#icon-clock-12"></use></svg>
<time><b>12</b> PM</time>
</aside>
</article>
<article class="event interval-3h">
<main>
<h1>Practice, Practice, Practice</h1>
<p>We believe practice is the key to success. That's why every student completes a full-length technical interview every single day of the program. Get ready!</p>
</main>
<aside>
<svg><use xlink:href="#icon-clock-3"></use></svg>
<time><b>3</b> PM</time>
</aside>
</article>
<article class="event interval-3h">
<main>
<h1>Dinner & Activities</h1>
<p>Head to town for dinner at a local restaurant and our signature Poker Tournament!</p>
</main>
<aside>
<svg><use xlink:href="#icon-clock-6"></use></svg>
<time><b>6</b> PM</time>
</aside>
</article>
<article class="event interval-4h">
<main>
<h1>Solo Work</h1>
<p>Complete your nightly interview problems to stay sharp for tomorrow.</p>
</main>
<aside>
<svg><use xlink:href="#icon-clock-10"></use></svg>
<time><b>10</b> PM</time>
</aside>
</article>
</div>
</article>
<article id="housing" class="panel">
<hgroup>
<h1>Welcome Home</h1>
<p>You'll be living in a Bay Area villa with<br />your lecturers and fellow students</p>
</hgroup>
<div class="slideshow-container">
<div class="mySlides fade">
<img src="img/classroom.jpg" style="width:100%">
<div class="text">Wake up and you're already in class</div>
</div>
<div class="mySlides fade">
<img src="img/livingroom.jpg" style="width:100%">
<div class="text"></div>
</div>
<div class="mySlides fade">
<img src="img/pool.jpg" style="width:100%">
<div class="text">Go for a swim between lectures or BBQ with friends</div>
</div>
<a class="prev" onclick="plusSlides(-1)">
<svg><use xlink:href="#icon-left-circle"></use></svg>
</a>
<a class="next" onclick="plusSlides(1)">
<svg><use xlink:href="#icon-right-circle"></use></svg>
</a>
</div>
<br>
<div style="text-align:center">
<span class="dot" onclick="currentSlide(1)"></span>
<span class="dot" onclick="currentSlide(2)"></span>
<span class="dot" onclick="currentSlide(3)"></span>
</div>
</article>
<article id="pricing" class="panel">
<hgroup>
<h1>Let's Talk </h1>
<h2>Details</h2>
</hgroup>
<div id= "tile_price" class="tile">
<dl>
<h3>
COURSE + HOUSING + FOOD
<br>
7 Days
</h3>
<h2 class="money">
$1,800
</h2>
<dt>This Package Includes</dt>
<dd>20+ Hours of expert instruction</dd>
<dd>5 one-on-one interviews with a professor</dd>
<dd>LinkedIn and Resume Review</dd>
<dd>7 days of housing in our hacker house</dd>
<dd>7 days of catered meals</dd>
<dd>2 awesome excursions</dd>
</dl>
</div>
</article>
</body>
<footer>
<div>
<main>
<p>info@bushidocode.co</p>
<p><small>Copyright © 2016 Bushido Code</small></p>
</main>
<aside>
Pressure Makes Diamonds
</aside>
</div>
</footer>
</html>