PageSourceSearch

https://www.johannesvermeer.org/

html johannesvermeer.org collected 2026-10-02 13:40:11 UTC 32,507 bytes, 627 lines download raw bytes

1<!doctype html>
2<html lang='en'>
3
4  <head>
5    <meta charset='utf-8' />
6    <meta content='width=device-width, initial-scale=1.0' name='viewport' />
7    <meta property="og:image" content="https://www.johannesvermeer.org/assets/img/vermeer.jpg" />
8    <title>Johannes Vermeer</title>
9    <link rel="canonical" href="https://www.johannesvermeer.org" />
10    <meta property="og:site_name" content="Johannes Vermeer"/>
11    <meta name="description" content="Johannes Vermeer">
12
13    <!-- Favicons -->
14    <link href='/assets/img/logo.png' rel='icon' />
15    <link href='/assets/img/logo.png' rel='apple-touch-icon' />
16
17    <!-- Google Fonts -->
18    <link
19      href='https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i|Raleway:300,300i,400,400i,500,500i,600,600i,700,700i|Poppins:300,300i,400,400i,500,500i,600,600i,700,700i'
20      rel='stylesheet'
21    />
22
23    <!-- Vendor CSS Files -->
24    <link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet">
25    <link href="https://cdn.jsdelivr.net/npm/[email protected]/font/bootstrap-icons.css" rel="stylesheet">
26
27    <!-- Template Main CSS File -->
28    <link href='assets/css/style.css' rel='stylesheet' />
29
30    <!-- google auto Ads -->
31    
31<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-7736630563515597"
32      crossorigin="anonymous"></script>
32
33      
34  </head>
35
36  <body>
37
38   <!-- ======= Header ======= -->
39  <header id="header" class="fixed-top" style="background: rgba(21, 34, 43, 0.85)">
40    <div class="container d-flex align-items-center justify-content-between">
41
42      <a href="/" class="logo"><img loading="lazy" src="assets/img/logo.png" alt="Vermeer Logo" class="img-fluid"></a>
43
44      <nav id="navbar" class="navbar">
45        <ul>
46          <li><a class="nav-link scrollto" href="/">Home</a></li>
47           <li class="dropdown"><a href="#"><span>Masterpieces by Johannes Vermeer</span> <i class="bi bi-chevron-down"></i></a>
48            <ul>
49              <li><a href="/the-girl-with-a-pearl-earring.jsp" >The Girl with a Pearl Earring, by Johannes Vermeer</a></li>
50              <li><a href="/the-milkmaid.jsp" >The Milkmaid, by Johannes Vermeer</a></li>
51              <li><a href="/view-of-delft.jsp" >View of Delft, by Johannes Vermeer</a></li>
52              <li><a href="/the-art-of-painting.jsp" >The Art of Painting, by Johannes Vermeer</a></li>
53              <li><a href="/woman-with-a-water-jug.jsp" >Woman with a Water Jug, by Johannes Vermeer</a></li>
54              <li><a href="/the-concert.jsp" >The Concert, by Johannes Vermeer</a></li>
55              <li><a href="/a-girl-asleep.jsp">A Girl Asleep, by Johannes Vermeer</a></li>
56              <li><a href="/girl-interrupted-at-her-music.jsp">Girl Interrupted at her Music, by Johannes Vermeer</a></li>
57              <li><a href="/woman-holding-a-balance.jsp" >Woman Holding a Balance, by Johannes Vermeer</a></li>
58              <li><a href="/the-procuress.jsp" >The Procuress, by Johannes Vermeer</a></li>
59              <li><a href="/a-lady-writing-a-letter.jsp" >A Lady Writing a Letter, by Johannes Vermeer</a></li>
60              <li><a href="/the-little-street.jsp">The Little Street, by Johannes Vermeer</a></li>
61              <li><a href="/girl-reading-a-letter-at-an-open-window.jsp" >Girl Reading a Letter at an Open Window, by Johannes Vermeer</a></li>
62              <li><a href="/officer-and-laughing-girl.jsp" >Officer and Laughing Girl, by Johannes Vermeer</a></li>
63              <li><a href="/girl-with-a-red-hat.jsp" >Girl with a Red Hat, by Johannes Vermeer</a></li>
64              <li><a href="/the-music-lesson.jsp" >The Music Lesson, by Johannes Vermeer</a></li>
65              <li><a href="/woman-in-blue-reading-a-letter.jsp" >Woman in Blue Reading a Letter, by Johannes Vermeer</a></li>
66              <li><a href="/study-of-a-young-woman.jsp" >Study of a Young Woman, by Johannes Vermeer</a></li>
67              <li><a href="/the-geographer.jsp" >The Geographer, by Johannes Vermeer</a></li>
68              <li><a href="/the-astronomer.jsp" >The Astronomer, by Johannes Vermeer</a></li>
69              <li><a href="/the-lacemaker.jsp" >The Lacemaker, by Johannes Vermeer</a></li>
70              <li><a href="/lady-writing-a-letter-with-her-maid.jsp" >Lady Writing a Letter with Her Maid, by Johannes Vermeer</a></li>
71              <li><a href="/allegory-of-faith.jsp" >Allegory of Faith, by Johannes Vermeer</a></li>
72            </ul>
73          </li>
74          <li><a class="nav-link scrollto" href="/paintings.jsp">Complete Vermeer Paintings</a></li>
75        </ul>
76        <i class="bi bi-list mobile-nav-toggle"></i>
77      </nav><!-- .navbar -->
78
79    </div>
80  </header><!-- End Header -->
81  
82  <main id='main'>
83  <!-- ======= Hero Section ======= -->
84  <section id="hero">
85  <div class="hero-container" data-aos="fade-up" data-aos-delay="150">
86    <div class="col-lg-8 video-box align-self-baseline" style="margin-left: 30px; margin-right: 30px">
87    <p class="top">Johannes Vermeer: the Master of Light </p>
88    </div>
89  </div>
90  </section><!-- End Hero -->
91
92  <!-- ======= Content Section ======= -->
93  <section id='content' class='content' style='padding-top: 30px'>
94    <div class='container' data-aos='fade-up'>
95
96      <div class='section-title'>
97        <h1>Johannes Vermeer and his paintings</h1>
98      </div>
99
100      <div class='row'>
101
102        <div class='col-lg-12 col-md-12'>
103
104          <div class='row'>
105            <div class='col-md-12'>
106              <div class='info-box'>
107                <img loading="lazy" src="assets/img/vermeer.jpg" class="img-rounded float-start" alt="Johannes Vermeer Self Portrait" style="margin: 0px 15px 10px 0px; border:1px solid grey">
108                <p>
109                <b>Johannes Vermeer</b>, a renowned Dutch artist during the Golden Age era, made a name for himself from his famous works including the <a href="/view-of-delft.jsp">View of Delft</a> and 
110                <a href="/the-little-street.jsp">
110Little Street</a>. Perhaps, these were all because of the fact that he was born in Delft, in the Netherlands. Thus, his inspirations mainly came from where 
111                he grew up, which had a major impact on his life and career as a painter. His other famous paintings included <a href="/the-girl-with-a-pearl-earring.jsp">Girl with a Pearl Earrring</a>, 
112                <a href="/the-art-of-painting.jsp">The Art of Painting</a>, and <a href="woman-with-a-water-jug.jsp">Women with a Water Jug</a>. These were his popular masterpieces when his style evolved 
113                after his experience in being a part of the Delft Painter's Guild in his hometown.
114                </p><p>
115                Dedicated to improving his skill, Johannes Vermeer decided to register as a master painter with the Delft Guild, in 1653. Although there were insufficient details in history as to the person 
116                whom he received his training from, it was recorded that Vermeer had a long-standing friendship with Leonard Bramer. As for the painting style, scholars believe that 
117                <a href="https://www.rembrandtpaintings.com">Rembrandt</a> was one of the influences of Vermeer, as evident in his paintings during the later years.
118                </p><p>
119                In the earlier period of Vermeer's career, his works had some resemblance with Caravaggio's. For instance, Vermeer's 1656 work entitled <a href="/the-procuress.jsp">The Procuress</a> was 
120                reminiscent of painting style by <a href="http://www.caravaggio.org">Caravaggio</a>. The same held true with other works of Vermeer such as 
121                <a href="/christ-in-the-house-of-martha-and-mary.jsp">Christ in the House of Mary and Martha</a>, as well as 
122                in <a href="/diana-and-her-companions.jsp">Diana and Her Companions</a>. These were some of his earlier paintings that revolved around religion and mythology, which also depicted similar 
123                styles as other notable artists in his time.
124                </p><p>
125                Eventually, Vermeer discovered his unique style as he went on to painting domestic scenes. Vermeer' mature domestic genre pieces normally have a characteristic pearly light. Viewer's eyea are 
126                drawn into the picture by the careful placing of objects and a clearly defined architectural space. Figures pursue tranquil occupations, and the symbolic meaning of the scene is sometimes revealed 
127                through a painting within the painting. Cross-section of seventeenth-century Dutch society, ranging from the portrayal of a simple milkmaid at work, to the luxury and splendour of rich notables 
128                and merchantmen in their roomy houses is the theme that Vermeer always returns to, as artists have always returned to beloved themes - <a href="https://www.vincentvangogh.org">Van Gogh</a> his 
129                <a href="https://www.vincentvangogh.org/sunflowers.jsp">Sun Flowers</a>, <a href="http://www.paulcezanne.org">Cezanne</a> his <a href="https://www.paulcezanne.org/still-life-with-apples-and-oranges.jsp">Apples</a>, 
130                and <a href="http://www.claude-monet.com">Monet</a> his <a href="https://www.claude-monet.com/waterlilies.jsp">Water Lilies</a>. These themes began in the late 1650s, specifically in 
131                <a href="/the-milkmaid.jsp">The Milkmaid</a>, which was realistic in essence. This painting featured a woman who was in a domestic setting, and the artist incorporated light that made the artwork 
132                appear illuminated. In fact, several of his paintings featured that luminous and brilliant quality in them. In his masterpiece <a href="/the-girl-with-a-pearl-earring.jsp">Girl with a Pearl Earring</a>, 
133                which he created in 1665, the subject and background both appeared magnified with the artist's unique style of making them appear bright. 
134                </p>
135                <p>Primarily, Johannes Vermeer focused on realistic subjects, as evident in most of his paintings. It is also worth noting that there is nothing extraordinary with the way he interpreted his subjects. 
136                Nevertheless, Vermeer's artworks were all rather spectacular and enigmatic. Unlike other artists, he was not focused on making self
136-portraits. Rather, he was much more interested on painting 
137                objects and scenery that allowed viewers to contemplate of these. There was also a lack of any narratives in any of his works since his main purpose was to give people that opportunity to 
138                focus on the present moment and let a story evolve in the mind of the viewer.
139                </p><p>
140                Dimension and space are also key aspects of Vermeer's works. He excelled in using the color palette in such a way that presented his competency in creating realistic images with a 
141                photographic quality. The artist was able to achieve all of these with the mere use of his paint brush and choice of the right colors to highlight his works. 
142                <p>
143
144                <div class="ratio ratio-16x9" style="width: 95%; margin: 0px auto; margin-bottom: 20px;">
145                  <iframe loading="lazy" src="https://www.youtube.com/embed/UKKbV2NpBHI" title="Complete Paintings by Johannes Vermeer" allowfullscreen></iframe>
146                </div>
147
148                <p>Johannes Vermeer was a master of incorporating shadow and light to his works. He was able to achieve this style by using the camera obscura. This is a kind of tool that is made of a box, which came 
149                with a hole and equipped with a lens inside it. Moreover, the interior portion of the box was painted in white, and the mirrors and lenses inside it made it possible for images outside it 
150                to receive their reflection. As a result, the reflection's shadows and light are intensified, and this gave the artist a better concept of the depth of these elements on the surface of the 
151                subject.
152                </p><p>
153                Johannes Vermeer utilized this style with several of his works. It is particularly visible in his later paintings such as <a href="/the-lacemaker.jsp">The Lacemaker</a> and 
154                <a href="/girl-with-a-red-hat.jsp">Girl with the Red Hat</a>. The depiction of light and shadow, including the artist's ability to make his subjects come to life were rather impressive to the 
155                eyes of the viewer. 
156                </p>				
157                <p>The artist's use of the camera obsucra also provided a unique effect on the surfaces of objects. There were highlights included on his subjects, and it is also worth noting that some stark 
158                or dimmed conditions of the light made the effect appear intensified with the use of the mirrors and lenses in the camera.
159                </p><p>
160                With the help of the special contraption in the camera, shadows lines tend to appear at a much bolder and harsher quality. These were all presented by the artist on his paintings when he 
161                gave fabrics a unique interpretation. The camera that Johannes Vermeer also used allowed him to capture even the finest detail of his subjects, which was very important each time he tried to paint 
162                subjects and make them appear close to the viewer.
163                </p><p>
164                Indeed, Johannes Vermeer specialized in capturing his subjects and make them appear as though they were very real. He made it possible to give objects a realistic appeal as he painted them in an 
165                objective manner. What he intended was to provide the viewer with that rare and rather three-dimensional view of the subject, which placed them in the present moment of merely admiring the 
166                subject in its actual situation. These were only some of his styles that made him popular among his contemporaries, and his breakthrough style in the field of painting and pictorial 
167                aesthetics continue to live on until the present time.
168                </p><p>
169                During the 17th century, the use of paint colors was not very popular. There were also limitations in the ranges of these colors since they were not available in tubes and jars unlike 
170                the present time. The powders needed to be ground up finely before these are mixed with a little amount of water. However, Johannes Vermeer rose above these limitations and gave his artworks a 
171                fine quality as he overcame these challenges that painters during his time experienced. 
172                </p><p>
173                A slow and methodical painter, Johannes Vermeer produced relatively few paintings (35 have been attributed to him) but was a modest celebrity in his hometown of Delft during his lifetime. After 
174                he died, he fell into obscurity until the 19th century when he was rediscovered by German art historian Gustav Friedrich Waagen and French journalist and art critic Théophile Thoré-Bürger. 
175                Vermeer is now considered one of the three greatest Dutch painters, along with <a href="https://www.rembrandtpaintings.com">Rembrandt</a> and <a href="https://www.vincentvangogh.org">Vincent van Gogh</a>.
176                </p>
177
178              </div>
179            </div>
180        </div>
181
182      </div>
183
184    </div>
185  </section><!-- End Content Section -->
186
187</main>
188    <!-- ======= carousel ======= -->
189    <div class='container'>
190      <div
191        id='carouselControls'
192        class='carousel carousel-dark slide'
193        data-bs-ride='carousel'
194      >
195        <div class='carousel-inner'>
196          <div class='carousel-item active'>
197            <div class='row gy-3'>
198              <div class='col-lg-3 d-flex justify-content-center'>
199                <div class='card'>
200                  <a href='/the-girl-with-a-pearl-earring.jsp'>
201                    <img
202                      loading='lazy'
203                      src='/assets/img/thumbs/the-girl-with-a-pearl-earring.jpg'
204                      class='card-img-top'
205                      alt='The Storm on the Sea of Galilee by Johannes Vermeer'
206                    />
207                  </a>
208                  <div class='card-body'>
209                    <a href='/the-girl-with-a-pearl-earring.jsp'>
210                      <h6 class='card-title'>The Girl with a Pearl Earring</h6>
211                    </a>
212                  </div>
213                </div>
214              </div>
215    
216              <div class='col-lg-3 d-flex justify-content-center'>
217                <div class='card'>
218                  <a href='/the-art-of-painting.jsp'>
219                    <img
220                      loading='lazy'
221                      src='/assets/img/thumbs/the-art-of-painting.jpg'
222                      class='card-img-top'
223                      alt='The Art of Painting by Johannes Vermeer'
224                    />
225                  </a>
226                  <div class='card-body'>
227                    <a href='/the-art-of-painting.jsp'>
228                      <h6 class='card-title'>The Art of Painting</h6>
229                    </a>
230                  </div>
231                </div>
232              </div>
233    
234              <div class='col-lg-3 d-flex justify-content-center'>
235                <div class='card'>
236                  <a href='/the-milkmaid.jsp'>
237                    <img
238                      loading='lazy'
239                      src='/assets/img/thumbs/the-milkmaid.jpg'
240                      class='card-img-top'
241                      alt='The Milkmaid by Johannes Vermeer'
242                    />
243                  </a>
244                  <div class='card-body'>
245                    <a href='/the-milkmaid.jsp'>
246                      <h6 class='card-title'>The Milkmaid</h6>
247                    </a>
248                  </div>
249                </div>
250              </div>
251    
252              <div class='col-lg-3 d-flex justify-content-center'>
253                <div class='card'>
254                  <a href='/view-of-delft.jsp'>
255                    <img
256                      loading='lazy'
257                      src='/assets/img/thumbs/view-of-delft.jpg'
258                      class='card-img-top'
259                      alt='View of Delft by Johannes Vermeer'
260                    />
261                  </a>
262                  <div class='card-body'>
263                    <a href='/view-of-delft.jsp'>
264                      <h6 class='card-title'>View of Delft</h6>
265                    </a>
266                  </div>
267                </div>
268              </div>
269            </div>
270    
271          </div>
272    
273          <div class='carousel-item'>
274            <div class='row gy-3'>
275              <div class='col-lg-3 d-flex justify-content-center'>
276                <div class='card'>
277                  <a href='/woman-with-a-water-jug.jsp'>
278                    <img
279                      loading='lazy'
280                      src='/assets/img/thumbs/woman-with-a-water-jug.jpg'
281                      class='card-img-top'
282                      alt='Woman with a Water Jug by Johannes Vermeer'
283                    />
284                  </a>
285                  <div class='card-body'>
286                    <a href='/woman-with-a-water-jug.jsp'>
287                      <h6 class='card-title'>Woman with a Water Jug</h6>
288                    </a>
289                  </div>
290                </div>
291              </div>
292    
293              <div class='col-lg-3 d-flex justify-content-center'>
294                <div class='card'>
295                  <a href='/the-lacemaker.jsp'>
296                    <img
297                      loading='lazy'
298                      src='/assets/img/thumbs/the-lacemaker.jpg'
299                      class='card-img-top'
300                      alt='The Lacemaker by Johannes Vermeer'
301                    />
302                  </a>
303                  <div class='card-body'>
304                    <a href='/the-lacemaker.jsp'>
305                      <h6 class='card-title'>The Lacemaker</h6>
306                    </a>
307                  </div>
308                </div>
309              </div>
310    
311              <div class='col-lg-3 d-flex justify-content-center'>
312                <div class='card'>
313                  <a href='/the-little-street.jsp'>
314                    <img
315                      loading='lazy'
316                      src='/assets/img/thumbs/the-little-street.jpg'
317                      class='card-img-top'
318                      alt='The Little Street by Johannes Vermeer'
319                    />
320                  </a>
321                  <div class='card-body'>
322                    <a href='/the-little-street.jsp'>
323                      <h6 class='card-title'>The Little Street</h6>
324                    </a>
325                  </div>
326                </div>
327              </div>
328    
329              <div class='col-lg-3 d-flex justify-content-center'>
330                <div class='card'>
331                  <a href='/the-music-lesson.jsp'>
332                    <img
333                      loading='lazy'
334                      src='/assets/img/thumbs/the-music-lesson.jpg'
335                      class='card-img-top'
336                      alt='The Music Lesson by Johannes Vermeer'
337                    />
338                  </a>
339                  <div class='card-body'>
340                    <a href='/the-music-lesson.jsp'>
341                      <h6 class='card-title'>The Music Lesson</h6>
342                    </a>
343                  </div>
344                </div>
345              </div>
346            </div>
347    
348          </div>
349    
350          <div class='carousel-item'>
351            <div class='row gy-3'>
352              <div class='col-lg-3 d-flex justify-content-center'>
353                <div class='card'>
354                  <a href='/the-astronomer.jsp'>
355                    <img
356                      loading='lazy'
357                      src='/assets/img/thumbs/the-astronomer.jpg'
358                      class='card-img-top'
359                      alt='The Astronomer by Johannes Vermeer'
360                    />
361                  </a>
362                  <div class='card-body'>
363                    <a href='/the-astronomer.jsp'>
364                      <h6 class='card-title'>The Astronomer</h6>
365                    </a>
366                  </div>
367                </div>
368              </div>
369    
370              <div class='col-lg-3 d-flex justify-content-center'>
371                <div class='card'>
372                  <a href='/woman-holding-a-balance.jsp'>
373                    <img
374                      loading='lazy'
375                      src='/assets/img/thumbs/woman-holding-a-balance.jpg'
376                      class='card-img-top'
377                      alt='Woman Holding a Balance by Johannes Vermeer'
378                    />
379                  </a>
380                  <div class='card-body'>
381                    <a href='/woman-holding-a-balance.jsp'>
382                      <h6 class='card-title'>Woman Holding a Balance</h6>
383                    </a>
384                  </div>
385                </div>
386              </div>
387    
388              <div class='col-lg-3 d-flex justify-content-center'>
389                <div class='card'>
390                  <a href='/the-procuress.jsp'>
391                    <img
392                      loading='lazy'
393                      src='/assets/img/thumbs/the-procuress.jpg'
394                      class='card-img-top'
395                      alt='The Procuress by Johannes Vermeer'
396                    />
397                  </a>
398                  <div class='card-body'>
399                    <a href='/the-procuress.jsp'>
400                      <h6 class='card-title'>The Procuress</h6>
401                    </a>
402                  </div>
403                </div>
404              </div>
405    
406              <div class='col-lg-3 d-flex justify-content-center'>
407                <div class='card'>
408                  <a href='/the-concert.jsp'>
409                    <img
410                      loading='lazy'
411                      src='/assets/img/thumbs/the-concert.jpg'
412                      class='card-img-top'
413                      alt='The Concert by Johannes Vermeer'
414                    />
415                  </a>
416                  <div class='card-body'>
417                    <a href='/the-concert.jsp'>
418                      <h6 class='card-title'>The Concert</h6>
419                    </a>
420                  </div>
421                </div>
422              </div>
423            </div>
424    
425          </div>
426    
427          <div class='carousel-item'>
428            <div class='row gy-3'>
429              <div class='col-lg-3 d-flex justify-content-center'>
430                <div class='card'>
431                  <a href='/woman-in-blue-reading-a-letter.jsp'>
432                    <img
433                      loading='lazy'
434                      src='/assets/img/thumbs/woman-in-blue-reading-a-letter.jpg'
435                      class='card-img-top'
436                      alt='Woman in Blue Reading a Letter by Johannes Vermeer'
437                    />
438                  </a>
439                  <div class='card-body'>
440                    <a href='/woman-in-blue-reading-a-letter.jsp'>
441                      <h6 class='card-title'>Woman in Blue Reading a Letter</h6>
442                    </a>
443                  </div>
444                </div>
445              </div>
446    
447              <div class='col-lg-3 d-flex justify-content-center'>
448                <div class='card'>
449                  <a href='/a-lady-seated-at-a-virginal.jsp'>
450                    <img
451                      loading='lazy'
452                      src='/assets/img/thumbs/a-lady-seated-at-a-virginal.jpg'
453                      class='card-img-top'
454                      alt='A Lady Seated at a Virginal by Johannes Vermeer'
455                    />
456                  </a>
457                  <div class='card-body'>
458                    <a href='/a-lady-seated-at-a-virginal.jsp'>
459                      <h6 class='card-title'>A Lady Seated at a Virginal</h6>
460                    </a>
461                  </div>
462                </div>
463              </div>
464    
465              <div class='col-lg-3 d-flex justify-content-center'>
466                <div class='card'>
467                  <a href='/girl-reading-a-letter-at-an-open-window.jsp'>
468                    <img
469                      loading='lazy'
470                      src='/assets/img/thumbs/girl-reading-a-letter-at-an-open-window.jpg'
471                      class='card-img-top'
472                      alt='Girl Reading a Letter at an Open Window by Johannes Vermeer'
473                    />
474                  </a>
475                  <div class='card-body'>
476                    <a href='/girl-reading-a-letter-at-an-open-window.jsp'>
477                      <h6 class='card-title'>Girl Reading a Letter at an Open Window</h6>
478                    </a>
479                  </div>
480                </div>
481              </div>
482    
483              <div class='col-lg-3 d-flex justify-content-center'>
484                <div class='card'>
485                  <a href='/diana-and-her-companions.jsp'>
486                    <img
487                      loading='lazy'
488                      src='/assets/img/thumbs/diana-and-her-companions.jpg'
489                      class='card-img-top'
490                      alt='Diana and her Companions by Johannes Vermeer'
491                    />
492                  </a>
493                  <div class='card-body'>
494                    <a href='/diana-and-her-companions.jsp'>
495                      <h6 class='card-title'>Diana and her Companions</h6>
496                    </a>
497                  </div>
498                </div>
499              </div>
500            </div>
501    
502          </div>
503    
504          <div class='carousel-item'>
505            <div class='row gy-3'>
506              <div class='col-lg-3 d-flex justify-content-center'>
507                <div class='card'>
508                  <a href='/woman-with-a-lute.jsp'>
509                    <img
510                      loading='lazy'
511                      src='/assets/img/thumbs/woman-with-a-lute.jpg'
512                      class='card-img-top'
513                      alt='Woman with a Lute by Johannes Vermeer'
514                    />
515                  </a>
516                  <div class='card-body'>
517                    <a href='/woman-with-a-lute.jsp'>
518                      <h6 class='card-title'>Woman with a Lute</h6>
519                    </a>
520                  </div>
521                </div>
522              </div>
523    
524              <div class='col-lg-3 d-flex justify-content-center'>
525                <div class='card'>
526                  <a href='/study-of-a-young-woman.jsp'>
527                    <img
528                      loading='lazy'
529                      src='/assets/img/thumbs/study-of-a-young-woman.jpg'
530                      class='card-img-top'
531                      alt='Study of a Young Woman by Johannes Vermeer'
532                    />
533                  </a>
534                  <div class='card-body'>
535                    <a href='/study-of-a-young-woman.jsp'>
536                      <h6 class='card-title'>Study of a Young Woman</h6>
537                    </a>
538                  </div>
539                </div>
540              </div>
541    
542              <div class='col-lg-3 d-flex justify-content-center'>
543                <div class='card'>
544                  <a href='/the-geographer.jsp'>
545                    <img
546                      loading='lazy'
547                      src='/assets/img/thumbs/the-geographer.jpg'
548                      class='card-img-top'
549                      alt='The Geographer by Johannes Vermeer'
550                    />
551                  </a>
552                  <div class='card-body'>
553                    <a href='/the-geographer.jsp'>
554                      <h6 class='card-title'>The Geographer</h6>
555                    </a>
556                  </div>
557                </div>
558              </div>
559    
560              <div class='col-lg-3 d-flex justify-content-center'>
561                <div class='card'>
562                  <a href='/christ-in-the-house-of-martha-and-mary.jsp'>
563                    <img
564                      loading='lazy'
565                      src='/assets/img/thumbs/christ-in-the-house-of-martha-and-mary.jpg'
566                      class='card-img-top'
567                      alt='Christ in the House of Martha and Mary by Johannes Vermeer'
568                    />
569                  </a>
570                  <div class='card-body'>
571                    <a href='/christ-in-the-house-of-martha-and-mary.jsp'>
572                      <h6 class='card-title'>Christ in the House of Martha and Mary</h6>
573                    </a>
574                  </div>
575                </div>
576              </div>
577    
578            </div>
579          </div>
580        </div>
581        <button
582          class='carousel-control-prev'
583          type='button'
584          data-bs-target='#carouselControls'
585          data-bs-slide='prev'
586        >
587          <span class='carousel-control-prev-icon' aria-hidden='true'></span>
588          <span class='visually-hidden'>Previous</span>
589        </button>
590        <button
591          class='carousel-control-next'
592          type='button'
593          data-bs-target='#carouselControls'
594          data-bs-slide='next'
595        >
596          <span class='carousel-control-next-icon' aria-hidden='true'></span>
597          <span class='visually-hidden'>Next</span>
598        </button>
599      </div>
600    
601    </div>
602    <!-- =======end carousel ======= -->
603  
604  <!-- ======= Footer ======= -->
605  <footer id='footer'>
606    <div class='container'>
607      <div class='copyright'>
608        &copy; Copyright <strong><span>www.JohannesVermeer.org</span></strong>. All Rights Reserved </div>
609      <div class='credits'>
610        Designed by <a href='/'>www.JohannesVermeer.org</a>
611      </div>
612    </div>
613  </footer><!-- End Footer -->
614
615  <div id='preloader'></div>
616  <a href='#' class='back-to-top d-flex align-items-center justify-content-center'><i class='bi bi-arrow-up-short'></i></a>
617
618  <!-- Vendor JS Files -->
619  
619<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"></script>
619
620
621  <!-- Template Main JS File -->
622  
622<script src='assets/js/main.js'></script>
622
623  
624  
624<script type="module" src="https://static.cloudflareinsights.com/beacon.min.js/v31edd6df95cf4e85bb4c19e7a9bdbcba1788362987495" integrity="sha512-iIg7k2xntmwu6/uSb5tpc/hySgZc4eoL31yB29W6tJFo2akwjPWcEqnCEdJvGexCL0KEQwVYv5BlowfhVz26hg==" data-cf-beacon='{"version":"2024.11.0","token":"da21032273224a4f84c4d50c2c0d705b","r":1,"spa":2}' crossorigin="anonymous"></script>
624
625</body>
626
627</html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.