Comments

              
                <!-- Comment -->
                <div class="container content-space-1">
                  <!-- Heading -->
                  <div class="w-lg-65 text-center mx-lg-auto mb-7">
                    <h3>3 comments</h3>
                  </div>
                  <!-- End Heading -->

                  <div class="row justify-content-lg-center">
                    <div class="col-lg-8">
                      <!-- Comment -->
                      <ul class="list-comment">
                        <!-- Item -->
                        <li class="list-comment-item">
                          <!-- Media -->
                          <div class="d-flex align-items-center mb-3">
                            <div class="flex-shrink-0">
                              <img class="avatar avatar-circle" src="../assets/img/160x160/img3.jpg" alt="Image Description">
                            </div>

                            <div class="flex-grow-1 ms-3">
                              <div class="d-flex justify-content-between align-items-center">
                                <h6>Dave Austin</h6>
                                <span class="d-block small text-muted">1 day ago</span>
                              </div>
                            </div>
                          </div>
                          <!-- End Media -->

                          <p>As a Special Education teacher this resonates so well with me. Fighting with gen ed teachers to flatten for the students with learning disabilities. It also confirms some things for me in my writing.</p>

                          <a class="link" href="#">Reply <i class="bi-chevron-right small ms-1"></i></a>

                          <!-- Comment -->
                          <ul class="list-comment">
                            <!-- Item -->
                            <li class="list-comment-item">
                              <!-- Media -->
                              <div class="d-flex align-items-center mb-3">
                                <div class="flex-shrink-0">
                                  <img class="avatar avatar-circle" src="../assets/img/160x160/img9.jpg" alt="Image Description">
                                </div>

                                <div class="flex-grow-1 ms-3">
                                  <div class="d-flex justify-content-between align-items-center">
                                    <h6>Christina Kray</h6>
                                    <span class="d-block small text-muted">1 day ago</span>
                                  </div>
                                </div>
                              </div>
                              <!-- End Media -->

                              <p>Love it Dave! We're all about keeping it up.</p>

                              <a class="link" href="#">Reply <i class="bi-chevron-right small ms-1"></i></a>
                            </li>
                            <!-- End Item -->
                          </ul>
                          <!-- End Comment -->
                        </li>
                        <!-- End Item -->

                        <!-- Item -->
                        <li class="list-comment-item">
                          <!-- Media -->
                          <div class="d-flex align-items-center mb-3">
                            <div class="flex-shrink-0">
                              <img class="avatar avatar-circle" src="../assets/img/160x160/img8.jpg" alt="Image Description">
                            </div>

                            <div class="flex-grow-1 ms-3">
                              <div class="d-flex justify-content-between align-items-center">
                                <h6>Hanna Wolfe</h6>
                                <span class="d-block small text-muted">2 days ago</span>
                              </div>
                            </div>
                          </div>
                          <!-- End Media -->

                          <p>Since our attention spans seem to be shrinking by the day — keeping it simple is more important than ever.</p>

                          <a class="link" href="#">Reply <i class="bi-chevron-right small ms-1"></i></a>
                        </li>
                        <!-- End Item -->
                      </ul>
                      <!-- End Comment -->
                    </div>
                    <!-- End Col -->
                  </div>
                  <!-- End Row -->
                </div>
                <!-- End Comment -->