CREATE A SIMPLE WEB-PAGE USING HTML CSS

Create a Simple Webpage Using HTML Css

Also read :UPLOAD PROFILE IMAGE WITH PREVIEW USING HTML CSS JQUERY

<!DOCTYPE html>
<html>
 <head>
  <title>Simple Webpage</title>
  <link rel="stylesheet" type="text/css" href="style.css">
 </head>
 <body>
  <div class="page">
   <div class="head">
<img class="pic" src="ml.png"><a class="blink">Creat a Simple Webpage</a></div>
<div class="menu">
    <ul>
<li>home</li>
<li>quote
      <ul>
<li>Hindi</li>
<li>English</li>
</ul>
</li>
<li>vehicle
      <ul>
<li>brochure</li>
<li>feature</li>
</ul>
</li>
<li>joke
      <ul>
<li>odia</li>
<li>Hindi</li>
<li>English</li>
</ul>
</li>
<li>computer
      <ul>
<li>windows</li>
<li>mac</li>
<li>ios
        <ul>
<li>hardware</li>
<li>software</li>
<li>networking</li>
</ul>
</li>
</ul>
</li>
<li>mobile
      <ul>
<li>android</li>
<li>windows</li>
<li>ios
        <ul>
<li>hardware</li>
<li>software</li>
<li>walpaper</li>
</ul>
</li>
</ul>
</li>
</ul>
</div>
<div class="bpart">
    <div class="img">
</div>
<div class="news">
     <h2>
 || ସମାଚାର ଏବଂ ସୁଚନା  || </h2>
<marquee  class="notice" behavior="scroll" direction="up"> <h3 class="blink" style="color: blue">
 Absurd Drama (1965), Esslin wrote:</h3>
... the Theatre of the Absurd attacks the comfortable certainties of religious or political orthodoxy. It aims to shock its audience out of complacency, to bring it face to face with the harsh facts of the human situation as these writers see it. But the challenge behind this message is anything but one of despair. It is a challenge to accept the human condition as it is, in all its mystery and absurdity, and to bear it with dignity, nobly, responsibly; precisely because there are no easy solutions to the mysteries of existence, because ultimately man is alone in a meaningless world. The shedding of easy solutions, of comforting illusions, may be painful, but it leaves behind it a sense of freedom and relief. And that is why, in the last resort, the Theatre of the Absurd does not provoke tears of despair but the laughter of liberation.
     Playwrights commonly associated with the Theatre of the Absurd include Samuel Beckett, Eugène Ionesco, Jean Genet, Arthur Adamov, Harold Pinter, Luigi Pirandello, Tom Stoppard, Friedrich Dürrenmatt, Miguel Mihura, Alejandro Jodorowsky, Fernando Arrabal, Václav Havel, Edward Albee, Malay Roy Choudhury, Tadeusz Rózewicz, Slawomir Mrozek, N.F. Simpson, and Badal Sarkar.[citation needed]
     Origin[edit]
     In the first edition of The Theatre of the Absurd, Esslin saw the work of these playwrights as giving artistic meaning to Albert Camus's philosophy that life is inherently without meaning, as illustrated in his work The Myth of Sisyphus. In the first (1961) edition, Esslin presented the four defining playwrights of the movement as Samuel Beckett, Arthur Adamov, Eugène Ionesco, and Jean Genet, and in subsequent editions he added a fifth playwright, Harold Pinter—although each of these writers has unique preoccupations and characteristics that go beyond the term "absurd."[4][5] Other writers associated with this group by Esslin and other critics include Tom Stoppard,[6] Friedrich Dürrenmatt,[7] Fernando Arrabal,[8] Edward Albee,[9] Boris Vian,[10] and Jean Tardieu.[4][5][8]
     Significant precursors[edit]
     Though the label "Theatre of the Absurd" covers a wide variety of playwrights with differing styles, they do have some common stylistic precursors (Esslin [1961]). These precursors include Elizabethan tragicomedy, formal experimentation, pataphysics, surrealism, Dadaism, and most importantly existentialism.
     Elizabethan – tragicomedy[edit]
     The mode of most "absurdist" plays is tragicomedy.[11][12] As Nell says in Endgame, "Nothing is funnier than unhappiness … it's the most comical thing in the world".[13] Esslin cites William Shakespeare as an influence on this aspect of the "Absurd drama."[14] Shakespeare's influence is acknowledged directly in the titles of Ionesco's Macbett and Stoppard's Rosencrantz and Guildenstern Are Dead. Friedrich Dürrenmatt says in his essay "Problems of the Theatre", "Comedy alone is suitable for us … But the tragic is still possible even if pure tragedy is not. We can achieve the tragic out of comedy. We can bring it forth as a frightening moment, as an abyss that opens suddenly; indeed, many of Shakespeare's tragedies are already really comedies out of which the tragic arises."[15]
     Though layered with a significant amount of tragedy, the Theatre of the Absurd echoes other great forms of comedic performance, according to Esslin, from Commedia dell'arte to vaudeville.[11][16] Similarly, Esslin cites early film comedians and music hall artists such as Charlie Chaplin, the Keystone Cops and Buster Keaton as direct influences. (Keaton even starred in Beckett's Film in 1965.)[17]
     Formal experimentation[edit]
     As an experimental form of theatre, many Theatre of the Absurd playwrights employ techniques borrowed from earlier innovators. Writers and techniques frequently mentioned in relation to the Theatre of the Absurd include the 19th-century nonsense poets, such as Lewis Carroll or Edward Lear;[18] Polish playwright Stanislaw Ignacy Witkiewicz;[19] the Russians Daniil Kharms,[20]Nikolai Erdman,[21] and others; Bertolt Brecht's distancing techniques in his "Epic theatre";[22] and the "dream plays" of August Strindberg.[4][23]
     One commonly cited precursor is Luigi Pirandello, especially Six Characters in Search of an Author.[23][24] Pirandello was a highly regarded theatrical experimentalist who wanted to bring down the fourth wall presupposed by the realism of playwrights such as Henrik Ibsen. According to W. B. Worthen, Six Characters and other Pirandello plays use "Metatheatre—roleplaying, plays-within-plays, and a flexible sense of the limits of stage and illusion—to examine a highly-theatricalized vision of identity".[25]
     Another influential playwright was Guillaume Apollinaire whose The Breasts of Tiresias was the first work to be called "surreal".[26][27][28]
     Pataphysics, surrealism, and Dadaism[edit]
     One of the most significant common precursors is Alfred Jarry whose wild, irreverent, and lascivious Ubu plays scandalized Paris in the 1890s. Likewise, the concept of 'pataphysics—"the science of imaginary solutions"—first presented in Jarry's Gestes et opinions du docteur Faustroll, pataphysicien (Exploits and Opinions of Dr. Faustroll, pataphysician)[29] was inspirational to many later Absurdists,[27] some of whom joined the Collège de 'pataphysique, founded in honor of Jarry in 1948[26][30] (Ionesco,[31] Arrabal, and Vian[31][32] were given the title Transcendent Satrape of the Collège de 'pataphysique). The Alfred Jarry Theatre, founded by Antonin Artaud and Roger Vitrac, housed several Absurdist plays, including ones by Ionesco and Adamov.[33][34]
     Artaud's "The Theatre of Cruelty" (presented in The Theatre and Its Double) was a particularly important philosophical treatise. Artaud claimed theatre's reliance on literature was inadequate and that the true power of theatre was in its visceral impact.[35][36][37] Artaud was a Surrealist, and many other members of the Surrealist group were significant influences on the Absurdists.[38][39][40]
     Absurdism is also frequently compared to Surrealism's predecessor, Dadaism (for example, the Dadaist plays by Tristan Tzara performed at the Cabaret Voltaire in Zürich).[41] Many of the Absurdists had direct connections with the Dadaists and Surrealists. Ionesco,[42][43] Adamov,[44][45] and Arrabal[46] for example, were friends with Surrealists still living in Paris at the time including Paul Eluard and André Breton, the founder of Surrealism, and Beckett translated many Surrealist poems by Breton and others from French into English.[47][48]
     Relationship with existentialism[edit]
     Many of the Absurdists were contemporaries with Jean-Paul Sartre, the philosophical spokesman for existentialism in Paris, but few Absurdists actually committed to Sartre's own existentialist philosophy, as expressed in Being and Nothingness, and many of the Absurdists had a complicated relationship with him. Sartre praised Genet's plays, stating that for Genet, "Good is only an illusion. Evil is a Nothingness which arises upon the ruins of Good".[49]
     Ionesco, however, hated Sartre bitterly.[50] Ionesco accused Sartre of supporting Communism but ignoring the atrocities committed by Communists; he wrote Rhinoceros as a criticism of blind conformity, whether it be to Nazism or Communism; at the end of the play, one man remains on Earth resisting transformation into a rhinoceros[51][52] Sartre criticized Rhinoceros by questioning: "Why is there one man who resists? At least we could learn why, but no, we learn not even that. He resists because he is there".[53][54] Sartre's criticism highlights a primary difference between the Theatre of the Absurd and existentialism: the Theatre of the Absurd shows the failure of man without recommending a solution.[55] In a 1966 interview, Claude Bonnefoy, comparing the Absurdists to Sartre and Camus, said to Ionesco, "It seems to me that Beckett, Adamov and yourself started out less from philosophical reflections or a return to classical sources, than from first-hand experience and a desire to find a new theatrical expression that would enable you to render this experience in all its acuteness and also its immediacy. If Sartre and Camus thought out these themes, you expressed them in a far more vital contemporary fashion". Ionesco replied, "I have the feeling that these writers – who are serious and important – were talking about absurdity and death, but that they never really lived these themes, that they did not feel them within themselves in an almost irrational, visceral way, that all this was not deeply inscribed in their language. With them it was still rhetoric, eloquence. With Adamov and Beckett it really is a very naked reality that is conveyed through the apparent dislocation of language".[56]
     In comparison to Sartre's concepts of the function of literature, Samuel Beckett's primary focus was on the failure of man to overcome "absurdity" - or the repetition of life even though the end result will be the same no matter what and everything is essentially pointless - as James Knowlson says in Damned to Fame, Beckett's work focuses, "on poverty, failure, exile and loss — as he put it, on man as a 'non-knower' and as a 'non-can-er' ."[57] Beckett's own relationship with Sartre was complicated by a mistake made in the publication of one of his stories in Sartre's journal Les Temps Modernes.[58] Beckett said, though he liked Nausea, he generally found the writing style of Sartre and Heidegger to be "too philosophical" and he considered himself "not a philosopher".[59]
     History[edit]
     The "Absurd" or "New Theater" movement was originally a Paris-based (and a Rive Gauche) avant-garde phenomenon tied to extremely small theaters in the Quartier Latin. Some of the Absurdists, such as Jean Genet,[60] Jean Tardieu,[61] and Boris Vian.,[62] were born in France. Many other Absurdists were born elsewhere but lived in France, writing often in French: Samuel Beckett from Ireland;[61] Eugène Ionesco from Romania;[61] Arthur Adamov from Russia;[61] Alejandro Jodorowsky from Chile and Fernando Arrabal from Spain.[63] As the influence of the Absurdists grew, the style spread to other countries—with playwrights either directly influenced by Absurdists in Paris or playwrights labelled Absurdist by critics. In England some of those whom Esslin considered practitioners of the Theatre of the Absurd include Harold Pinter,[61] Tom Stoppard,[64] N. F. Simpson,[61] James Saunders,[65] and David Campton;[66] in the United States, Edward Albee,[61] Sam Shepard,[67] Jack Gelber,[68] and John Guare;[69] in Poland, Tadeusz Rózewicz,[61] Slawomir Mrozek,[61] and Tadeusz Kantor;[70] in Italy, Dino Buzzati;[71] and </marquee>
    </div>
<div class="prg">
<p>
The mode of most "absurdist" plays is tragicomedy.[11][12] As Nell says in Endgame, "Nothing is funnier than unhappiness … it's the most comical thing in the world".[13] Esslin cites William Shakespeare as an influence on this aspect of the "Absurd drama."[14] Shakespeare's influence is acknowledged directly in the titles of Ionesco's Macbett and Stoppard's Rosencrantz and Guildenstern Are Dead. Friedrich Dürrenmatt says in his essay "Problems of the Theatre", "Comedy alone is suitable for us … But the tragic is still possible even if pure tragedy is not. We can achieve the tragic out of comedy. We can bring it forth as a frightening moment, as an abyss that opens suddenly; indeed, many of Shakespeare's tragedies are already really comedies out of which the tragic arises."[15]
     Though layered with a significant amount of tragedy, the Theatre of the Absurd echoes other great forms of comedic performance, according to Esslin, from Commedia dell'arte to vaudeville.[11][16] Similarly, Esslin cites early film comedians and music hall artists such as Charlie Chaplin, the Keystone Cops and Buster Keaton as direct influences. (Keaton even starred in Beckett's Film in 1965.)[17]
     Formal experimentation[edit]
     As an experimental form of theatre, many Theatre of the Absurd playwrights employ techniques borrowed from earlier innovators. Writers and techniques frequently mentioned in relation to the Theatre of the Absurd include the 19th-century nonsense poets, such as Lewis Carroll or Edward Lear;[18] Polish playwright Stanislaw Ignacy Witkiewicz;[19] the Russians Daniil Kharms,[20]Nikolai Erdman,[21] and others; Bertolt Brecht's distancing techniques in his "Epic theatre";[22] and the "dream plays" of August Strindberg.[4][23]
     One commonly cited precursor is Luigi Pirandello, especially Six Characters in Search of an Author.[23][24] Pirandello was a highly regarded theatrical experimentalist who wanted to bring down the fourth wall presupposed by the realism of playwrights such as Henrik Ibsen. According to W. B. Worthen, Six Characters and other Pirandello plays use "Metatheatre—roleplaying, plays-within-plays, and a flexible sense of the limits of stage and illusion—to examine a highly-theatricalized vision of identity".[25]
     Another influential playwright was Guillaume Apollinaire whose The Breasts of Tiresias was the first work to be called "surreal".[26][27][28]
     Pataphysics, surrealism, and Dadaism[edit]
    One of the most significant common precursors is Alfred Jarry whose wild, irreverent, and lascivious Ubu </p>
</div>
<div>
     <embed src="demo.pdf" height="680px" width="520px"></embed>    
     <embed src="demo.txt" height="680px" width="520px"></embed>
    </div>
<div>
    <audio src="otha.mp3" controls ></audio>
   <video src="hin.mp4" controls></video>
  </div>
</div>
<div class="footer">
 <marquee behavior="scroll" direction="left"><span class="blink">Thanks For Wath My Tutorial  </span> Share This Video <span class="blink">  Join My Cloud-Tech Group</span>  || ଏଥର ନିଜେ ଥରେ ବନାନ୍ତୁ  ||   ଧନ୍ୟବାଦ</marquee> </div>
</div>
</body>
</html>

Also read :RESPONSIVE USER LOGIN FORM USING HTML CSS JAVA

Also read :3D IMAGE SLIDE SHOW USING HTML CSS

.page{
width: 1250px;
height: auto;
background-color: lightpink;
margin: 0 auto;
box-shadow: 3px 3px 5px black;
border-radius: 20px;
}
.head{
width: 99.5%;
height: 200px;
background-color: blue;
margin: 0 auto;
background-image: url('back.jpg');
background-position: center;
background-repeat: no-repeat;
border-radius: 15px;
box-shadow: 3px 3px 5px black;
}
.head .pic{
width: 100px;
margin: 25px 35px;
border: 3px solid yellow;
border-radius: 50%;
display: block;
box-shadow: 3px 3px 5px black;
float: left;
transition: margin-left 500ms;
}
.page .head:hover .pic{
margin-left: 400px;
}
.blink{
animation: colorchange 2s infinite;
}
@keyframes colorchange{
0%{color:purple;}
25%{color:yellow;}
50%{color:red;}
75%{color:pink;}
100%{color:#bf55ec;}
}
.head a{
font-size: 50px;
color: white;
line-height: 160px;
font-family: arial;
text-shadow: 3px 3px 5px black;
font-weight: bold;
}
.menu{
width: 75%;
height: 100px;
margin: 5px auto;
text-shadow: 3px 3px 5px red;
}
.menu ul{
padding: 0px;
margin:0px auto;
}
.menu ul li{
float: left;
background-color: #35424a;
border-radius: 5px;
color: #e8491d;
width: 140px;
height: 30px;
list-style: none;
line-height: 30px;
text-align: center;
font-size: 20px;
font-family: arial;
font-weight: bold;
text-transform: uppercase;
text-shadow: 3px 3px 5px black;
}
.menu ul li ul{
display: none;
}
.menu ul li:hover > ul{
display: block;
}
.menu ul li:hover{
background-color: #32cd32;
opacity: 0.9;
}
.menu ul li ul li{
position: relative;
}
.menu ul li ul li ul{
position: absolute;
left: 140px;
top: 0px;
}
.bpart{
width: 99.5%;
height: auto;
margin: 5px auto;
margin: 20px auto;
}
.bpart .img{
width: 680px;
height: 290px;
background-image: url('b3.jpg');
background-position: center;
border-radius: 20px;
box-shadow: 3px 3px 5px black;
display: inline-block;
}
.bpart .news{
width: 548px;
height: 780px;
float: right;
}
.bpart .news h2{
color: purple;
text-shadow: 2px 2px 3px black;
font-size: 30px;
margin-left: 15%;
margin-right: 25%;
text-align: center;
border-bottom: 3px solid #e8491d;
animation: colorchange 0.5s infinite;
}
.bpart .news .notice{
text-align: center;
width: 480px;
height: 85%;
margin-left: 5%;
font-size: 18px;
color: green;
}
.bpart .prg {
width: 680px;
height: auto;
font-family: arial;
margin-left: 10px;
margin-right: 15px;
}
div .footer{
width: 85%;
height: 40px;
background-color: black;
font-size: 25px;
color: white;
margin: 0 auto;
border-radius: 25px;
font-family: arial;
line-height: 40px;
box-shadow: 3px 3px 5px yellow;
}
</button></center>
</div>