Directory structure in HTML

directory_structure.html

<details open="">
  <summary>
    <i class="bi-folder text-body me-1"></i> <strong>space</strong>
  </summary>
  <ul class="list-py-1 list-unstyled ps-4">
    <li>
      <details open="">
        <summary>
          <i class="bi-folder text-body me-1"></i> <strong>src</strong>
        </summary>
        <ul class="list-unstyled ps-4">
          <li>
            <details open="">
              <summary>
                <i class="bi-folder text-body me-1"></i> <strong>assets</strong>
              </summary>
              <ul>
                <li><i class="bi-folder text-body me-1"></i>
                  <strong>css</strong> -  <span class="text-body">Compiled CSS files</span>
                </li>
                <li><i class="bi-folder text-body me-1"></i>
                  <strong>img</strong> - <span class="text-body">Image files</span>
                </li>
                <li><i class="bi-folder text-body me-1"></i>
                  <strong>json</strong> - <span class="text-body">JSON files</span>
                </li>
                <li><i class="bi-folder text-body me-1"></i>
                  <strong>js</strong> -  <span class="text-body">Core Javascript and library wrapper files</span>
                </li>
                <li><i class="bi-folder text-body me-1"></i>
                  <strong>scss</strong> - <span class="text-body">SASS (SCSS) source files</span>
                </li>
                <li><i class="bi-folder text-body me-1"></i>
                  <strong>svg</strong> - <span class="text-body">SVG files</span>
                </li>
                <li><i class="bi-folder text-body me-1"></i>
                  <strong>svg-src</strong> - <span class="text-body">SVG source files where variables can be passed (files will be generated into <strong>svg</strong> folder)</span>
                </li>
                <li><i class="bi-folder text-body me-1"></i>
                  <strong>vendor</strong> - <span class="text-body">Third pary libraries (plugins)</span>
                </li>
              </ul>
            </details>
          </li>
          <li>
            <i class="bi-folder text-body me-1"></i> <strong>partials</strong> - <span class="text-body">HTML partials, learn more details on Space's <a class="link link-bordered" href="../documentation/gulp.html#gulp-file-include">Gulp Documentation</a> page</span>
          </li>
          <li>
            <i class="bi-folder text-body me-1"></i> <strong>snippets</strong> - <span class="text-body">Snippet pages</span>
          </li>
          <li>
            <i class="bi-folder text-body me-1"></i> <strong>documentation</strong> - <span class="text-body">Documentation pages</span>
          </li>
          <li><i class="bi-image me-1"></i> favicon.ico</li>
          <li><i class="bi-file-text me-1"></i> index.html</li>
          <li><i class="bi-file-text me-1"></i> ...</li>
        </ul>
      </details>
    </li>
    <li>
      <i class="bi-folder text-body me-1"></i> <strong>dist</strong> - <span class="text-body">Generated distribution files</span>
    </li>
    <li>
      <i class="bi-folder text-body me-1"></i> <strong>gulpfiles</strong> -  <span class="text-body">Gulp Toolkit files</span>
    </li>
    <li>
      <i class="bi-folder text-body me-1"></i> <strong><s>build</s></strong> - <span class="text-body">Generated performance ready fully production files (by default the folder is not included)</span>
    </li>
    <li>
      <i class="bi-folder text-body me-1"></i> <strong><s>node_modules</s></strong> - <span class="text-body">NPM dependencies (by default the folder is not included)</span>
    </li>
    <li><i class="bi-file-text me-1"></i> config.js</li>
    <li><i class="bi-file-text me-1"></i> gulpfile.js</li>
    <li><i class="bi-file-text me-1"></i> package-lock.json</li>
    <li><i class="bi-file-text me-1"></i> package.json</li>
    <li><i class="bi-file-text me-1"></i> README.md</li>
  </ul>
</details>