public/index.html

<!DOCTYPE html>
<html lang="fa" dir="rtl">

<head>
  <!--* Default browsers metadata -->
  <meta charset="UTF-8" />
  <meta http-equiv="X-UA-Compatible" content="IE=edge" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />

  <!--* Webpage information metadata -->
  <meta name="author" content="Ali Bagheri" />
  <meta name="keywords" content="کلمه کیدی سوم - کلمه کیدی دوم - کلمه کیدی اول - ...." />
  <meta name="description" content="
    لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است.
    چاپگرها و متون بلکه روزنامه و مجله در ستون و سطرآنچنان که لازم است و برای شرایط فعلی می باشد.
    کتابهای زیادی در شصت و سه درصد گذشته، حال و آینده را می طلبد تا با نرم افزارها ایجاد کرد.
    در این صورت می توان امید داشت که سخت تایپ به پایان رسد اساسا مورد استفاده قرار گیرد.
  " />

  <!--* Color scheme, favicon and styles -->
  <meta name="color-scheme" content="light dark" />
  <link rel="icon" href="./assets/favicon.ico" type="image/x-icon" />
  <link rel="shortcut icon" href="./assets/favicon.ico" type="image/x-icon" />

  <!--* Title -->
  <title>ساختار اولیه پروژه تایپ اسکریپت و وب پک</title>
</head>

<body>
  <!--* No script message -->
  <noscript>
    این وبلاگ بدون جاوااسکریپت کار نمی کند، لطفا جاوااسکریپت مرورگر را فعال کنید.
  </noscript>
  <!--* No script message end -->

  <!--* Root -->
  <div id="root" class="root">
    <!--* Header -->
    <header>
      <nav>
        <ul>
          <li></li>
          <li></li>
          <li></li>
          <li></li>
        </ul>
      </nav>
      <section>
        <div>
          <h1>سلام عزیزان</h1>
        </div>
      </section>
    </header>
    <!--* Header end -->

    <!--* Main content -->
    <main>
      <section></section>
      <section></section>
    </main>
    <!--* Main content end -->

    <!--* Footer -->
    <footer></footer>
    <!--* Footer end -->
  </div>
  <!--* Root end -->

</body>

</html>