1.html

<!DOCTYPE html>
<html>
  <head>
    <title>뷰이의 노트 - Houdini</title>
    <meta charset="utf-8" />
    <!-- Global site tag (gtag.js) - Google Analytics -->
    <script
      async
      src="https://www.googletagmanager.com/gtag/js?id=G-451MFQD722"
    ></script>
    <script>
      window.dataLayer = window.dataLayer || [];
      function gtag() {
        dataLayer.push(arguments);
      }
      gtag("js", new Date());

      gtag("config", "G-451MFQD722");
    </script>

    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
    <script src="colors.js"></script>

    <link rel="stylesheet" href="style.css" />
  </head>
  <body>
    <h1>
      <a href="index.html">뷰이<span id="we">의</span> 노트 Viewee's Note</a>
    </h1>
    <input type="button" value="night mode" onclick="nightDayHandler(this);" />
    <div id="grid">
      <ol>
        <li>
          <a href="1.html"><span id="SelMenu">Houdini</span></a>
        </li>
        <li><a href="2.html">Unreal Engine</a></li>
        <li><a href="3.html">Blender </a></li>
      </ol>
      <div id="article">
        <h2>Houdini</h2>

        <img src="houdini.png" width="250" />
        <p>
          <iframe
            width="560"
            height="315"
            src="https://www.youtube.com/embed/O1zMy4bHOlE"
            title="YouTube video player"
            frameborder="0"
            allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
            allowfullscreen
          ></iframe>
        </p>
        <p>
          <strong
            ><a
              href="https://www.sidefx.com/"
              target="_blank"
              title="Sidefx - Houdini"
              >Houdini</a
            ></strong
          >는 <u>세계 최고의 3D CG 시뮬레이션 툴입니다.</u> <br />그리고 제가
          가장 사랑하는 프로그램입니다.
        </p>
        <p style="margin-top: 15px">너무너무 재미있어요!</p>
      </div>
    </div>
    <!--Start of Tawk.to Script-->
    <script type="text/javascript">
      var Tawk_API = Tawk_API || {},
        Tawk_LoadStart = new Date();
      (function () {
        var s1 = document.createElement("script"),
          s0 = document.getElementsByTagName("script")[0];
        s1.async = true;
        s1.src = "https://embed.tawk.to/62bafe8b7b967b117996e599/1g6l74kb3";
        s1.charset = "UTF-8";
        s1.setAttribute("crossorigin", "*");
        s0.parentNode.insertBefore(s1, s0);
      })();
    </script>
    <!--End of Tawk.to Script-->
  </body>
</html>