-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
161 lines (142 loc) · 6.15 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
<!DOCTYPE html>
<html lang="en-US">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" >
<meta charset="UTF-8" />
<meta name="viewport" content ="width=device-width, minimum-scale=1.0, initial-scale=1.0">
<title>The Flatiron School</title>
<link rel='stylesheet' href="css/style.css" type='text/css' media='all' />
<link rel='stylesheet' id='google_merriweather-css' href='http://fonts.googleapis.com/css?family=Merriweather:400,700&ver=3.5' type='text/css' media='all' />
</head>
<body class="home page students">
<!-- Begin Main Wrapper -->
<div class="main-wrapper">
<!-- Begin Header -->
<div class="header-wrapper">
<div class="header">
<div class="header-left">
<h1 class="logo-text">
<a href="/" title="The Flatiron School">
<img src="img/the-flatiron-school-logo-sm-black.png" class="logo" alt="">
</a>
</h1>
</div>
<div class="header-right">
<div class="menu-header-container">
<ul id="nav" class="nav">
<li class="menu-item">
<a href="http://flatironschool.com/index.html">Home</a>
</li>
<li>
<a href="http://flatironschool.com/program.html">The Program</a>
<ul class="sub-menu">
<li><a href="http://flatironschool.com/program.html">Basics</a></li>
<li><a href="http://flatironschool.com/curriculum.html">Curriculum</a></li>
<li><a href="http://flatironschool.com/faculty.html">Faculty</a></li>
<li><a href="http://flatironschool.com/speakers.html">Guest Speakers</a></li>
<li><a href="http://flatironschool.com/faq.html">FAQ</a></li>
<li><a href="http://prework.flatironschool.com">Our Prework</a></li>
</ul>
</li>
<li>
<a href="#">The School</a>
<ul class="sub-menu">
<li><a href="http://flatironschool.com/events.html">Events</a></li>
<li><a href="http://flatironschool.com/contact.html">Contact</a></li>
<li><a href="http://students.flatironschool.com/">Students</a></li>
</ul>
</li>
<li><a href="http://info.flatironschool.com/summer-2013-application"><font color="#26c4ff">Apply</font></a>
</li>
<li>
<a href="http://flatironschool.com/employers.html">Employers</a>
</li>
<li>
<a href="http://blog.flatironschool.com/">Blog</a>
</li>
<li><a href="http://highschool.flatironschool.com/" target="_blank">High School</a></li>
</ul>
</div>
<div class="clear"></div>
</div>
<div class="clear"></div>
</div>
</div>
<!-- End Header -->
<!-- Begin Content -->
<div class="container">
<!-- Begin Title Content -->
<div class="page-title">
<h2>Every Story Has Heroes</h2>
<h3>We're on a journey to learn to love code.</h3>
</div>
<!-- End Title Content -->
<!-- Begin Student Index -->
<div id="random-full-width-content" class="this-div-is-just-a-helpful-container">
<div class="section section-services student-index">
<div class="section-title">
<span>Flatiron School</span>
</div>
</div>
<div class="section section-blog">
<div class="home-blog clearfix">
<ul>
<!-- Begin Profile -->
<li class="home-blog-post">
<div class="blog-thumb">
<img width="304" height="304" class="prof-image" src="img/students/marty_mcfly_index_profile.jpg" class="attachment-blog-thumb wp-post-image" alt="MCFLY">
</div>
<div class="blog-title">
<div class="big-comment">
<h3>Marty McFly</h3>
</div>
<p class="home-blog-post-meta">"Nobody calls me chicken!"</p>
</div>
<div class="clear"></div>
<div class="excerpt">
<p>Martin Seamus "Marty" McFly Sr. is the world's second time traveler, the first one to travel backwards in time and the first human one. He is best friends with Dr. Emmett Brown who unveiled his first working invention to him.</p>
</div>
<div class="clear"></div>
</li>
<!-- End Profile -->
<!-- Begin Profile -->
<li class="home-blog-post">
<div class="blog-thumb">
<img width="304" height="304" class="prof-image" src="img/students/doc_brown_index_profile.jpg" class="attachment-blog-thumb wp-post-image" alt="doc brown">
</div>
<div class="blog-title">
<div class="big-comment">
<h3>Doc Brown</h3>
</div>
<p class="home-blog-post-meta">"Great Scott!"</p>
</div>
<div class="clear"></div>
<div class="excerpt">
<p>Doctor Emmett Lathrop "Doc" Brown was the inventor of the DeLorean time machine. Doc's role models were scientists, as evidenced by the names of his dogs and the portraits of Isaac Newton and Albert Einstein found inside his laboratory.</p>
</div>
<div class="clear"></div>
</li>
<!-- End Profile -->
<!-- Duplicate li code block above to place more students here -->
</ul>
</div>
</div>
</div>
<!-- End Student Index -->
</div>
<div class="clear"></div>
<!-- End Content -->
</div>
<!-- End Main Wrapper -->
<!-- Begin Footer -->
<div class="footer">
<div class="footer-text">
<div class="footer-text-right">
<div class="copyright">© 2014. The Flatiron School. All Your Rights Are Belong To Us.</div>
</div>
<div class="clear"></div>
</div>
</div>
<!-- End Footer -->
</body>
</html>