ass1/art2.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>Mona Lisa | Art Gallery</title>
  <style>
    /* Same styling as art1.html */
  </style>
</head>
<body>
  <div class="container">
    <h1>Mona Lisa</h1>
    <img src="images/art2.jpg" alt="Mona Lisa" class="art-image">

    <div class="details">
      <p><strong>Artist:</strong> Leonardo da Vinci</p>
      <p><strong>Year:</strong> c. 1503</p>
      <p><strong>Description:</strong> The Mona Lisa is perhaps the most famous painting in the world. It is celebrated for the subject's enigmatic expression and the painting's exquisite detail and composition.</p>
    </div>

    <div class="similar">
      <h3>Similar Artworks</h3>
      <div class="similar-art">
        <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/art5.jpg" alt="Girl with a Pearl Earring">
          <a href="art5.html">Girl with a Pearl Earring</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>