-
Notifications
You must be signed in to change notification settings - Fork 0
/
painting.html
238 lines (227 loc) · 9.81 KB
/
painting.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
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no" />
<title>Paintings</title>
<link rel="stylesheet" href="css/index.css" />
</head>
<body>
<header>
<div class="container flex justify-center">
<div id="logo">
<span>VA</span>
</div>
</div>
</header>
<nav id="navbar">
<div class="container">
<ul class="flex">
<li>
<a href="index.html">Home</a>
</li>
<li>
<a href="handicrafts.html">Handicrafts</a>
<div class="dropdown">
<div class="container flex">
<div class="dropdown-image">
<img src="images/handicrafts.png" />
</div>
<div class="dropdown-details">
<p>A handicraft, sometimes more precisely expressed as artisanal handicraft or handmade...</p>
</div>
</div>
</div>
</li>
<li>
<a href="sculpture.html">Sculpture</a>
<div class="dropdown">
<div class="container flex">
<div class="dropdown-image">
<img src="images/sculpture.png" />
</div>
<div class="dropdown-details">
<p>Sculpture began fundamentally from hieroglyphics...</p>
</div>
</div>
</div>
</li>
<li>
<a href="architecture.html">Architecture</a>
<div class="dropdown">
<div class="container flex">
<div class="dropdown-image">
<img src="images/architecture.jpg" width="400" />
</div>
<div class="dropdown-details">
<p>It is one of mankind's most perceptible and enduring forms of articulation, bridging the gap between the past and present...</p>
</div>
</div>
</div>
</li>
<li>
<a href="gallery.html">Gallery</a>
</li>
</ul>
</div>
</nav>
<section class="page-content">
<div class="container">
<h1>What is painting?</h1>
<span class="line-separator"></span>
<div class="page-details">
<p>Painting is the practice of applying paint, pigment, color or other medium to a solid surface. The medium is commonly applied to the base with a brush, but other implements, such as knives, sponges, and airbrushes, can be used. The final work is also called a painting.</p>
<br />
<h2>Famous Foreign Painters</h2>
<div class="grid-tiles">
<div class="grid-row justify-center">
<div class="grid-tile">
<img src="images/painters/monet.jpg" />
<h3>Claude Monet</h3>
</div>
<div class="grid-tile">
<img src="images/painters/munch.jpg" />
<h3>Edvard Munch</h3>
</div>
<div class="grid-tile">
<img src="images/painters/leonardo.jpg" />
<h3>Leonardo da Vinci</h3>
</div>
</div>
</div>
<br />
<h2>Famous Filipino Artists</h2>
<div class="grid-tiles">
<div class="grid-row justify-center">
<div class="grid-tile">
<img src="images/painters/luna.jpg" />
<h3>Juan Luna</h3>
</div>
<div class="grid-tile">
<img src="images/painters/amorsolo.jpg" />
<h3>Fernando Amorsolo</h3>
</div>
<div class="grid-tile">
<img src="images/painters/manansala.jpg" />
<h3>Vicente Manansala</h3>
</div>
</div>
<div class="grid-row justify-center">
<div class="grid-tile">
<img src="images/painters/botong.jpg" />
<h3>Carlos Francisco</h3>
</div>
<div class="grid-tile">
<img src="images/painters/felix.jpg" />
<h3>Félix Hidalgo</h3>
</div>
</div>
</div>
<div class="overlay">
<div class="grid-tiles-content">
<div class="close">x</div>
<div class="grid-tile-content">
<h3>Claude Monet</h3>
<span class="line-separator"></span>
<ul>
<li>He is recognized as Father of Impressionism.</li>
<li>He was born in Paris, France on November 14, 1840.
<li>He instigated one of the most important artistic movements in history, and his ground-breaking work continues to inspire the development of artists and artistic styles today.</li>
<li>Among his famous paintings were "SUNRISE IMPRESSION", "HAYSTACKS", "WATERLOO BRIDGE" and "WATER LILIES.</li>
</ul>
</div>
<div class="grid-tile-content">
<h3>Edvard Munch</h3>
<span class="line-separator"></span>
<ul>
<li>Most famous for his painting the Scream, he is a well-known expressionist painter from Norway.</li>
<li>Munch had a troubled childhood and adolescence that can be seen in much of his work.</li>
<li>Munch's paintings are full of grief, illness and death since most of his family members passed away when he was a child.</li>
<li>As Munch grew as a painter, he experimented with all types of painting style including Naturalism, impressionism, and Pointillism.</li>
<li>Edvard Munch's Masterpieces were "The Scream", "The Day After" and "Sun".</li>
</ul>
</div>
<div class="grid-tile-content">
<h3>Leonardo da Vinci</h3>
<span class="line-separator"></span>
<ul>
<li>Leonardo di ser Piero da Vinci, more commonly Leonardo da Vinci or simply Leonardo, was an Italian polymath of the Renaissance, whose areas of interest included invention, painting, sculpting, architecture.</li>
<li>Born on April 15, 1452 at Anchiano, Italy Famous works of da Vinci are MONA LISA and THE LAST SUPPER</li>
</ul>
</div>
<div class="grid-tile-content">
<h3>Juan Luna</h3>
<span class="line-separator"></span>
<ul>
<li>The paintings of Juan Luna were the first Filipino works of art to become famous inside and outside of the Philippines because of its meaning and significance.</li>
<li>Juan Luna produced works in the romantic and early impressionist styles, achieving great recognition in Europe.</li>
<li>Among his famous paintings are Spolarium, Tampuhan and the Parisian Life</li>
</ul>
</div>
<div class="grid-tile-content">
<h3>Fernando Amorsolo</h3>
<span class="line-separator"></span>
<ul>
<li>Fernando Amorsolo Y Cueto was one of the most important artists in the history of painting in the Philippines.</li>
<li>Amorsolo was a portaraitist and painter of rural Philippine landscapes.</li>
<li>He is popularly known for his craftmanship and mastery in the use of light.</li>
<li>Among his great paintings were Planting Rice, The Making of the Philippine Flag and the Fruit Picker Under the Mango Tree.</li>
</ul>
</div>
<div class="grid-tile-content">
<h3>Vicente Manansala</h3>
<span class="line-separator"></span>
<ul>
<li>Vicente Silva Manansala was a Philippine cubist painter and illustrator.</li>
<li>Manansala was born in Macabebe, Pampanga. From 1926 to 1930, he studied at the U.P.</li>
<li>In 1949, Manansala received a six-month grant by UNESCO to study at the Ecole de Beaux Arts in Banff and Montreal, Canada.</li>
</ul>
</div>
<div class="grid-tile-content">
<h3>Carlos "Botong" Francisco</h3>
<span class="line-separator"></span>
<ul>
<li>Carlos "Botong" Francisco, National Artist for Visual Arts.</li>
<li>He was born and raised in Angono, Rizal. He was affectionately called "Botong" by his family and friends.</li>
<li>Hailed as Philippine National Artist for Visual Arts in 1973.</li>
<li>Among his famous paintings are The Martyrdom of Rizal, Bayanihan sa Bukid at Magpupukot at Katipunan.</li>
</ul>
</div>
<div class="grid-tile-content">
<h3>Félix Resurrección Hidalgo y Padilla</h3>
<span class="line-separator"></span>
<ul>
<li>He was a Filipino artist. He is acknowledged as one of the great Filipino painters of the late 19th century, and is significant in Philippine history for having been an acquaintance and inspiration for members of the Philippine reform movement which included José Rizal, Marcelo del Pilar, Mariano Ponce and Graciano López Jaena, although he neither involved himself directly in that movement, nor later associate himself with the First Philippine Republic under Emilio Aguinaldo.</li>
<li>His winning the silver medal in the 1884 Madrid Exposition of Fine Arts, along with the gold win of fellow Filipino painter Juan Luna, prompted a celebration which was a major highlight in the memoirs of members of the Philippine reform movement, with Rizal toasting to the two painters' good health and citing their win as evidence that Filipinos and Spaniards were equals.</li>
</ul>
</div>
</div>
</div>
<div class="links-container">
<a href="gallery.html#paintings" id="view">View their works</a>
</div>
</div>
</div>
</section>
<script src="js/jquery-3.3.1.min.js"></script>
<script>
$('#navbar li').hover(function() {
$(this).children('.dropdown').fadeToggle();
});
var content = $('.grid-tile-content');
// Hide all grid tile content except the first one
content.not(':first').hide();
$('.grid-tile').each(function(index) {
$(this).click(function() {
// Hide all except the selected one
content.hide();
content.eq(index).show();
$('.overlay').fadeIn();
});
});
$('.close').click(function() {
$('.overlay').fadeOut();
});
</script>
</body>
</html>