index.html

<!DOCTYPE html>
<html lang="pt-BR">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <script src="https://kit.fontawesome.com/fa517e01e6.js" crossorigin="anonymous"></script>
    <link rel="stylesheet" href="./assets/css/style.css">
    <link rel="preconnect" href="https://fonts.gstatic.com">
    <link href="https://fonts.googleapis.com/css2?family=Raleway:wght@400;700&display=swap" rel="stylesheet">
    <title>Imersão Dev Alura  | Aula 1</title>
</head>
<body>
    <header>
        <div class="logo-header">
            <img src="https://www.alura.com.br/assets/img/home/alura-logo.1616501197.svg" alt="">
        </div>
    </header>
    <h1>IMERSÃO DEV_</h1>
    
    
    <section class="container">
        <div class="box-dolar">
            <h2>Conversor de Moedas</h2>
            <h3>USD <span>Dólar</span><i class="fas fa-angle-double-right"></i>BRL <span>Real</span></h3>
            <label>Digite o valor em Dólar</label>
            <input type="number" placeholder="Valor">
            <button>Converter</button>
            <span id="converted-value">Dólar hoje $ 5.50</span>
        </div>
    </section>




    <script src="./assets/js/main.js"></script>
</body>
</html>