index.html

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>Bandas chidas</title>
    <link rel="stylesheet" href="main.css">
  </head>
  <body>
    <nav class="color-negro">
      <a href="#">MAIN</a>
      <a href="#">BANDAS</a>
    </nav>


      <section class="box-bands">
        <img class="box-circle" src="http://www.yaconic.com/wp-content/uploads/2015/09/The-Ramones-in-1976-012.jpg" alt="">
        <img class="box-circle" src="http://www.yaconic.com/wp-content/uploads/2015/09/The-Ramones-in-1976-012.jpg" alt="">
        <img class="box-circle" src="http://www.yaconic.com/wp-content/uploads/2015/09/The-Ramones-in-1976-012.jpg" alt="">
      </section>

      <button type="button" class="boton-rojo" name="button">Ramones</button>
      <button type="button" class="boton-blue" name="button">Smiths</button>


  </body>
</html>