ass1/art5.html at main · irfcodes/ass1 · GitHub

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
<!DOCTYPE html>
<html>
<head>
  <title>Girl with a Pearl Earring | Art Gallery</title>
  <style>
    /* Same styling as art1.html */
  </style>
</head>
<body>
  <div class="container">
    <h1>Girl with a Pearl Earring</h1>
    <img src="images/art5.jpg" alt="Girl with a Pearl Earring" class="art-image">

    <div class="details">
      <p><strong>Artist:</strong> Johannes Vermeer</p>
      <p><strong>Year:</strong> c. 1665</p>
      <p><strong>Description:</strong> Sometimes called the "Mona Lisa of the North," this painting is admired for its soft lighting, intimate composition, and the mysterious gaze of the subject.</p>
    </div>

    <div class="similar">
      <h3>Similar Artworks</h3>
      <div class="similar-art">
        <div class="similar-art-item">
          <img src="images/art2.jpg" alt="Mona Lisa">
          <a href="art2.html">Mona Lisa</a>
        </div>
        <div class="similar-art-item">
          <img src="images/art1.jpg" alt="Starry Night">
          <a href="art1.html">Starry Night</a>
        </div>
        <div class="similar-art-item">
          <img src="images/art4.jpg" alt="The Scream">
          <a href="art4.html">The Scream</a>
        </div>
      </div>
    </div>
  </div>
</body>
</html>