Scribd
Upload
33 views28 pages

Ict Project Comp

Uploaded by

nilima31raj
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
33 views28 pages

Ict Project Comp

Uploaded by

nilima31raj
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
You are on page 1/ 28

Aim of the project:

Indian Ancient poet and poetry


India’s rich poetic legacy dates back more than 5,000 years in ancient languages such
as Sanskrit, Prakrit and Pali, with renowned epics such as the Bhagavad Gita written
in verse. Bhakti poetry, devoted to asceticism and enlightenment, moved from south
to north, creating a movement of its own, inspiring people to look at society, God
and worship in new ways.This is why we should know about our ancient poets and
their poetry.
Description of tags used in project:

<body>:<body> tags in HTML are responsible for defining the main content within a page.
This can include text, paragraphs, headings, images, tables, links, and videos.

<br>:A line break is produced by the <br> tags. This is usually used in poems or
addresses that require line breaks
<caption>:Table captions are created using the HTML <caption> tag. <table> tag is used
with this element to represent a table's title.

<div>:The <div> tags are generic containers that can hold flow content, which does not
have a default rendering.

<head>:An <head> tag specifies the head section of a document, which contains
document-specific information.

<header>:<header> tag is used to define the page's header, which contains information
about the document or section's title and heading.

<h1> to <h6>:To define HTML headings, the heading tags are used.The browser
displays headings large and bold by default. Aside from this, the <h1> headings are displayed
in the largest font, whereas the <h6> headings are displayed in the smallest font.

<p>:Paragraph is defined by the<p> tag.Paragraphs are usually represented in visual media


as blocks of text separated from adjacent blocks by blank lines and/or first-line indentation,
but HTML paragraphs can be any structural grouping of related content, such as images or
form fields.

<section>:Whenever two headers or footers are required or any other section of the
document is needed, the <section> tag is used.

<style>:Style information (CSS) can be defined for a document using the <style> tag.
Description of css properties:

text-align
As we can seen, text-align can be used to change the text
justification. Possible values are left, right, center,
and justify (for full justification with to ragged left or right
margin).

font-style
Used to control italic text: possible values
include italic and normal (for non-italics).

font-weight
Used to control bold text: possible values
include bold and normal (for non-bold).

color
Used to set the colour (usually of the text) for the element. For
example, “color: green;”. We will discuss colour values more
in Colours in CSS.

background-color
Used to set the background colour (behind the text) for the
element. For example, “background-color: black;”.

border-width
border-style
border-color
These are used to control the border around an element (width of
the line, type of line, and colour of line, respectively). You can
either use these properties separately or use a shorthand
property border to combine these into one line (giving the three
values in any order). These two things are equivalent:

font-family
Sets the font for the text. You should give a list of fonts that are
tried in-order until the browser finds one available on the user's
system. There are five generic font families and your list must end
with one of them since it's guaranteed to work. For example,
“font-family: "Garamond", "Times", serif;”.

background Defines a variety of background properties within one declaration.


background-attachment Specify whether the background image is fixed in the viewport or scrolls.

background-clip Specifies the painting area of the background.


background-color Defines an element's background color.
background-image Defines an element's background image.

background-origin Specifies the positioning area of the background images.


background-position Defines the origin of a background image.
background-repeat Specify whether/how the background image is tiled.

background-size Specifies the size of the background images.


border Sets the width, style, and color for all four sides of an element's border.

border-left Sets the width, style, and color of the left border of an element.

border-left-color Sets the color of the left border of an element.

border-left-style Sets the style of the left border of an element.

border-left-width Sets the width of the left border of an element.

border-radius Defines the shape of the border corners of an element.

float Specifies whether or not a box should float.

font Defines a variety of font properties within one declaration.

font-family Defines a list of fonts for element.

font-size Defines the font size for the text.

font-size-adjust Preserves the readability of text when font fallback occurs.

font-stretch Selects a normal, condensed, or expanded face from a font.

font-style Defines the font style for the text.


font-variant Specify the font variant.

font-weight Specify the font weight of the text.

height Specify the height of an element.

padding Sets the padding on all four sides of the element.

text-align Sets the horizontal alignment of inline content.

text-align-last Specifies how the last line of a block or a line right before a forced line break is
aligned when text-align is justify.

text-decoration Specifies the decoration added to text.

text-decoration-color Specifies the color of the text-decoration-line.

text-decoration-line Specifies what kind of line decorations are added to the element.

text-decoration-style Specifies the style of the lines specified by the text-decoration-line property

text-indent Indent the first line of text.

vertical-align Sets the vertical positioning of an element relative to the current text baseline.

width Specify the width of an element.


Coding:
<!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>Document</title>
<style>
body{

}
.i{
font-size: 50px;
text-align: center;
text-shadow: 2px 2px 3px red;
color: aliceblue;
}
.k{font-size: 40px;
text-align: left;

text-shadow: 1px 1px 3px rgb(99, 2, 58);


color: rgb(240, 85, 124);

}
.ka{font-size: 40px;
text-align: right;

text-shadow: 1px 1px 3px rgb(224, 236, 220);


color: rgb(48, 58, 53);

}
.ma{
font-size: 40px;
text-align: right;

text-shadow: 1px 1px 3px rgb(99, 2, 58);


color: rgb(240, 85, 124);
}

</style>
</head>
<body background="bgi1.jpg">
<h1 class="i">INDIAN ancient poet and their poetry</h1>
<br>
<a href="kabir.html" class="k">Kabir Das</a><br>
<a href="kalidas.html" class="ka">Kalidas</a><br>
<a href="akka.html" class="ma">Akka Mahadevi</a>
</body>
</html>

<!DOCTYPE html>
<html lang="en">
<head><style>

</style>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=, initial-scale=1.0">
<title>Document</title>
<link rel="stylesheet" href="style.css">
</head>
<body><br>
<div class="kabir"> kabir
das <a href="kalidas.html" class="ro"> kalidas</a><a
href="akka.html">Akka Mahadevi</a></div>
<div class="ra"> <p> Das Kabir Das, a mystical poet and great Saint of India,
was born in the year 1440 and died in 1518. According to Islam, the meaning of
the Kabir is something very big and great. Kabir Panth is a huge religious
community that identifies Kabir as the originator of the Sant Mat sects. The
members of Kabir Panth are known as the Kabir panthis who had extended all over
the north and central India. Some of the great writings of the Kabir Das are
Bijak, Kabir Granthawali, Anurag Sagar, Sakhi Granth, etc. It is clearly not
known about his birth but it is noted that he was raised by a very poor Muslim
weavers family. He was very spiritual and became a great Sadhu. He got fame all
over the world because of his influential traditions and culture.

It is considered that he got all his spiritual training from his Guru named,
Ramananda, in his early childhood. One day, he became a well-known disciple of
guru Ramananda. Kabir Das house has been accommodated for students and scholars
for living and studying his great works.

There is no clue of the birth parent of the Kabir Das as he was founded in
Lehartara, a small town in Varanasi by the Niru and Nima (his caretaker parents).
His parents were extremely poor and uneducated but they heartily adopted the
little baby and trained him about their own business. He lived a balanced life of
a simple householder and a mystic.
</p></div><br>
<img src="kabirp4.jpg" class="kp" >
<br><img src="kabirpoem1.jpg" class="kp1"><br>
<p>Kabir and his followers named his verbally composed poems of wisdom as "bāņīs"
(utterances). These include songs and couplets, called variously dohe, śalokā
(Sanskrit: ślokā), or sākhī (Sanskrit: sākṣī). The latter term means "witness",
implying the poems to be evidence of the Truth.[26]

Literary works with compositions attributed to Kabir include Kabir Bijak,


Kabir Parachai, Sakhi Granth, Adi Granth (Sikh), and Kabir Granthawali
(Rajasthan).[27] However, except for Adi Granth, significantly different versions
of these texts exist and it is unclear which one is more original; for example,
Kabir Bijak exists in two major recensions.[28] The most in depth scholarly
analysis of various versions and translations are credited to Charlotte
Vaudeville, the 20th century French scholar on Kabir.[28]</p>
<img src="kabirpoem2.jpg" alt="">
<img src="kabirpoem2.jpg" alt="">
<img src="kabirpoem2.jpg" alt="">
<img src="kabirpoem2.jpg" alt=""><i<br>
<img src="kabirpoem3.jpg" alt="" class="k3"><br>
<p class="pt">According to Linda Hess, "Some modern commentators have tried to
present Kabir as a synthesizer of Hinduism and Islam; but the picture is a false
one. While drawing on various traditions as he saw fit, Kabir emphatically
declared his independence from both the major religions of his countrymen,
vigorously attacked what he considered the follies of these religions, and tried
to kindle the fire of a similar autonomy and courage in those who claimed to be
his disciples.[38] He adopted their terminology and concepts, but vigorously
criticized them both.[39][40] He questioned the need for any holy book, as stated
in Kabir Granthavali as follows:Charlotte Vaudeville states that the philosophy
of Kabir and other sants of the Bhakti movement is the seeking of the Absolute.
The notion of this Absolute is nirguna which, writes Vaudeville, is same as "the
Upanishadic concept of the Brahman-Atman and the monistic Advaita interpretation
of the Vedantic tradition, which denies any distinction between the soul [within
a human being] and God, and urges man to recognize within himself his true divine
nature".[47] Vaudeville notes that this philosophy of Kabir and other Bhakti
sants is self-contradictory, because if God is within, then that would be a call
to abolish all external bhakti. This inconsistency in Kabir's teaching may have
been differentiating "union with God" from the concept of "merging into God, or
Oneness in all beings". Alternatively, states Vaudeville, the saguna prema-bhakti
(tender devotion) may have been prepositioned as the journey towards self-
realization of the nirguna Brahman, a universality beyond monotheism.[48]
David N. Lorenzen and Adrián Muñoz trace these ideas of God in Kabir's
philosophy as nirguna Brahman to those in Adi Shankara's theories on Advaita
Vedanta school of Hinduism, albeit with some differences.[49]
</p>
</body>
</html>

<!DOCTYPE html>
<html lang="en">
<head><style>
p{
text-decoration-color: violet;
}

</style>
<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>Document</title>
<link rel="stylesheet" href="kali.css">
</head>
<body>
<h1>Kalidasa</h1>
<a href="akka.html" class="akka">next( Akka Mahadevi)</a>
<caption>Biography</caption>
<p>Kālidāsa (fl. 1th century BCE /4th-5th century CE) was a Classical Sanskrit
author who is often considered ancient India's greatest poet and playwright. His
plays and poetry are primarily based on the Vedas, the Rāmāyaṇa, the Mahābhārata
and the Purāṇas.[1] His surviving works consist of three plays, two epic poems
and two shorter poems.

Much about his life is unknown except what can be inferred from his poetry
and plays.[2] His works cannot be dated with precision. Kalidasa also authored an
astronomical work named "Jyotirvidabharanam" in kaliyuga 3068 ( 34 - 33 BCE ).
Kalidasa started writing Jyotirvidabharanam on 10th april 34 BCE and complete it
by 1st November 34 BCE .Several ancient and medieval books state that Kālidāsa
was a court poet of a king named Vikramāditya. A legendary king named
Vikramāditya is said to have ruled from Ujjain around the 1st century BCE. A
section of scholars believe that this legendary Vikramāditya is not a historical
figure at all. There are other kings who ruled from Ujjain and adopted the title
Vikramāditya, the most notable ones being Chandragupta II (r. 380 CE – 415 CE)
and Yaśodharman (6th century CE).[7]
The most popular theory is that Kālidāsa flourished during the reign of
Chandragupta II, and therefore lived around the 4th-5th century CE. Several
Western scholars have supported this theory, since the days of William Jones and
A. B. Keith.[7] Modern western Indologists and scholars like Stanley Wolpert also
support this theory.[8] Many Indian scholars, such as Vasudev Vishnu Mirashi and
Ram Gupta, also place Kālidāsa in this period.[9][10] According to this theory,
his career might have extended to the reign of Kumāragupta I (r. 414 – 455 CE),
and possibly, to that of Skandagupta (r. 455 – 467 CE).[11][12]</p>
<img src="kalidaspoem1.webp" >
<img src="kdp1.jpg" id="k1">
<img src="kdp2.jpg">
<img src="kdp3.png">
<img src="kdp4.jpg">
<img src="kdp5.jpg">
<img src="kdp6.jpg">
<img src="kdp7.jpg" width="100%">

</body>
</html>

<!DOCTYPE html>
<html lang="en">
<head><style>

</style>
<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>Document</title>
<link rel="stylesheet" href="akka.css">
</head>
<body>
<h1>Akka Mahadevi</h1>
<a href="end.html" class="end">for End</a>
<div class="am"><p>
One of the earliest known women poets in Kannada literature, Akka Mahadevi is
known for her 430 extant Vachanas (spontaneous mystical poetry) and enjoys
saintly status in the Lingayat community, which rose as a reformist movement to
Hinduism in Karnataka.
</p></div><br>
<img src="amp1.jpg" class="ap2"><br>
<img src="amp2.jpg" class="amp2"><br>
<img src="amp3.jpg" class="a3"><br>

<p id="alitext">Akka Mahadevi is a force to be reckoned with even now. She is


remembered for her undefying faith, courage and devotion, although her rebellion
is rooted within the patriarchal language and structures. Vijaya Ramaswamy
reminds us to be mindful of the fact that, “Female spirituality can also be an
enforced phenomenon, a diabolic outcome of patriarchal conspiracy.”

However, Akka Mahadevi is still a defiant spirit who rebelled against worldly
constrictions and prescribed gender roles. Hers is a womanhood that drives away
from the traditional figures of Lakshmi and Sita. Her vachanas (devotional
poems), intense and sensual in nature, are a reflection of this bold and radical
spirit. Akka Mahadevi did not let anything or anyone obstruct her unification
with Chennamallikarjuna. Her poems portray Chennamallikarjuna as both her illicit
lover and her husband.

Take these husbands who die,


decay, and feed them
to your kitchen fires!
-Translation by Ramanujam

Akka Mahadevi defies the traditional feminine images by giving expression to


her desire. Besides being a mystic, seer, poet, she is also seen as a social
reformer. In a time when women were not even allowed to attend school, she became
part of a learned group. In many ways Mahadevi’s life mirrors that of Mirabai and
much like the latter, Mirabai had to struggle with social restrictions to achieve
union with her Lord. Her poetry embodies this struggle.</p>
<br>
<img src="amp4.jpg" id="a4"><br>
<img src="amp5.jpg"><br>
<img src="amp6.png" class="a6"><br>
<p class="ap8">Harihara's account goes on to say that when King Kaushika violated
the conditions she had laid down, Akka Mahadevi left the palace, renouncing all
her possessions including clothes, to travel to Srisailam, home of the god Para
Shiva.[6] Alternative accounts suggest that Akka Mahadevi's act of renunciation
was a response to the king's threats after she refused his proposal.[8] It is
likely that she visited the town of Kalyana en route, where she met two other
poets and prominent figures of the Lingayat movement, Allama and Basava.[4] She
is believed to have travelled, towards the end of her life, to the Srisailam
mountains, where she lived as an ascetic and eventually died.[4] A vachana
attributed to Akka Mahadevi suggests that towards the end of her life King
Kaushika visited her there, and sought her forgiveness.[6]Akka Mahadevi's works,
like many other Bhakti movement poets, can be traced through the use of her
ankita, or the signature name by which she addressed the figure of her devotion.
[9] In Akka Mahadevi's case, she uses the name Chennamallikarjuna to refer to the
god Shiva.[9] The name Chennamallikarjuna can be variously translated, but the
most well-known translation is by the scholar and linguist A.K. Ramanujan, who
interprets it as 'Lord, white as jasmine'.[9] A more literal translationn would
be 'Mallika's beautiful Arjuna', according to Tharu and Lalita.[4]

Based on the use of her ankita, about 350 lyric poems or vachanas are
attributed to Akka Mahadevi.[10] Her works frequently use the metaphor of an
illicit, or adulterous love to describe her devotion to Chennamallikarjuna
(Shiva).[10] The lyrics show Akka Mahadevi actively seeking a relationship with
Chennamallikarjuna (Shiva), and touches on themes of abandonment, carnal love and
separation.[10]

The direct and frank lyrics that Akka Mahadevi wrote have been described as
embodying a "radical illegitimacy" that re-examines the role of women as actors
with volition and will, behaving in opposition to established social institutions
and mores.[10] At times she uses strong sexual imagery to represent the union
between the devotee and the object of devotion.[11] Her works challenge common
understandings of sexual identity; for instance, in one vachana she suggests that
creation, or the power of the god Shiva, is masculine, while all of creation,
including men, represent the feminine: "I saw the haughty master,
Mallikarjuna/for whom men, all men, are but women, wives".[7] In some vachanas,
she describes herself as both feminine and masculine.[7]Akka Mahadevi's works,
like those of many other female Bhakti poets, touch on themes of alienation: both
from the material world, and from social expectations and mores concerning women.
[7] Seeing relationships with mortal men as unsatisfactory, Akka Mahadevi
describes them as thorns hiding under smooth leaves, untrustworthy. About her
mortal husband she says "Take these husbands who die, decay - and feed them to
your kitchen fires!". In another verse, she expresses the tension of being a wife
and a devotee as

Husband inside, lover outside.


I can't manage them both.
This world and that other, cannot manage them both.</p>
<img src="amp7.jpg" class="a7">
<p class="ap7">Akka's pursuit of enlightenment is recorded in poems of simple
language but great intellectual rigour. Her poetry explores the rejection of
mortal love in favour of the everlasting love of God. Her vachanas also talk
about the methods that the path of enlightenment demand of the seeker, such as
killing the 'I', conquering desires and the senses and so on.
Kausika was a Jain, a group that tended to be wealthy and was resented by the
rest of the population. She rejected her life of luxury to live as a wandering
poet-saint, travelling throughout the region and singing praises to her Lord
Shiva. She went in search of fellow seekers or sharanas because the company of
the saintly or sajjana sanga is believed to hasten learning. She found the
company of such sharanas in Basavakalyana, Bidar district and composed many
vachanas in praise of them. Her non-conformist ways caused consternation in the
conservative society of the time: even her eventual guru Allama Prabhu faced
difficulties in including her in the gatherings at Anubhavamantapa.

A true ascetic, Mahadevi is said to have refused to wear any clothing—a


common practice among male ascetics, but shocking for a woman. Legend has it that
due to her true love and devotion with God her whole body was protected by
hair.</p>

</body>
</html>

.am{
float: left;width: 200px; height: 150px; color: darksalmon;
}
.gi{
height: 10cm;width: 100%;
}
body{
background-image: url('bgi3.jpg');background-repeat: no-repeat;background-
size: cover;
background-attachment: fixed;
}
#a4{

height: 500px; width: 50%; float: center;


border: 3px solid palevioletred; margin-right: 15px;
}
h1{
background-image: url('bgi1.jpg');border-radius: 60%;text-align: center;
color: aliceblue; position: sticky;top: 20px;
}
.ap2{margin-bottom: 50px;
border-radius: 80%;float: right;
}
.amp2{margin-bottom: 50px;
border-radius: 80%;float: right;
}
.a3{margin-bottom: 50px;
border-radius: 80%; float: left;
}
p{
color: bisque;
}
.alitext
{
text-align: justify;display: inline;
font-size: 16px;position: relative; height: 300px;width: 50%;
}
.a6{
float: right;
}
.a7{
float:right;
}
.ap7{
margin: 5px 10px 5px 8px;
text-align: right;
height: 500px;
width: 500px;
}
.ap8{
height: 700px;
width: 900px;
}
.end{text-align: center;
float: center;
font-size: xx-large;
color: indianred;
}

body,html{
margin: 5px 5px 5px 5px;
padding: 5px;
font-family: Georgia, 'Times New Roman', Times, serif;
font-style: italic;
background-attachment: fixed;
background-image: url('bgi2.jpg'); background-repeat: no-repeat;background-
size: cover;
}
h1{
position:sticky ;top: 20px;
font-size: 40px; background-color: black;color: aliceblue;
}
caption{
background-color: rgb(249, 249, 255);color: aliceblue;
font-size: 30px;font-family: 'Courier New', Courier, monospace;
}
p{
color: aliceblue;
}
#k1{

border-radius: 80%; border: 3px salmon;


}
.akka{
text-align: right;
font-size: larger;
color: yellow;
float: right;
}

body{
background-image:url('pb2.jpg');
background-size: cover;
background-attachment: fixed;

}
body,html{
margin: 0;
padding: 0;
font-family: Arial, Helvetica, sans-serif;
}
.ra{
content: initial;
}
.kp{
height: 400px;
width: 100%;
}
.kp1{
border: 2px solid yellowgreen;
border-radius: 60%; padding: 5px; float: left;
}
.ra{
width: 220px;
height: 1000px;
color: red;

}
h1{
color: rgb(2, 97, 65);
}
h1{
text-align: left;
}
.kabir{position: sticky;top: 20px;
font-family:cursive;font-size: 48px;background-image:
url('bgi7.jpg');background-repeat: repeat-x;width: 100%;
display: flex;
}
.k3{margin: 5px 5px 5px 5px;
float: left;
color: white;
}
.pt{
color: aliceblue;
}
.ro{
text-align: center;
color: blueviolet;
}
.ak{
text-align: right;
border-left: 30px ;
border-right: 30px;
color: blue;
}

<!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>Document</title>
<style>
body{

}
.i{
font-size: 50px;
text-align: center;
text-shadow: 2px 2px 3px red;
color: aliceblue;
}
.k{font-size: 40px;
text-align: left;

text-shadow: 1px 1px 3px rgb(99, 2, 58);


color: rgb(240, 85, 124);

}
.ka{font-size: 40px;
text-align: right;

text-shadow: 1px 1px 3px rgb(224, 236, 220);


color: rgb(48, 58, 53);

}
.ma{
font-size: 40px;
text-align: right;

text-shadow: 1px 1px 3px rgb(99, 2, 58);


color: rgb(240, 85, 124);
}

</style>
</head>
<body background="bgi1.jpg">
<h1 class="i">INDIAN ancient poet and their poetry</h1>
<br>
<a href="kabir.html" class="k">Kabir Das</a><br>
<a href="kalidas.html" class="ka">Kalidas</a><br>
<a href="akka.html" class="ma">Akka Mahadevi</a>
</body>
</html>

<!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>Document</title>
<style>
body{
background-repeat: no-repeat;
background-attachment: fixed;
background-size: cover;
color: blanchedalmond;
font-size: 100px;
text-align: center;

}
.win{
color: black;
font-size: 200px;
vertical-align: baseline ;
float: center;
text-align: center;
}

</style>
</head>
<body background="endwork.webp">
<div class="win"> PEACE</div>
thank you

</body>
</html>
Output:
Conclution:
I have got an idea through this project about our past of Indian poets and their poetry.

I have also known through this project that what wonders could HTML and CSS

can create. I would like to thank our teacher Kaif Galini Sir for giving us this project.

I am sure that this project has broden my mindset about what HTML and CSS can do together.

Thank You
Bibliography:
Wikipedia

Tutorial republic

Geeks for geeks

Csfu

Devepler Mozilla

Scaler topics

………….etc.

You might also like