-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
217 lines (213 loc) · 9.35 KB
/
index.html
File metadata and controls
217 lines (213 loc) · 9.35 KB
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">
<title></title>
<link rel="stylesheet" type="text/css" href="CSS/general.css">
<link rel="stylesheet" type="text/css" href="CSS/top-level.css">
<link rel="stylesheet" type="text/css" href="CSS/block-level.css">
<link rel="stylesheet" type="text/css" href="CSS/whats-online.css">
<link rel="stylesheet" type="text/css" href="CSS/special-exhibitions.css">
<link rel="stylesheet" type="text/css" href="CSS/selected-highlights.css">
<link rel="stylesheet" type="text/css" href="CSS/footer.css">
<script type="text/javascript">
function toggle_overlay(id) {
var elem = document.getElementById(id);
console.log(elem.style.display);
if (elem.style.display != "block") {
elem.style.display = "block";
}
else {
elem.style.display = "none";
}
}
</script>
</head>
<img src="IMAGES/reference.png" id="overlay">
<body id="body" style="background: #809a80 none;">
<img src="IMAGES/ho_green_mast1.gif" class="banner">
<div id="padding" style="margin-bottom: 75px"></div>
<div class="content">
<div id="left_blocks">
<div id="whats_online" class="block">
<div class="whats_online block_heading">
What's Online
</div>
<div class="whats_online block_content">
<span class="section">
<div id="section-padding" style="padding-bottom: 10px;"></div>
The Collection <br>
<div class="subsection">
Explore & Learn <br>
Timeline of Art History <br>
</div>
The Met Store <br>
Membership <br>
<div class="subsection">
Support the Met <br>
</div>
Visitor Information <br>
<div class="subsection" style="margin-top: -5px;">
Calendar <br>
The Cloisters <br>
Concerts & Lectures <br>
Educational Resources <br>
Events & Programs <br>
FAQs <br>
Special Exhibitions <br>
</div>
My Met Museum <br>
News from the Met <br>
Site Index <br>
<div style="line-height: 75%" class="search">
Search <br>
<input type="text" name="search" style="color: #000000; width: 90px; height: 20px; margin-bottom: 70px">
<img src="IMAGES/ho_green_go.gif">
</div>
</span>
</div>
</div>
</div>
<div id="right_blocks">
<div id="special_exhibitions" class="block">
<div class="special_exhibitions block_heading">
Special Exhibitions
</div>
<div class="special_exhibitions block_content">
<div id="ex1" class="exhibition">
<img src="IMAGES/chuck_big.jpg">
<br>
<span class="title">
Chuck Close Prints: Process <br>
and Collaboration <br>
</span>
<span class="description">
Through April 18, 2004
</span>
</div>
<div id="ex2" class="exhibition">
<img src="IMAGES/tla_big.jpg">
<br>
<span class="title">
Treasures of a Lost Art: Italian <br>
Manuscript Painting of the <br>
Middle Ages and Renaissance <br>
</span>
<span class="description">
Through March 21, 2004
</span>
</div>
<div id="ex3" class="exhibition" style="position: relative">
<img src="IMAGES/gifford.jpg">
<br>
<span class="title">
Hudson River School Visions <br>
THe Landscapes of Sandford R. <br>
Gifford <br>
</span>
<span class="description">
Through February 8, 2004 <br>
</span>
<a href="" id="more" class="title" >More special exhibitions</a>
</div>
</div>
</div>
<div id="selected_highlights" class="block">
<div class="selected_highlights block_heading">
Selected Highlights
</div>
<div class="selected_highlights block_content">
<div id="hi1" class="highlight">
<img id="himg1" src="IMAGES/ho_green_nam_jan04.gif">
<div class="hi_text">
<span class="title">
Now at the Met<br>
</span>
<span class="description">
A guide to what's<br>
new in the<br>
galleries and <br>
online
</span>
</div>
</div>
<div id="hi2" class="highlight">
<img id="himg2" src="IMAGES/ho_green_bag.gif">
<div class="hi_text">
<span class="title">
The Met Store<br>
</span>
<span class="description">
Experience the <Br>
fine art of <br>
shopping online.
</span>
</div>
</div>
<div id="hi3" class="highlight">
<img id="himg3" src="IMAGES/ho_green_button.gif">
<div class="hi_text">
<span class="title">
Membership<br>
</span>
<span class="description">
Become a Member <br>
and receive many <br>
benefits.
</span>
</div>
</div>
<div id="hi4" class="highlight">
<img id="himg4" src="IMAGES/ho_green_mkids.gif">
<div class="hi_text">
<span class="title">
MuseumKids<br>
</span>
<span class="description">
Spend family time <br>
at the Met.
</span>
</div>
</div>
<div id="hi5" class="highlight">
<img id="himg5" src="IMAGES/ho_green_co_aps.gif">
<div class="hi_text">
<span class="title">
The Collection<br>
</span>
<span class="description">
New: View more <br>
than 3,000 works <br>
of <span class="title">American art.</span>
</span>
</div>
</div>
<div id="hi6" class="highlight">
<img id="himg6" src="IMAGES/ho_green_mmm_william.gif">
<div class="hi_text">
<span class="title">
My Met Museum<br>
</span>
<span class="description">
Receive free Met <br>
News email <br>
newsletters.
</span>
</div>
</div>
</div>
</div>
<div id="footer" class="footer">
<div class="description">
2000-2004 The Metropolitan Museum of Art. All rights reserved. <br>
</div>
<span class="title">Terms and Conditions</span> | <span class="title">Privacy Policy</span><br><br>
<span class="title">Contact Information</span> | <span class="title">Career Opportunities</span><br><br>
<span id="acknowledgements" class="title" >Acknowledgements</span>
</div>
</div>
</div>
<a href="#" onclick="toggle_overlay('overlay')" style="float: bottom">Click to toggle reference image</a><br>
<a href="creative.html">Exhibition Variant</a>
</body>
</html>