Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPE html>
- <html>
- <head>
- <style>
- body {
- background-color: #f0f0f0;
- }
- #poem-container {
- width: 80%;
- margin: 0 auto;
- padding: 20px;
- background-color: #fff;
- border-radius: 10px;
- box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
- }
- .title {
- font: bold 18px "Lucida Calligraphy", cursive;
- text-align: center;
- }
- .author {
- font: 10px Verdana, sans-serif;
- text-align: center;
- margin-top: -10px;
- }
- .stanza {
- padding: 10px;
- margin: 10px 0;
- border-radius: 5px;
- }
- </style>
- </head>
- <body>
- <div id="poem-container">
- <div class="title">In the End</div><endln>
- <div class="author">By Linkin Park</div></endln>
- <div class="stanza" style="font: 15px 'Times New Roman', serif; text-align: center; background-color: yellow;">
- It starts with one thing, I don't know why
- </div>
- <div class="stanza" style="font: 17px 'Lucida Console', monospace; text-align: right; background-color: lime;">
- it doesn't even matter how hard you try,
- </div>
- <div class="stanza" style="font: 20px Cursive, cursive; text-align: center; background-color: aqua;">
- keep that in mind I design this rhyme to explain it to time.
- </div>
- <div class="stanza" style="font: 12px Fantasy, cursive; text-align: left; background-color: tomato;">
- all I know, time is a valuable thing watch it fly by as the pendolum swings
- </div>
- <div class="stanza" style="font: 18px Serif, serif; text-align: center; background-color: pink;">
- watch it count down till the end of the day, the clock ticks like the way
- </div>
- <div class="stanza" style="font: 23px 'Sans-serif', sans-serif; text-align: right; background-color: lightblue;">
- (It'so unreal, didn't look out below watch the time go right out the window,)
- </div>
- <div class="stanza" style="font: 25px 'Courier New', monospace; text-align: center; background-color: gray;">
- trying to hold on but didn't even know, just watch you go. I keep everything inside and even though I tried it all fell apart.
- </div>
- <div class="stanza" style="font: 17px Georgia, serif; text-align: left; background-color: orange;">
- what it meant to be will eventually be a memory of a time. I tried so hard.
- </div>
- </div>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement