-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathonamsongs.html
120 lines (96 loc) · 5.8 KB
/
onamsongs.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Onam Song</title>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Merriweather&family=Montserrat&family=Sacramento&family=Ubuntu&display=swap" rel="stylesheet">
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-gH2yIJqKdNHPEq0n4Mqa/HGKIhSkIHeL5AyhkYV8i59U5AR6csBvApHHNl/vI1Bx" crossorigin="anonymous">
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-A3rJD856KowSb7dwlZdYEkO39Gagi7vIsF0jrRAoQmDKKtQBHUuLZ9AsSv4jD4Xa" crossorigin="anonymous"></script>
<link rel="stylesheet" href="onamsongs.css">
</head>
<body>
<section id="title">
<div class="container-fluid">
<h1 class="heading"><strong>ONAM SONGS</strong></h1>
</div>
</section>
<section id="onamsongs">
<h4><em>Malayalees</em> have a rich and vibrant collection of traditional songs (<em>Onappattu</em>) to be sung during the festival of Onam.</h4>
<p class="startingpara">Take a look at some of the various <em>Onappattu</em></p>
<div class=" firstrow row">
<div class="song col-lg-4 col-md-6">
<div class="card">
<div class="cardtop card-header">
<h3>Songs in praise of Maveli</h3>
</div>
<div class="cardtext card-body">
<img src="./Images songs/maveli.png" alt="maveli-img" width="160px" height="140px">
<p>The festival of onam is celebrated to welcome the spirit of the legendry king Mahabali and thus most of the onam songs are centred around him.They portray the golden era witnessed during his rule.</p>
</div>
</div>
</div>
<div class="song col-lg-4 col-md-6">
<div class="card">
<div class="cardtop card-header">
<h3><em>Vanchipattu</em></h3>
</div>
<div class="cardtext card-body">
<img src="./Images songs/vanchipattu.png" alt="vanchipattu-img" width="160px" height="140px">
<p>Vanchipattu are sung by the singers by sitting in the centre of the boat which helps to boost the confidence of the oarsmen and encourage them to row fast.A very famous song sung by boatmen is '<em>Kuchelavritham vanchipattu'.</em></p>
</div>
</div>
</div>
<div class="song col-lg-4 col-md-6">
<div class="card">
<div class="cardtop card-header">
<h3><em>Thumbi Thullal</em>song</h3>
</div>
<div class="cardtext card-body">
<img src="./Images songs/thumbithullal.png" alt="thumbithullal-img" width="160px" height="140px">
<p><em>Thumbi thullal</em>song is sung during the <em>thumbi thullal</em> that is performed by women in Kerala during Onam.The lead singer initiates a song in her melodious voice. She sings the first couplet that is taken up by other women.</p>
</div>
</div>
</div>
</div>
<div class="secondrow row">
<div class="song col-lg-4 col-md-6">
<div class="card">
<div class="cardtop card-header">
<h3><em>Thiruvathirapattu</em></h3>
</div>
<div class="cardtext card-body">
<img src="./Images songs/thiruvathira.png" alt="" width="160px" height="140px">
<p><em>Thiruvathirappattu </em>is the song that accompanies <em>thiruvathirakali</em>. In Thiruvathirakali, dancers execute graceful movements full of laasya around a lighted traditional wick lamp <em>(nilavilakku).</em></p>
</div>
</div>
</div>
<div class="song col-lg-4 col-md-6">
<div class="card">
<div class="cardtop card-header">
<h3><em>Oonjaal pattu</em></h3>
</div>
<div class="cardtext card-body">
<img src="./Images songs/oonjal.png" alt="" width="160px" height="140px">
<p>There are a large number of folk songs dedicated to the tradition of swing (<em>Onjalattam</em>). Boys and girls dress themselves in their tradition attire for the occasion.They sing traditional songs (Onappaattu) while doing Oonjalattom.</p>
</div>
</div>
</div>
<div class="song col-lg-4 col-md-6">
<div class="card">
<div class="cardtop card-header">
<h3>Devotional songs</h3>
</div>
<div class="cardtext card-body">
<img src="./Images songs/devotional.png" alt="" width="160px" height="140px">
<p>Some devotional songs are also sung during the festival of Onam. Songs sungs by <em>gopis</em> in praise of their beloved Lord Krishna are the most popular among them. Lyrics of a famous devotional Onam song goes like <em>“Mulla mallike nalla malathi malla lochane undo kandu?”</em></p>
</div>
</div>
</div>
</div>
</section>
</body>
</html>