Question

9. Create a web page about your favorite musical group. Include the name of the group, the individuals in the group, a hyperlink to the group’s website, your favorite three (or fewer if the group is new) CD releases, and a brief review of each CD.

• Use an unordered list to organize the names of the individuals.

• Use a description list for the names of the CDs and your reviews. Should be complete in HTML code.

please complete this with red hot chili peppers if possible.

Answer 1

HTML Code (Find Css Code Below Please--- RHCP Tribute Page):-

<main id="main">

<header id="tribute-info">
<h1 id="title">Red Hot Chili Peppers <br> 1983 - Present</h1>
</header> <!-- End Header -->

<div id="content">

<blockquote class="row" cite="https://pitchfork.com/features/afterword/9786-david-bowie/">
<p>Red Hot Chili Peppers are an American rock band formed in Los Angeles in 1983. The group's musical style primarily consists of rock with an emphasis on funk, as well as elements from other genres such as punk rock and psychedelic rock. When played live, their music incorporates elements of jam band due to the improvised nature of many of their performances.
</p>
<footer><a href="https://redhotchilipeppers.com/">OFFICIAL SITE</a></footer>
</blockquote> <!-- End Blockquote-->

<section class="timeline row">
<div class="container">
<h2>RHCP Band Members</h2>
<ul>
<li><h3>Californication</h3>
<p>Californication is the seventh studio album by American rock band Red Hot Chili Peppers. It was released on June 8, 1999,[2] on Warner Bros. Records and was produced by Rick Rubin. </p></li>
<hr>
<li> <h3>By the Way </h3>
<p>By the Way is the eighth studio album by American rock band Red Hot Chili Peppers. The album was released July 9, 2002 on Warner Bros. Records. It sold more than 286,000 copies in the first week, and peaked at number two on the Billboard 200 </p></li>
<hr>
<li> <h3>The Getaway</h3>
<p>The Getaway is the eleventh studio album by American rock band Red Hot Chili Peppers, released through Warner Bros. on June 17, 2016. This is the band's first studio album since 2011's I'm with You. It was produced by Danger Mouse, who replaced Rick Rubin after twenty-five years and six albums as the band's producer.</p>
<hr>
</li>
</ul>

  

</div>
</section><!-- End Timeline-->

<section class="discography row">
<h2>Studio albums</h2>

<ul class=columns>
<div class="column">
<li>Anthony Kiedis</li>
<li>Flea </li>
<li>John Frusciante</li>
<li>Josh Klinghoffer</li>
<li> Jack Sherman</li>
<li>Hillel Slovak</li>
<li>Jack Irons</li>
<li>Cliff Martinez</li>
<li> Dewayne McKnight</li>
<li> Arik Marshall</li>
<li> Jessie Tobias</li>
<li> D.H. Peligro</li>
</div>
  
</ul>

</section> <!-- End Discography-->

</div> <!-- End Content-->

<footer id="footer">
<img src="https://res.cloudinary.com/boniverski/image/upload/v1471473082/bolt_q60m3t.png">
<h2>Interested for more insights?</h2>
<a id="tribute-link" class="text-center" href="https://en.wikipedia.org/wiki/Californication_(album)" target="_blank">Wikipedia</a>
</footer> <!-- End Footer-->
</main> <!-- End Main-->

CSS Code:-

/*** BASE ***/
body {
box-sizing: border-box;
margin: 0;
font-family: "Droid Serif", serif;
color: #333;
}

body * {padding: 0;}
section {text-align: center;}
ul li {list-style: none;}

.container {max-width: 700px; margin: auto;}
.row {padding: 1.5rem 1rem;}

#content {margin: auto;}
#title, #footer {color: #fdfdfd;}

hr {
margin: 3rem auto;
border: 0.5px solid #333;
width: 200px;
}

/*** HEADER #TRIBUTE-INFO ***/
#tribute-info {
background-image: url(https://enmoreaudio.com/wp-content/uploads/2017/12/RHCP.jpg);
background-size: cover;
background-repeat: no-repeat;
background-position: center;
height: 100vh;
display: flex;
align-items: center;
}

#title {
font-size: 2.2rem;
padding-left: 30rem;
padding-top: 10rem;
}

@media (max-width: 600px) {
#tribute-info {justify-content: center}
#title {padding-left: 0;}
}

/*** BLOCKQUTE ***/
blockquote {
margin: 2rem auto;
max-width: 600px;
color: gray;
font-family: Helvetica, Arial, sans-serif;
font-size: 1.2rem;
}

blockquote * {
margin: 0;
padding: 0.5rem 1rem;
}

/*** SECTION .TIMELINE ***/
.timeline {
background: #ff6e7f; /* fallback for old browsers */
background: -webkit-linear-gradient(to left, #bfe9ff, #ff6e7f); /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to left, #bfe9ff, #ff6e7f); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
padding-bottom: 3rem;
}

.timeline #img-div {
margin: 0;
padding: 0;
}

.timeline #img-div #image {
display: block;
max-width: 300px;
margin: auto;
box-shadow: 0px 0px 0px 10px rgba(255,255,255,0.2);
}

.timeline #img-div figcaption {
margin-top: 1rem;
font-size: 0.7rem;
font-family: Helvetica, Arial, sans-serif;
}

/*** SECTION .DISCOGRAPHY ***/
.discography .columns {
display: flex;
justify-content: center;
margin: 2rem;
}

.discography .columns .column {width: 50%;}
.discography .columns .column li {line-height: 2;}

@media (max-width: 600px) {
.discography .columns {
flex-direction: column;
align-items: center;
}
.discography .columns .column {width: 100%;}
}

/*** FOOTER ***/
#footer {
background-color: #333;
display: flex;
flex-direction: column;
align-items: center;
padding-bottom: 3rem;
}

#tribute-link {
text-decoration: none;
font-family: Helvetica, Arial, sans-serif;
color: white;
margin-top: 1rem;
padding: 0.3rem 2.5rem;
line-height: 2;
background: #ff6e7f; /* fallback for old browsers */
background: -webkit-linear-gradient(to left, #bfe9ff, #ff6e7f); /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to right, #bfe9ff, #ff6e7f); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
border-radius: 2px;
transition: all ease 0.3s;
}

#tribute-link:hover {transform: scale(1.1);}

#footer img {width: 80px;}