-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
181 lines (148 loc) · 8.38 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
<!DOCTYPE html>
<html>
<head>
<title>ESL for Native Speakers - a Transformer Gallery Project</title>
<link href='http://fonts.googleapis.com/css?family=Pathway+Gothic+One' rel='stylesheet' type='text/css'>
<link type="text/css" rel="stylesheet" href="lib/bootstrap/css/bootstrap.min.css" />
<link type="text/css" rel="stylesheet" href="css/learnenglish.css" />
</head>
<body>
<div class="educational-block container">
<a href="/index.html">
<div class="banner sky">
<div class="banner dc"></div>
<div class="title">
<h1><span class="logo-t"></span>ransformer</h1>
<h3>ESL for Native Speakers since 2013</h3>
</div>
</div>
</a>
<div class="nav-bar">
<ul>
<li><a href="/index.html">home</li></a>
<li><a href="/about.html">about the institute</li></a>
<li><a href="/testimonials.html">testimonials</li></a>
<li><a href="/life.html">life in D.C.</li></a>
<li><a href="/game.html">self-tests</li></a>
<li><a href="/register.html">register</li></a>
<li><a href="/contact.html">contact</li></a>
</ul>
</div>
<div class="main-content row">
<div class="left span3">
<div class="box blue-box yelling questions">
<h4 class="callout">Questions</h4>
<span class="teacher-small fake-right"></span>
<p>Ask me now.</p>
<p>I'll answer soon.</p>
<a class="bottom-right">Send</a>
</div>
<a href="/register.html" class="yelling btn large-btn">Register Now</a>
<div id="calendar" class="box center-text">
<img src="img/calendar_210x148.png" alt="Register in July" />
</div>
<div class="box blue-text tan">
<div class="center-text">
<img src="img/registration_logo_75x75.png" alt="Sign up now! Today!" />
</div>
<h2 class="yelling center-text">Summer Session</h2>
<p class="yelling"><strong>Registration:</strong></p>
<p>Thursday, July 25, 4-8pm</p>
<br />
<p class="yelling"><strong>Classes:</strong></p>
<p>Thursday, July 25</p>
<p>Saturday, July 27</p>
<p>Thursday, August 1</p>
<p>Saturday, August 3</p>
<br />
<p class="yelling"><strong>Lab Hours:</strong></p>
<p>Wednesday-Saturday</p>
<p>12:00 - 6:00 p.m.</p>
</div><!-- end schedule -->
<div class="social-row center-text">
<a href="https://twitter.com/transformeresl"><img src="img/twitter_60x60.png"></a>
<a href="https://www.facebook.com/TransformerInstitute"><img src="img/facebook_60x60.png"></a>
<a href="http://instagram.com/transformeresl"><img src="img/instagram_60x60.png"></a>
</div>
</div><!-- end left -->
<div class="center span9">
<div class="box blue-text mission">
<img src="img/goodtimes_300x198.png" alt="ESL students just having a nice time">
<p class="yelling"><strong>Say what you mean</strong></p>
<br />
<p>In professional and personal life, communication is key.</p>
<p>Through Transformer's communicative approach, students learn not only vocabulary and grammar, but how to use language in real life contexts. Even though English is your first language, you'll gain the knowledge to express your needs, feelings, and desires in the office, at home, and in other day-to-day situations.</p>
</div>
<div class="row">
<div class="span6">
<div class="box blue-text">
<iframe width="460" height="259" src="http://www.youtube.com/embed/Hm_uKSOGqXk" frameborder="0" allowfullscreen></iframe>
</div>
<div class="box award blue-text">
<img src="img/award_banner_460x293.png" alt="AWARD RECIPIENT BEST NEW INSTITUTE OMG 2013" height="293px"/>
<p class="black">Communicative</p>
<p class="black">Language Teaching</p>
<p class="black">(CLT)</p>
<br />
<p class="yelling">2013 Award Recipient</p>
<p class="yelling">Best New Institute</p>
<p>Serving Native Speakers (N.A.)</p>
</div><!--end box -->
<div class="box twitter blue-text">
<a class="twitter-timeline" href="https://twitter.com/TransformerESL" data-widget-id="356613583385268224" height="475px">Tweets by @TransformerESL</a>
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+"://platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>
</div>
</div>
<div class="span3 right">
<div class="box facts blue-text">
<div class="center-text">
<img src="img/fast_facts_200x183.png" alt="English fast!" />
</div>
<ul>
<li>Obtain a high level in a short amount of time.</li>
<li>Quickly improve your ability to communicate.</li>
<li>Feel comfortable in typical American situations.</li>
<li>Participate in volunteer and internship activities (optional).</li>
</ul>
</div>
<div class="box testimonial blue-text center-text">
<img src="img/testimonial_lady_160x268.png" alt="Karen did great in ESL For N.S.'s!">
<div class="speech tan">
<p class="big"><a href="/testimonials.html">Testimonial</a></p>
<p><a href="/testimonials.html">"Before Transformer, I didn't understand anything. Now I feel happy and comfortable to talk with all sorts of people.</a></p>
<br />
<p><a href="/testimonials.html">-Karen, USA</a></p>
</div>
</div>
<div class="box test blue-text center-text">
<img src="img/student_140x212.png" alt="Take a test with Jasmine" />
<br />
<p class="arial yelling">Online Tests!</p>
<br />
<button id="tests" class="yelling mid-btn" type="button">Register Above To Try Them Out</button>
</div>
</div>
</div><!-- end row -->
</div><!-- end right -->
</div><!-- end main content -->
<div class="row">
<div class="span12">
<div class="footer">
<ul>
<li>Copyright Transformer Language Labs</li>
<li><a href="http://transformerdc.org">http://transformerdc.org</a></li>
<li>1404 P St NW, Washington DC, 20005</li>
<li>(202) 483-1102</li>
</ul>
</div><!--end footer -->
</div>
</div>
</div>
<script type="text/javascript" src="http://code.jquery.com/jquery-1.10.2.min.js"></script>
<script type="text/javascript">
$('#tests').click(function() {
window.location='http://www.eslfornativespeakers.com/game.html';
});
</script>
</body>
</html>