<div class="row justify-content-center">
              <div class="col-lg-8 card-wrapper">


                <div class="accordion" id="accordion0">
                  <div class="card bg-dark">
                    <div class="card-header" id="headingOne" data-toggle="collapse" data-target="#collapse0" aria-expanded="false" aria-controls="collapse0">
                      <h5 class="mb-0"><button type="button" class="btn btn-info">INFO</button><button type="button" class="btn btn-outline-primary">Change Log </button></h5>
                    </div>
                    <div id="collapse0" class="collapse" aria-labelledby="headingOne" data-parent="#accordion0">
                      <div class="card-body">
                        <div class="list-group list-group-flush">

                          <a href="#" class="list-group-item list-group-item-action flex-column align-items-start py-4 px-4">
                            <div class="d-flex w-100 justify-content-between">
                                <div>
                                    <div class="d-flex w-100 align-items-center">
                                        <img src="../../assets/img/brand/beluga3.png" alt="Image placeholder" class="avatar avatar-xs mr-2" />
                                        <h5 class="mb-1">...</h5>
                                    </div>
                                </div>
                                <small>27/02/2020</small>
                            </div>
                            <h4 class="mt-3 mb-1"> New FO : Liste des changements</h4>
                            <ul>
                              <li>...</li>

                          </ul>
                          </a>

                          <a href="#" class="list-group-item list-group-item-action flex-column align-items-start py-4 px-4">
                            <div class="d-flex w-100 justify-content-between">
                                <div>
                                    <div class="d-flex w-100 align-items-center">
                                        <img src="../../assets/img/brand/beluga3.png" alt="Image placeholder" class="avatar avatar-xs mr-2" />
                                        <h5 class="mb-1">...</h5>
                                    </div>
                                </div>
                                <small>24/02/2020</small>
                            </div>
                            <h4 class="mt-3 mb-1"> FO : Mise en Place</h4>
                            <ul>
                              <li>...</li>
                            </ul>
                          </a>

                          </div>

                      </div>
                    </div>
                  </div>
                </div>



                <div class="accordion" id="accordion1">
                  <div class="card bg-dark">
                    <div class="card-header" id="headingOne" data-toggle="collapse" data-target="#collapse1" aria-expanded="false" aria-controls="collapse1">
                      <h5 class="mb-0"><button type="button" class="btn btn-danger">GET</button><button type="button" class="btn btn-outline-primary">...</button></h5>
                    </div>
                    <div id="collapse1" class="collapse" aria-labelledby="headingOne" data-parent="#accordion1">
                      <div class="card-body">
                        <p style="color:white;">....</p>
                        <p><span class="badge badge-success">@param {NULL}</span>
                        <span class="badge badge-danger">@return {JsonFile}</span></p>
                        <code>
                          ...
                        </code>
                      </div>
                    </div>
                  </div>
                </div>

                <div class="accordion" id="accordion3">
                  <div class="card bg-dark">
                    <div class="card-header" id="headingOne" data-toggle="collapse" data-target="#collapse3" aria-expanded="false" aria-controls="collapse3">
                      <h5 class="mb-0"><button type="button" class="btn btn-danger">GET</button><button type="button" class="btn btn-outline-primary">...</button></h5>
                    </div>
                    <div id="collapse3" class="collapse" aria-labelledby="headingOne" data-parent="#accordion3">
                      <div class="card-body">
                        <p style="color:white;">...</p>
                        <p><span class="badge badge-success">@param {namespace}</span>
                        <span class="badge badge-danger">@return {JsonFile}</span></p>
                        <code>
                          ...
                        </code>
                      </div>
                    </div>
                  </div>
                </div>

                <div class="accordion" id="accordion2">
                  <div class="card bg-dark">
                    <div class="card-header" id="headingOne" data-toggle="collapse" data-target="#collapse2" aria-expanded="false" aria-controls="collapse2">
                      <h5 class="mb-0"><button type="button" class="btn btn-danger">GET</button><button type="button" class="btn btn-outline-primary">...</button></h5>
                    </div>
                    <div id="collapse2" class="collapse" aria-labelledby="headingOne" data-parent="#accordion2">
                      <div class="card-body">
                        <p style="color:white;">...</p>
                        <p><span class="badge badge-success">@param {namespace}</span>
                        <span class="badge badge-danger">@return {JsonFile}</span></p>
                        <code>
                         ...
                        </code>
                      </div>
                    </div>
                  </div>
                </div>


                <div class="accordion" id="accordion4">
                  <div class="card bg-dark">
                    <div class="card-header" id="headingOne" data-toggle="collapse" data-target="#collapse4" aria-expanded="false" aria-controls="collapse4">
                      <h5 class="mb-0"><button type="button" class="btn btn-primary">POST</button><button type="button" class="btn btn-outline-primary">...</button></h5>
                    </div>
                    <div id="collapse4" class="collapse" aria-labelledby="headingOne" data-parent="#accordion4">
                      <div class="card-body">
                        <p style="color:white;">...</p>
                        <p ><span class="badge badge-success">@param {JsonFile}</span></p>
                        <code>
                          ...
                        </code>

                        <p><span class="badge badge-danger">@return {JsonFile}</span></p>
                        <code>
                          ...
                        </code>

                      </div>
                    </div>
                  </div>
                </div>


              </div>
            </div>