html MES项目，仪表盘，文件系统

Posted 2021-05-10

<!--Customer project accordian -->
            <div class="col-4 col-sm-6">
                <form action="#" class="form"><!-- form folder Module -->
                      <fieldset class="form__folder"><!-- form folder -->
                        <input id="level-1-1" type="checkbox">
                        <label for="level-1-1">Customer 1</label>

                        <div class="form__subfolder"> <!-- form subfolder -->
                          <a href="#" class="level-2">Customer Project 1</a>
                          <a href="#" class="level-2">Customer Project 2</a>
                        </div><!--END - form subfolder -->
                      </fieldset><!--END - form folder -->

                      <fieldset class="form__folder"><!-- form folder -->
                        <input id="level-1-2" type="checkbox">
                        <label for="level-1-2">Customer 2</label>

                        <div class="form__subfolder"><!-- form subfolder -->
                          <a href="#" class="level-2">Customer 2 Project 1</a>
                          <a href="#" class="level-2">Customer 2 Project 2</a>
                        </div><!--END - form subfolder -->
                      </fieldset><!--END - form folder -->

                      <fieldset class="form__folder"><!-- form folder -->
                        <input id="level-1-3" type="checkbox">
                        <label for="level-1-3">Customer 3</label>

                        <div class="form__subfolder"><!-- form subfolder -->
                          <a href="#" class="level-2">Customer 3 Project 1</a>
                          <a href="#" class="level-2">Customer 3 Project 2</a>
                        </div><!--END - form subfolder -->
                      </fieldset><!--END - form folder -->


                      <fieldset class="form__folder"><!-- form folder -->
                        <input id="level-1-4" type="checkbox">
                        <label for="level-1-4">Customer 4</label>

                        <div class="form__subfolder"><!-- form subfolder -->
                          <a href="#" class="level-2">Customer 4 Project 1</a>
                          <a href="#" class="level-2">Customer 4 Project 2</a>
                        </div><!--END - form subfolder -->
                    </fieldset><!--END - form folder -->

                      </fieldset>
                    </fieldset>

                  <input id="collapse" type="reset" value="collapse all"><!-- Collapses all -->
               </form><!--END - form folder Module -->
            </div>
<!-- END - Customer project accordian -->