index.html

<html>

<head>
    <title>
        Imersão Dev - Aula 05
    </title>
   <link rel="stylesheet" href="arulakindle.css">
    <link href="https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;700&display=swap" rel="stylesheet">
</head>

<header>
        <h1 class="page-title">
            AluraKindle
        </h1>
    </header>
  <div class="container">
        <div class="page-subtitle">
         
          <img src="https://www.alura.com.br/assets/img/imersoes/dev-2021/logo-imersao-aluraflix.svg" class="page-logo"
            alt="">
        <h2 class="page-subtitle">
            Qual Livro você quer ler?
       </h2>
        <div class="form-wrapper">
            <input type="text" id="livro" name="livro" placeholder="Insira link do Livro .jpg">
          <button onClick="adicionarLivro()">Adicionar Livro</button>
        </div>
    </div>
    <div id="listaLivros"></div>
    <a href="https://alura.com.br/" target="_blank">
        <img src="https://www.alura.com.br/assets/img/home/alura-logo.svg" alt="" class="alura-logo">
    </a>
    <h2 class="minhaAutoria">
    Indicações de Meus Filhos, livros que escrevi!
    </h2>
 
  <script src="alurakindle.js"></script>
  </body>

</html>