-
Notifications
You must be signed in to change notification settings - Fork 4
/
index.html
114 lines (101 loc) · 4.58 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
<!DOCTYPE html>
<html>
<head>
<title>CTD HTML and CSS 2013</title>
<link rel="stylesheet" type="text/css" href="styles.css">
<link href='http://fonts.googleapis.com/css?family=Roboto' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Scada' rel='stylesheet' type='text/css'>
<meta charset="UTF-8">
</head>
<body>
<header>
<h1>A Little Bit About Our Summer</h1>
<hr>
<p>Through Northwester's Center for Talent Development Summer, The Starter League offered a web design (front-end development) class for high schoolers. In this three week program, we were able to become highly proficient in both HTML and CSS. HTML is a markup language useful for organizing the content on a website into boxes. However, with just HTML the website would be plain black Times New Roman on a white canvas with the content aligned in a way that has marginal room for creative design. So, to create websites full of color and style, we use CSS.</p>
<p>During the course, Sandor Weisz, the lead teacher, invited 13 guest speakers that worked in web development into our class to talk about their job, how they got there, and provided us with some great feedback on what we should do if we want to pursue a career like theirs. We had speakers from all different backgrounds and with a variety of college degrees (none of which happened to be computer science, weird...) and we able to learn a lot just from listing to them and their process. It was really nice to hear the mistakes they made, so that we wouldn't make the same ones. But, also hearing their successes to know what to do in the future.</p>
</header>
<section class="teachers">
<h2>Teachers</h2>
<article>
<h3 class="sandor">Sandor<br>Weisz</h3>
<p><small>Sandor</small> has had a variety of jobs in the web design field since recieving his Bachelor of Science in Computer Science. He was the Design Editor for <i>Daily Northwestern</i>, the Associate Software Engineer for Sachs Group/VNU, the Senior Technical Designer for Niteo Partners/ZEFER, Senior Site Developer for the University of Chicago, tutored at The Academic Approach, and is currently the Principal at Methodtree and teaching at the Starter League.</p>
</article>
<article>
<h3 class="arjun">Arjun<br>Venkataswamy</h3>
<p><small>Arjun</small> is a high school math teacher at a Chicago Public School in the Little Village area of Chicago. He also is a Ruby on Rails consultant for Gantec Corporation and helped them design full-stack solutions for clients. Arjun studied at the University of Illinois and recieved a Bachelor of Science in Industrial Engineering and Phsycology. Now, Arjun is a teaching assistant at the Starter League.</p>
</article>
</section>
<section class="speakers">
<h2>Speakers</h2>
<article>
<div class="icon adler"></div>
<h3>Charles Adler</h3>
<h4>KickStarter</h4>
<a href="CharlesAdler/">About Charles »</a>
</article>
<article>
<div class="icon mcavoy"></div>
<h3>Chris McAvoy</h3>
<h4>Mozilla</h4>
<a href="ChrisMcAvoy/">About Chris »</a>
</article>
<article>
<div class="icon fitz"></div>
<h3>Brian Fitzpatrick</h3>
<h4>Google</h4>
<a href="fitz/">About Fitz »</a>
</article>
<article>
<div class="icon germuska"></div>
<h3>Joe Germuska</h3>
<h4>Northwestern University</h4>
<a href="JoeG/">About Joe »</a>
</article>
<article>
<div class="icon gansen"></div>
<div class="icon kunesh"></div>
<h3>Chris Gansen</h3>
<h4>Obama for America</h4>
<h3 class="">Jason Kunesh</h3>
<h4>Obama for America</h4>
<a href="kunesh-gansen/">About Chris and Jason »</a>
</article>
<article>
<div class="icon temkin"></div>
<div class="icon wohlwend"></div>
<h3>Max Temkin</h3>
<h4>Cards Against Humanity</h4>
<h3>Greg Wohlwend</h3>
<h4>aeiowu</h4>
<a href="Max+Greg/">About Max and Greg »</a>
</article>
<article>
<div class="icon coleman"></div>
<div class="icon auses"></div>
<h3>Megan Coleman</h3>
<h4>Megan Coleman</h4>
<h3>Jack Auses</h3>
<h4>University of Chicago</h4>
<a href="Megan+Jack/">About Megan and Jack »</a>
</article>
<article>
<div class="icon kontny"></div>
<h3>Nate Kontny</h3>
<h4>Draft</h4>
<a href="NateKontny/">About Nate »</a>
</article>
<article>
<div class="icon disabato"></div>
<h3>Nick Disabato</h3>
<h4>Interactive Design Consultant</h4>
<a href="NickDisabato/">About Nick »</a>
</article>
<article>
<div class="icon macklin"></div>
<h3>PJ Macklin</h3>
<h4>SoundSlice</h4>
<a href="PJMacklin/">About PJ »</a>
</article>
</section>
</body>
</html>