Tribute Page

freecodecamp Objective: Build an app that is functionally similar to https://tribute-page.freecodecamp.rocks. Do not copy this demo project.

by barbrown1996

HTML

<!DOCTYPE html>
<head>
  <link rel="stylesheet" href="styles.css">
</head>
<body>
  <main id="main">
    <h1 id="title">La Dispute</h1>
    <div id="img-div">
      <img src="https://www.rollingstone.com/wp-content/uploads/2019/02/la-dispute-interview.jpg?w=1581&h=1054&crop=1" id="image"/>
      <div id="img-caption">
      <p>Photograph by <a href="https://www.instagram.com/poonehghana/?hl=en">Pooneh Ghana.</a></p>  
    </div>
    <!---
    <section id="divider">
      <img src="https://png.pngtree.com/png-clipart/20220706/ourmid/pngtree-decorative-line-separator-black-lines-png-image_5687462.png"/>
    </section>
    --->
    <!---
    <section id="discography">
      <h2>Discography</h2>
      <figure>
	      <img alt="Vancouver" src="https://upload.wikimedia.org/wikipedia/en/f/fe/Vancouverladispute.jpg"/>
	    <figcaption>Vancouver</figcaption>
      </figure>
      <figure>
      	<img alt="Untitled 7"" src="https://f4.bcbits.com/img/a4096895155_16.jpg"/>
	      <figcaption>Untitled 7"</figcaption>
      </figure>
      <figure>
	      <img alt="Here, Hear." src="https://f4.bcbits.com/img/a4132599811_16.jpg"/>
	      <figcaption>Here, Hear.</figcaption>
      </figure>
      <figure>
      	<img alt="Somewhere at the Bottom of the River Between Vega and Altair" src="https://f4.bcbits.com/img/a2352587376_16.jpg"/>
	      <figcaption>Somewhere at the Bottom of the River Between Vega and Altair</figcaption>
      </figure>
      <figure>
	      <img alt="Here, Hear. II" src="https://f4.bcbits.com/img/a0795663082_16.jpg"/>
      	<figcaption>Here, Hear. II</figcaption>
      </figure>
      <figure>
	      <img alt="Winter Tour Holiday CD​-​R" src="https://f4.bcbits.com/img/a0008011726_16.jpg"/>
	      <figcaption>Winter Tour Holiday CD​-​R</figcaption>
      </figure>
      <figure>
      	<img alt="Here, Hear. III" src="https://f4.bcbits.com/img/a0404439650_16.jpg"/>
	      <figcaption>Here, Hear. III</figcaption>
      </figure>
      <figure>
	      <img...