index.html

<!DOCTYPE html>
<html lang="ko">

<head>
  <meta name="viewport" content="width=device-width, initial-scale=0.8">
  <meta charset="UTF-8">
  <title>Army Calculator 0.1</title>
  <script src="js/main.js"></script>
  <link rel="stylesheet" href="css/main.css">
  <!-- font-->
  <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=Yeon+Sung&display=swap" rel="stylesheet">
  <link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/gh/moonspam/NanumSquare@1.0/nanumsquare.css">
</head>

<body>
  <header>
    <h1 class="logo">army-calculator</h1>
    <nav>
      <a href="calculator.html">계산기</a>
      <a href="vacation.html">휴가 계산(개발 중)</a>
    </nav>
    <nav></nav>
  </header>
</body>

</html>