-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
127 lines (116 loc) · 7.88 KB
/
index.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
<!DOCTYPE html>
<html lang="en" data-bs-theme="dark">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet"
integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous">
<link href="styles.css" rel="stylesheet">
<title>Capstone Project 2</title>
</head>
<body>
<div class="container">
<header class="d-flex flex-wrap justify-content-center py-3 mb-4 border-bottom">
<a href="/" class="d-flex align-items-center mb-3 mb-md-0 me-md-auto link-body-emphasis text-decoration-none">
<svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" fill="currentColor" class="bi bi-bookmark-heart-fill" viewBox="0 0 16 16">
<path d="M2 15.5a.5.5 0 0 0 .74.439L8 13.069l5.26 2.87A.5.5 0 0 0 14 15.5V2a2 2 0 0 0-2-2H4a2 2 0 0 0-2 2zM8 4.41c1.387-1.425 4.854 1.07 0 4.277C3.146 5.48 6.613 2.986 8 4.412z"/>
</svg>
<span class="fs-4 mx-2">Art Gallery</span>
</a>
<ul class="nav nav-pills">
<li class="nav-item"><a href="index.html" class="nav-link active" aria-current="page">Home</a></li>
<li class="nav-item"><a href="about.html" class="nav-link">About</a></li>
</ul>
</header>
</div>
<div class="container col-xxl-8 px-2 py-5">
<div class="row flex-lg-row-reverse align-items-center g-5 py-5">
<div class="col-10 col-sm-8 col-lg-6">
<img src="./images/potraitMan.jpg" class="d-block mx-lg-auto img-fluid" alt="Bootstrap Themes" width="700" height="500" loading="lazy">
</div>
<div class="col-lg-6">
<h1 class="display-5 fw-bold text-body-emphasis lh-1 mb-3">Potrait of A Man (Antonello da Messina)</h1>
<p class="lead">Portrait of a Man is an oil painting by the Italian Renaissance artist Antonello da Messina, dated to c. 1475–76, and now in the National Gallery, London. It was printed on the Italian 5,000 lire note issued from 1979 to 1983.</p>
</div>
</div>
</div>
<div class="my-5">
<div class="p-5 text-center bg-body-tertiary">
<div class="container py-5">
<h1 class="text-body-emphasis">More About The Potrait</h1>
<p class="col-lg-8 mx-auto lead">
The painting, in oils on a poplar panel, measures 35.6 cm × 25.4 cm (14.0 in × 10.0 in). It portrays an unknown man, whose garments belonged to the middle-upper class of the time. He wears a leather blouse, under which a white shirt is visible, and a red cloth cap. Antonello uses layers of colour with graduations of tones to build up a portrait with a realistic three-dimensional appearance. The composition, a strongly illuminated and tightly cropped three-quarters view set against a dark background, departs from the Italian tradition of the time, and is derived from the Flemish school, including Petrus Christus, whom Antonello knew personally in Italy. Compare for example Van Eyck's 1433 Portrait of a Man in a Red Turban.
</p>
</div>
</div>
</div>
<section class="py-5 text-center container">
<div class="row py-lg-5">
<div class="col-lg-6 col-md-8 mx-auto">
<h1 class="fw-light">Other Artworks</h1>
</div>
</div>
</section>
<div class="album py-5 bg-body-tertiary">
<div class="container">
<div class="row row-cols-1 row-cols-sm-2 row-cols-md-3 g-3">
<div class="col">
<div class="card shadow-sm">
<img src="./images/virginAnnunciate.jpg" alt="Virgin Annunciate">
<div class="card-body">
<p class="card-text">The Virgin Annunciate is a painting by the Italian Renaissance artist Antonello da Messina, housed in the Palazzo Abatellis, Palermo, region of Sicily, Italy. Probably painted in Sicily in 1476, it shows Mary interrupted at her reading by the Angel of the Annunciation. It is painted in oil on panel, who had learned it from North European artists such as Petrus Christus.</p>
<div class="d-flex justify-content-between align-items-center">
<div class="btn-group">
<button type="button" class="btn btn-sm btn-outline-secondary">View</button>
<button type="button" class="btn btn-sm btn-outline-secondary">Edit</button>
</div>
</div>
</div>
</div>
</div>
<div class="col">
<div class="card shadow-sm">
<img src="./images/saltingMadonna.jpg" alt="Salting Madonna" height="548px">
<div class="card-body">
<p class="card-text">The Madonna with Child (Salting Madonna) is a painting attributed on basis of style to the early Italian Renaissance master Antonello da Messina, depicting the Madona holding the doll-like Child and wearing an ornate golden crown, held by angels over her head. It is housed in the National Gallery, London. The name Salting applies to the collector who donated it to the gallery in 1910.</p>
<div class="d-flex justify-content-between align-items-center">
<div class="btn-group">
<button type="button" class="btn btn-sm btn-outline-secondary">View</button>
<button type="button" class="btn btn-sm btn-outline-secondary">Edit</button>
</div>
</div>
</div>
</div>
</div>
<div class="col">
<div class="card shadow-sm">
<img src="./images/stJerome.jpg" alt="St. Jerome in His Study" height="548px">
<div class="card-body">
<p class="card-text">Saint Jerome in His Study is a painting by the Italian Renaissance master Antonello da Messina. The painting depicts human, natural, and divine knowledge, and is filled with architectural qualities. It was the property of Antonio Pasqualino and afterwards of Thomas Baring, 1st Earl of Northbrook; since 1894 it has been in the collection of the National Gallery, London.</p>
<div class="d-flex justify-content-between align-items-center">
<div class="btn-group">
<button type="button" class="btn btn-sm btn-outline-secondary">View</button>
<button type="button" class="btn btn-sm btn-outline-secondary">Edit</button>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="container">
<footer class="d-flex flex-wrap justify-content-between align-items-center py-3 my-4 border-top">
<div class="col-md-4 d-flex align-items-center">
<a href="/" class="mb-3 me-2 mb-md-0 text-body-secondary text-decoration-none lh-1">
<svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" fill="currentColor" class="bi bi-bookmark-heart-fill" viewBox="0 0 16 16">
<path d="M2 15.5a.5.5 0 0 0 .74.439L8 13.069l5.26 2.87A.5.5 0 0 0 14 15.5V2a2 2 0 0 0-2-2H4a2 2 0 0 0-2 2zM8 4.41c1.387-1.425 4.854 1.07 0 4.277C3.146 5.48 6.613 2.986 8 4.412z"/>
</svg>
</a>
<span class="mb-3 mb-md-0 text-body-secondary">© 2024 Company, Inc</span>
</div>
</footer>
</div>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"
integrity="sha384-YvpcrYf0tY3lHB60NNkmXc5s9fDVZLESaAA55NDzOxhy9GkcIdslK1eN7N6jIeHz" crossorigin="anonymous"></script>
</body>
</html>