-
Notifications
You must be signed in to change notification settings - Fork 34
/
floats.html
68 lines (46 loc) · 4.71 KB
/
floats.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title> CSS floats for page layout </title>
<link rel="stylesheet" href="css/normalize.min.css">
<link rel="stylesheet" href="css/floats.css">
</head>
<body>
<div id="wrapper">
<header>
<h1>Using CSS floats for layout</h1>
<p>This page demonstrates a four-unit layout with header, footer, article and sidebar (aside).</p>
<p>The HTML here is the same as the <a href="grid.html">grid</a> page, but the CSS is quite different.</p>
</header>
<article>
<h2>The Ramayana</h2>
<p>Ravana resolves to destroy Rama by capturing Sita with the aid of the rakshasa Maricha. Maricha, assuming the form of a golden deer, captivates Sita's attention. Entranced by the beauty of the deer, Sita pleads with Rama to capture it. Lord Rama chases the deer into the forest, leaving Sita under Lakshmana's guard. After some time Sita hears Rama calling out to her; afraid for his life, she insists that Lakshmana rush to his aid. Lakshmana tries to assure her that Rama is invincible, and that it is best if he continues to follow Rama's orders to protect her.</p>
<p>On the verge of hysterics, Sita insists that it is not she but Rama who needs Lakshmana's help. He obeys her wish but stipulates that she is not to leave the cottage or entertain any strangers. He draws a chalk outline around the cottage and casts a spell on it that prevents anyone from entering the boundary but allows people to exit. Finally, with the coast clear, Ravana appears in the guise of an ascetic requesting Sita's hospitality. Unaware of the devious plan of her guest, Sita is tricked into leaving the chalk outline and is then forcibly carried away by the evil Ravana.</p>
<p>Ravana carries Sita away to Lanka, where Sita is kept under the heavy guard of rakshasis. Ravana demands Sita marry him, but Sita, eternally devoted to Rama, refuses. Rama and Lakshmana learn about Sita's abduction, and immediately set out to save her. During their search, they meet the demon Kabandha and the ascetic Shabari, who direct them towards Sugriva, the monkey king, and Hanuman.</p>
<p>Having received Hanuman's report on Sita, held prisoner in Lanka, Rama and Lakshmana proceed with their allies towards the shore of the southern sea. There they are joined by Ravana's renegade brother Vibhishana. The monkeys construct a giant floating bridge across the ocean, and the princes and their army cross over to Lanka. A lengthy battle ensues, in which Rama eventually kills Ravana.</p>
</article>
<aside>
<h2>Cast of characters</h2>
<!-- below is a definition list - a very handy format in some cases -->
<dl>
<dt>Rama</dt>
<dd>One of the protagonists of the tale. Portrayed as the seventh avatar of the god Vishnu, he is the eldest and favorite son of the king of Ayodhya, Dasharatha, and his Queen Kausalya. He is portrayed as the epitome of virtue.</dd>
<dt>Sita</dt>
<dd>One of the protagonists, the beloved wife of Rama, and the daughter of king Janaka. Rama got the chance to marry her by lifting a heavy bow in a competition organized by her father. The competition was to find the most suitable husband for Sita, and many princes from different states competed to win her. Sita is the avatar of goddess Lakshmi, the consort of Vishnu. Sita is portrayed as the epitome of female purity and virtue.</dd>
<dt>Hanuman</dt>
<dd>A vanara (a monkeylike being) belonging to the kingdom of Kishkindha. In some versions, he is portrayed as the eleventh avatar of god Shiva and an ideal bhakta of Rama. He is born as the son of Kesari, a vanara king, and the goddess Anjana. He plays an important role in locating Sita and in the ensuing battle.</dd>
<dt>Lakshmana</dt>
<dd>A younger brother of Rama, who chose to go into exile with him. He is the son of King Dasaratha and Queen Sumitra, and twin of Shatrughna. Lakshmana is portrayed as an avatar of Shesha, the naga (dragon, serpent) king associated with the god Vishnu. He spends his time protecting Sita and Rama.</dd>
<dt>Ravana</dt>
<dd>A rakshasa, the king of Lanka (current-day Sri Lanka). After performing severe penance for 10,000 years, he received a boon from the creator-god Brahma: he could henceforth not be killed by gods, demons, or spirits. He is portrayed as a powerful demon king who disturbs the penances of rishis (ascetics who practice austerities in the forest). Vishnu incarnates as the human Rama to defeat him, thus circumventing the boon given by Brahma.</dd>
</dl>
</aside>
<footer>
<p><a href="index.html">index</a> | <a href="https://github.com/macloo/html_css_templates">GitHub</a><br>
Text adapted from Wikipedia entry <a href="http://en.wikipedia.org/wiki/Ramayana">Ramayana</a>.</p>
</footer>
</div>
</body>
</html>