-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathpaintings.html
151 lines (150 loc) · 6.15 KB
/
paintings.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
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>important paintings</title>
<style>
body {
background: hsl(230deg 2% 50%);
color: #bebebe;
text-shadow: 0px 1px 2px #00000059;
display: flex;
justify-content: space-evenly;
flex-wrap: wrap;
max-width: 480px;
margin: auto;
width: 100%;
}
section {
display: block;
padding: 15px;
}
img {
width: 400px;
max-width: 100%;
margin-bottom: 15px;
}
</style>
</head>
<body>
<h1>Important Paintings</h1>
<section>
<img src="./mastery/old-delft.jpeg" loading="lazy"/>
<div class="artist">Paul Ingbretson, American</div>
<div class="title">Old Delft</div>
<div class="year"></div>
<div class="media"></div>
<div class="size"></div>
<div class="location"></div>
</section>
<section>
<img src="./warm-and-cool.jpg" loading="lazy"/>
<div class="artist">Paul Ingbretson, American</div>
<div class="title">Warm and Cool</div>
<div class="year"></div>
<div class="media"></div>
<div class="size"></div>
<div class="location"></div>
</section>
<section>
<img src="./variations-in-amber-and-green.jpg" loading="lazy"/>
<div class="artist">Paul Ingbretson, American</div>
<div class="title">Variations in Amber and Green</div>
<div class="year"></div>
<div class="media"></div>
<div class="size"></div>
<div class="location"></div>
</section>
<section>
<img src="https://upload.wikimedia.org/wikipedia/commons/thumb/a/a4/William_McGregor_Paxton%2C_Tea_Leaves%2C_oil_on_canvas%2C_1909%2C_Metropolitan_Museum_of_Art.jpg/819px-William_McGregor_Paxton%2C_Tea_Leaves%2C_oil_on_canvas%2C_1909%2C_Metropolitan_Museum_of_Art.jpg" loading="lazy"/>
<div class="artist">William McGregor Paxton, American</div>
<div class="title">Tea Leaves</div>
<div class="year">1909</div>
<div class="media">oil on canvas</div>
<div class="size">↑91.6 →71.9 cm</div>
<div class="location">Metropolitan Museum of Art, New York, USA</div>
</section>
<section>
<img src="./monet-gorge.jpg" loading="lazy"/>
<div class="artist">Claude Monet, French</div>
<div class="title">La Gorge de Varengeville</div>
<div class="year">1897</div>
<div class="media"></div>
<div class="size"></div>
<div class="location"></div>
</section>
<section>
<img src="https://upload.wikimedia.org/wikipedia/commons/3/38/Monet_-_Matin%C3%A9e_sur_la_Seine%2C_1897.jpg" loading="lazy"/>
<div class="artist">Claude Monet, French</div>
<div class="title">Matinée sur la Seine</div>
<div class="year">1897</div>
<div class="media">oil on canvas</div>
<div class="size">↑82.0 →93.5 cm</div>
<div class="location">Hiroshima Museum of Art, Hiroshima, Japan</div>
</section>
<section>
<img src="./whistler-portrait.jpg" loading="lazy"/>
<div class="artist">James Abott McNeill Whistler, American</div>
<div class="title">Arrangement in Flesh Colour and Black: <br>Portrait of Theodore Duret</div>
<div class="year">1883</div>
<div class="media"></div>
<div class="size"></div>
<div class="location"></div>
</section>
<section>
<img src="./whistler.jpg" loading="lazy"/>
<div class="artist">James Abott McNeill Whistler, American</div>
<div class="title">Nocturne in Grey and Gold: Chelsea Snow</div>
<div class="year">1876</div>
<div class="media"></div>
<div class="size"></div>
<div class="location"></div>
</section>
<section>
<img src="https://upload.wikimedia.org/wikipedia/commons/thumb/6/61/Vermeer_Lady_Maidservant_Holding_Letter.jpg/896px-Vermeer_Lady_Maidservant_Holding_Letter.jpg" loading="lazy"/>
<div class="artist">Johannes Vermeer, Dutch</div>
<div class="title">Mistress and Maid</div>
<div class="year">1667</div>
<div class="media">oil on canvas</div>
<div class="size">↑90.2 →78.4 cm</div>
<div class="location">Frick Collection, New York, USA</div>
</section>
<section>
<img src="https://upload.wikimedia.org/wikipedia/commons/thumb/2/2f/Vermeer_young_women_sleeping.jpg/889px-Vermeer_young_women_sleeping.jpg" loading="lazy"/>
<div class="artist">Johannes Vermeer, Dutch</div>
<div class="title">A Maid Asleep</div>
<div class="year">1656–57</div>
<div class="media">oil on canvas</div>
<div class="size">↑87.6 →76.5 cm</div>
<div class="location">Metropolitan Museum of Art, New York, USA</div>
</section>
<section>
<img src="https://upload.wikimedia.org/wikipedia/commons/thumb/5/50/Peter_Paul_Rubens_-_Descent_from_the_Cross_-_WGA20212_%28cropped%29.jpg/762px-Peter_Paul_Rubens_-_Descent_from_the_Cross_-_WGA20212_%28cropped%29.jpg" loading="lazy"/>
<div class="artist">Peter Paul Rubens, Flemish</div>
<div class="title">The Descent from the Cross</div>
<div class="year">1612-1614</div>
<div class="media">oil on panel</div>
<div class="size">↑420.5 →320 cm</div>
<div class="location">Cathedral of Our Lady, Antwerp, Belgium</div>
</section>
<section>
<img src="https://upload.wikimedia.org/wikipedia/commons/thumb/d/d2/Hans_Holbein%2C_the_Younger_-_Sir_Thomas_More_-_Google_Art_Project.jpg/823px-Hans_Holbein%2C_the_Younger_-_Sir_Thomas_More_-_Google_Art_Project.jpg" loading="lazy"/>
<div class="artist">Hans Holbein the Younger, German, Swiss</div>
<div class="title">Portrait of Sir Thomas More</div>
<div class="year">1527</div>
<div class="media">oil on oak</div>
<div class="size">↑74.2 →59 cm</div>
<div class="location">Frick Collection, New York, USA</div>
</section>
<section>
<img src="https://upload.wikimedia.org/wikipedia/commons/thumb/d/d7/Giovanni_Bellini_-_Saint_Francis_in_the_Desert_-_Google_Art_Project.jpg/875px-Giovanni_Bellini_-_Saint_Francis_in_the_Desert_-_Google_Art_Project.jpg" loading="lazy"/>
<div class="artist">Giovanni Bellini, Italian</div>
<div class="title">St. Francis in Ecstasy</div>
<div class="year">1480</div>
<div class="media">oil on panel</div>
<div class="size">↑124.6 →142 cm</div>
<div class="location">Frick Collection, New York, USA</div>
</section>
</body>
</html>