health.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Prakriti</title>
    <link rel="stylesheet" href="css/stylesheet.css" />
    <script src="javascript/main.js" defer></script>
    <script src="https://kit.fontawesome.com/7c13eadab8.js" crossorigin="anonymous"></script>
    <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@24,400,0,0" />
</head>
<body>


  <nav>
    <div class="logo"> <a href="index.html"> <img src="images/prakriti.png" height= "60"> </a> </div>
    <div class="cat">
      <ul class="nav-items">
        <a href="index.html">Home</a>
        <a href="weather.html">Weather</a>
        <a href="blog.html">Blog</a>
        <a href="health.html">Health</a>
        <a href="consultation.html">Consultation</a>
      </ul>
      <span class="material-symbols-outlined theme-button">
        light_mode
      </span>
    </div>
  </nav>


      <section class="unmain">
        <h1>Health</h1>
        <div class="unmain-container">


        </div>
      </section>


</body>
</html>