index.html

<!DOCTYPE html>
<html lang="en">
<head>
    <!-- Tipografía -->
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Kalam&display=swap" rel="stylesheet">
    <link rel="shortcut icon" href="./img/pirata.png" type="image/x-icon">

    <!-- Hoja de estilos -->
    <link rel="stylesheet" href="./style/estilo.css">
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <!-- Título -->
    <title>Canción del pirata</title>
</head>
<body>
    <div id="container">
        <div id="poema">
            <h2>La canción del pirata</h2>
            <p>Con diez cañones por banda,
                viento en popa a toda vela,
                no corta el mar, sino vuela
                un velero bergantín;</p>
            <p>Bajel pirata que llaman,
                por su bravura, El Temido,
                en todo mar conocido
                del uno al otro confín.</p>
            <p>La luna en el mar riela,
                en la lona gime el viento
                y alza en blando movimiento
                olas de plata y azul;</p>
            <p>Y va el capitán pirata,
                cantando alegre en la popa,
                Asia a un lado, al otro Europa,
                y allá en su frente, Estambul</p>
            <h4>José de Espronceda</h4>
        </div>
    </div>
    
</body>
</html>