myWeb_site.html

<!DOCTYPE html>
<html lang="en">
  <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" />
    <title>website</title>
    <link rel="stylesheet" href="CSS/websiteStyle.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=Oswald:wght@300&family=Roboto+Mono:wght@500&display=swap"
      rel="stylesheet"
    />
    <link
      rel="stylesheet"
      href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@48,400,0,0"
    />
    <link
      rel="stylesheet"
      href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@48,400,0,0"
    />
  </head>
  <body>
    <div class="menu-bar">
      <nav>
        <ul>
          <li class="logo">
            <a href=""
              ><span style="font-size: 50px" class="material-symbols-outlined">
                forest
           </span></a
            >
          </li>
          <li><a href="">home</a></li>
          <li><a href="">about</a></li>
          <li><a href="">project</a></li>
          <li>
            <a href=""
              ><span class="material-symbols-outlined">
                density_medium
              </span></a
            >
          </li>
        </ul>
      </nav>
    </div>
    <div class="section_one">
      <section class="box">
        <h1 class="1_h">
          i'm <br />
          int bhub_
        </h1>
        <p class="1_p">this is my <strong>web_site;</strong></p>
      </section>
      <section class="border">
        <div class="section_two">
          <h1 class="2_h">What is <strong>COMPUTER ?</strong></h1>
          <p 1_p>Do you know_</p>
        </div>
      </section>
    </div>
  </body>
</html>