/
spanishLanguageCollege.html
217 lines (189 loc) · 6.68 KB
/
spanishLanguageCollege.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="">
<meta name="author" content="">
<style>
.business-header {
height: 400px;
background: url('https://www.visitmexico.com/work/models/VisitMexico30/WebPage/Carnavales/photoEscudo_Carnavales_Morelos_HEADER.jpg') center center no-repeat scroll;
-webkit-background-size: cover;
-moz-background-size: cover;
background-size: cover;
-o-background-size: cover;
text-indent: 90px;
}
</style>
<title>Spanish language college</title>
<!-- Bootstrap Core CSS -->
<link href="bootstrap.min.css" rel="stylesheet">
<!-- Custom CSS -->
<link href="business-frontpage.css" rel="stylesheet">
<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
<script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
<![endif]-->
</head>
<body>
<ul class = "main-menu">
<li>
<a href="index.html">About</a>
<ul class = "submenu">
<li>
<a href = "#history">
History
</a>
</li>
<li>
<a href = "#staff">
Teaching stuff
</a>
</li>
<li>
<a href = "#graduates">
Graduates
</a>
</li>
</ul>
</li>
<li>
<a href="">For potential students</a>
<ul class = "submenu">
<li>
<a href = "#requirements">
Enter Requirements
</a>
</li>
<li>
<a href = "#schol">
Scholarships and tuition fee
</a>
</li>
<li>
<a href = "#inter">
For international students
</a>
</li>
</ul>
</li>
<li>
<a href="index.html">For current students</a>
<ul class = "submenu">
<li>
<a href = "#exchange">
Student exchange programmes
</a>
</li>
<li>
<a href = "#life">
Student life
</a>
</li>
<li>
<a href = "#work">
Career prospects
</a>
</li>
</ul>
</li>
</ul>
<!-- Image Background Page Header -->
<!-- Note: The background image is set within the business-casual.css file. -->
<header class="business-header">
<div class="container">
<div class="row">
<div class="col-lg-12">
<h1 class="tagline" align = "center">College of Spanish languages</h1>
</div>
</div>
</div>
</header>
<!-- Page Content -->
<div class="container">
<hr>
<div class="row">
<div class="col-sm-8">
<h2>Why do study Spanish?</h2>
<ol>
<li>
Communicate with 350 million native Spanish speakers worldwide.
</li>
<li>
Learn Spanish to enhance your travel experiences.
</li>
<li>
Use Spanish to improve your employment potential.
</li>
<li>
Better appreciate Spanish-speaking cultures.
</li>
<li>
Learn Spanish to make lifelong friends.
</li>
<li>
Learning Spanish makes acquiring the next foreign language easier.
</li>
<li>
Gain access to Spanish art, music, literature and film.
</li>
</ol>
<button class = "btn btn-success">Apply Just Now »</button>
</div>
<div class="col-sm-4">
<h2>Contact Us</h2>
<address>
<strong>University of Applied Languages</strong>
<br>2222 NYC
<br>Brooklyn, CA 33447
<br>
</address>
<address>
<abbr title="Phone">P:</abbr>(123) 456-7890
<br>
<abbr title="Email">E:</abbr> <a href="mailto:#">name@example.com</a>
</address>
</div>
</div>
<!-- /.row -->
<hr>
<div class="row">
<div class="col-sm-4">
<img class="img-circle img-responsive img-center" src="https://www.graduatecenter.org/uploads/pics/IMG_3012FB.jpg" alt="">
<h2>Our graduates</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut pulvinar in mauris vel ullamcorper. Nullam posuere vestibulum nisl, sit amet mattis nulla facilisis id. Morbi eu elit ac quam iaculis faucibus. Pellentesque interdum felis ligula, et posuere dolor tincidunt in. Etiam luctus consectetur lorem eget sagittis. Fusce in tincidunt leo. </p>
</div>
<div class="col-sm-4">
<img class="img-circle img-responsive img-center" src="http://www.cervantes.to/seville/img/content/spanish-language-school-1.jpg" alt="">
<h2>Spanish in Spain</h2>
<p>Aliquam erat volutpat. Etiam et dignissim lorem. Aliquam ornare, felis vel consectetur euismod, neque elit consequat urna, id porttitor sapien massa eu ante. Duis blandit consectetur egestas. Phasellus ac tellus ipsum</p>
</div>
<div class="col-sm-4">
<img class="img-circle img-responsive img-center" src="http://cdn4.gurl.com/wp-content/gallery/sara-college-parties/iStock_000050123144_Medium.jpg" alt="">
<h2>Our student life</h2>
<p>Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui.</p>
</div>
</div>
<!-- /.row -->
<hr>
<!-- Footer -->
<footer>
<div class="row">
<div class="col-lg-12">
<p>Copyright © Your Website 2014</p>
</div>
</div>
<!-- /.row -->
</footer>
</div>
<!-- /.container -->
<!-- jQuery -->
<script src="js/jquery.js"></script>
<!-- Bootstrap Core JavaScript -->
<script src="bootstrap.min.js"></script>
</body>
</html>