Untitled
unknown
plain_text
2 months ago
2.8 kB
1
Indexable
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Philippine Arts Timeline</title>
<style>
body {
font-family: Arial, sans-serif;
margin: 20px;
}
.timeline {
display: flex;
flex-direction: column;
align-items: center;
}
.era {
display: flex;
align-items: center;
margin: 10px 0;
}
.symbol {
font-size: 24px;
margin-right: 10px;
}
.line {
border-bottom: 2px solid black;
width: 100%;
margin: 5px 0;
}
</style>
</head>
<body>
<h1>Philippine Arts Timeline</h1>
<div class="timeline">
<!-- Ethnic Era -->
<div class="era">
<span class="symbol">⬤</span>
<div>
<strong>Ethnic Era (Pre-16th Century):</strong> Pottery, weaving, tattoos, dances.
</div>
</div>
<div class="line"></div>
<!-- Islamic Era -->
<div class="era">
<span class="symbol">🌙</span>
<div>
<strong>Islamic Era (13th Century):</strong> Okir, mosques, malong textiles.
</div>
</div>
<div class="line"></div>
<!-- Spanish Era -->
<div class="era">
<span class="symbol">⛪️</span>
<div>
<strong>Spanish Era (1521–1898):</strong> Baroque churches, santos statues.
</div>
</div>
<div class="line"></div>
<!-- American Era -->
<div class="era">
<span class="symbol">🎥</span>
<div>
<strong>American Era (1898–1946):</strong> Art deco, theater, cinema.
</div>
</div>
<div class="line"></div>
<!-- Japanese Era -->
<div class="era">
<span class="symbol">☀️</span>
<div>
<strong>Japanese Era (1941–1945):</strong> Propaganda art, haiku poetry.
</div>
</div>
<div class="line"></div>
<!-- Modern Era -->
<div class="era">
<span class="symbol">🎨</span>
<div>
<strong>Modern Era (Post-1946):</strong> Pastoral themes, modernism.
</div>
</div>
<div class="line"></div>
<!-- Contemporary Era -->
<div class="era">
<span class="symbol">🖼️</span>
<div>
<strong>Contemporary Era (1970s–Present):</strong> Digital art, social realism.
</div>
</div>
</div>
</body>
</html>Editor is loading...
Leave a Comment