Basic
-
Parent Node
-
css
- style.css
-
modules
- style.modules.css
-
js
- script.js
-
img
- index.html
-
css
<ul id="myUL">
<li>
<span class="caret">Parent Node</span>
<ul class="nested active">
<li>
<span class="caret caret-down">css</span>
<ul class="nested">
<li>style.css</li>
<li>
<span class="caret caret-down">modules</span>
<ul class="nested">
<li>style.modules.css</li>
</ul>
</li>
</ul>
</li>
<li>
<span class="caret caret-down">js</span>
<ul class="nested">
<li>script.js</li>
</ul>
</li>
<li>
<span class="caret caret-down">img</span>
<ul class="nested">
</ul>
</li>
<li>
<span>index.html</span>
</li>
</ul>
</li>
</ul>
Animated
- CSS
- style.css
- Images
- profile.jpeg
- background.png
- gallery.jpg
- HTML
- PAGES
- file name
- file name
- file name
- file name
- file name
- PAGES
- index.html
- components.html
<ul class="file-tree">
<li class="file-tree-folder">CSS
<ul>
<li>style.css</li>
</ul>
</li>
<li class="file-tree-folder empty">Images</li>
<li class="file-tree-folder">HTML
<ul>
<li class="file-tree-folder">PAGES
<ul>
<li>file name </li>
<li>file name </li>
<li>file name </li>
</ul>
</li>
<li>file name </li>
<li>file name </li>
</ul>
</li>
<li>index.html </li>
<li>components.html </li>
</ul>
Copyright © 2022 DesignReset, All rights reserved.
Coded with