html MES项目，仪表盘，手风琴

Posted 2021-05-10

<!--Customer project accordian -->
      <div class="row">
        <div class="col-8 col-sm-6">
          <div class="customerProjectsMain" id="accordion" role="tablist">
                 <div class="card">

                    <div class="card-header" role="tab" id="headingOne">
                      <h5 class="mb-0"><a data-toggle="collapse" href="#collapseOne" aria-expanded="false" aria-controls="collapseOne" class="collapsed">1-9</a></h5></div>

                    <div id="collapseOne" class="collapse" role="tabpanel" aria-labelledby="headingOne" style="">
                      <div class="card-body">
                        <!---Content Goes Here---->
                      </div>
                    </div>
                  </div>


                  <div class="card">
                    <div class="card-header" role="tab" id="headingTwo">
                      <h5 class="mb-0"><a class="collapsed" data-toggle="collapse" href="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo">A-B</a></h5>
                    </div>
                    <div id="collapseTwo" class="collapse" role="tabpanel" aria-labelledby="headingTwo">
                      <div class="card-body">
                        <!---Content Goes Here---->
                      </div>
                    </div>
                  </div>

                  <div class="card">
                    <div class="card-header" role="tab" id="headingThree">
                      <h5 class="mb-0"><a class="collapsed" data-toggle="collapse" href="#collapseThree" aria-expanded="false" aria-controls="collapseThree">C-D</a></h5>
                    </div>
                    <div id="collapseThree" class="collapse" role="tabpanel" aria-labelledby="headingThree">
                      <div class="card-body">
                        <!---Content Goes Here---->
                      </div>
                    </div>
                  </div>  

                    <div class="card">
                    <div class="card-header" role="tab" id="headingFour">
                      <h5 class="mb-0"><a class="collapsed" data-toggle="collapse" href="#collapseFour" aria-expanded="false" aria-controls="collapseFour">E-F</a></h5>
                    </div>
                    <div id="collapseFour" class="collapse" role="tabpanel" aria-labelledby="headingFour">
                      <div class="card-body">
                        <!---Content Goes Here---->
                      </div>
                    </div>
                  </div> 

                   <div class="card">
                    <div class="card-header" role="tab" id="headingFive">
                      <h5 class="mb-0"><a class="collapsed" data-toggle="collapse" href="#collapseFive" aria-expanded="false" aria-controls="collapseFive">G-H</a></h5>
                    </div>
                    <div id="collapseFive" class="collapse" role="tabpanel" aria-labelledby="headingFive">
                      <div class="card-body">
                        <!---Content Goes Here---->
                      </div>
                    </div>
                  </div> 

                     <div class="card">
                    <div class="card-header" role="tab" id="headingSix">
                      <h5 class="mb-0"><a class="collapsed" data-toggle="collapse" href="#collapseSix" aria-expanded="false" aria-controls="collapseFive">I-J</a></h5>
                    </div>
                    <div id="collapseSix" class="collapse" role="tabpanel" aria-labelledby="headingSix">
                      <div class="card-body">
                        <!---Content Goes Here---->
                      </div>
                    </div>
                  </div>  

                   <div class="card">
                    <div class="card-header" role="tab" id="headingSeven">
                      <h5 class="mb-0"><a class="collapsed" data-toggle="collapse" href="#collapseSeven" aria-expanded="false" aria-controls="collapseSix">K-L</a></h5>
                    </div>
                    <div id="collapseSeven" class="collapse" role="tabpanel" aria-labelledby="headingSeven">
                      <div class="card-body">
                        <!---Content Goes Here---->
                      </div>
                    </div>
                  </div> 


                     <div class="card">
                    <div class="card-header" role="tab" id="headingEight">
                      <h5 class="mb-0"><a class="collapsed" data-toggle="collapse" href="#collapseEight" aria-expanded="false" aria-controls="collapseSeven">M-N</a></h5>
                    </div>
                    <div id="collapseEight" class="collapse" role="tabpanel" aria-labelledby="headingEight">
                      <div class="card-body">
                        <!---Content Goes Here---->
                      </div>
                    </div>
                  </div> 

                       <div class="card">
                    <div class="card-header" role="tab" id="headingNine">
                      <h5 class="mb-0"><a class="collapsed" data-toggle="collapse" href="#collapseNine" aria-expanded="false" aria-controls="collapseEight">O-P</a></h5>
                    </div>
                    <div id="collapseNine" class="collapse" role="tabpanel" aria-labelledby="headingNine">
                      <div class="card-body">
                        <!---Content Goes Here---->
                      </div>
                    </div>
                  </div> 
                </div>
              </div>
<!-- END - Customer project accordian -->