Skip to content

Instantly share code, notes, and snippets.

@Rnwego
Created May 20, 2021 17:48
Show Gist options
  • Save Rnwego/0ae22d5a35b7acadfa21fdc733fdb196 to your computer and use it in GitHub Desktop.
Save Rnwego/0ae22d5a35b7acadfa21fdc733fdb196 to your computer and use it in GitHub Desktop.
Tribute Page: Music
<head>
<main>
<div id="title"><h1>Music: My Form of Therapy</h1></div>
<div id="tribute-info"><h2>How Music Serves Both Recreational & Therapeutic Purposes For Me</h2></div>
<div id="img-div"><img id="image" alt="image of music notes attached to different colors" src="https://www.kmuw.org/sites/kmuw/files/201701/music.jpg"></div>
</main>
</head>
<body>
<h3>According to <a href="https://en.wikipedia.org/wiki/Music" target="_blank">Wikipedia</a>, music is the art of arranging sounds in time to produce a composition through the elements of melody, harmony, rhythm, and timbre. Music serves different purposes for different people. For me, music is a form of therapy. It took me to some to realize that I not only listened to music for fun, I mean I do sometimes, but most times I listen to music to stay calm, happy, or even pour out my emotions. The versatility of music is beyond amazing. The different genres of music serve different purposes for me. Although I don't really have a favorite artist, my favorite genre of music is alternative (also known as alt). Some of my favorite alt artists are Joji, Billie Eilish, and Lana Del Ray.</h3>
<h3>Attached below are the links to my favorite albums by these artists:</h3>
<ul>
<li><a href="https://music.apple.com/us/album/nectar/1506574436?ign-gact=3&ls=1" target="_blank">Nectar </a>by Joji</li>
<li><a href="https://music.apple.com/us/album/dont-smile-at-me/1440898929?ign-gact=3&ls=1
" target="_blank">Don't smile at me </a>by Billie Eilish</li>
<li><a href="https://music.apple.com/us/album/norman-fucking-rockwell/1474669063?ign-gact=3&ls=1" target="_blank">Norman F*****g Rockwell! </a>by Lana Del Ray</li>
</ul>
</body>
<footer>A Pen by Ruth Nwego</footer>
h2 {
font-size: 16px;
}
body {
color: #000000;
background-color: #FFFFFF;
font-style: italic;
text-align: justify;
font-size: 16px;
font-family: times-new-roman;
}
footer {
text-align: center;
opacity: 0.5;
}
img {
max-width: 100%;
height: auto;
margin-top: 15px;
}
a {
color: #272729;
}
a:hover {
color: red;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment