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">
  <link rel="stylesheet" href="./assets/css/styles.css">

  <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=Roboto+Mono&display=swap" rel="stylesheet">

  <link rel="shortcut icon" href="./assets/img/peso.png" type="image/x-icon">

  <title>Calculo IMC</title>
</head>

<body>

  <section class="container">

    <h1>Calcule seu IMC</h1>

    <form action="" id="form">
      <label for="input-weigth">Peso (Kg)</label>
      <input type="text" id="input-weigth" placeholder="Digite seu peso.">

      <label for="input-heigth">Altura (m)</label>
      <input type="text" id="input-heigth" placeholder="Digite sua altura.">

      <button type="submit">Enviar</button>
    </form>

    <div class="result"></div>

  </section>
  <span>by @Kervin.es</span>
  <script src="./assets/js/main.js"></script>
</body>

</html>