Untitled

 <!-- Modal -->
                                            <div class="modal fade" id="allAnnouncement" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
                                            <div class="modal-dialog modal-dialog-scrollable modal-lg">
                                                <div class="modal-content">
                                                <div class="modal-header">
                                                    <h5 class="modal-title" id="exampleModalLabel">Announcements</h5>
                                                    <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                                                </div>
                                                <div class="modal-body">
                                        
                                                        <!-- Card -->
                                                      <div class="card border-0">
                                                                <div class="card-body mx-2 my-2 border-bottom border-2">
                                                                    <h6>
                                                                    <b>Test Title:</b>
                                                                    <span id="subjectmo"> This is a test description (80 characters max) test test test test test test...</span>
                                                                    </h6>
                                                                    <div class="row">
                                                                        <div class="col">
                                                                        <span>October 12, 2021</span>
                                                                        </div>
                                                                        <div class="col text-end">
                                                                        <button class="btn btn-primary">View</button>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                                <div class="card-body mx-2 my-2 border-bottom border-2">
                                                                    <h6>
                                                                    <b>Test Title:</b>
                                                                    <span id="subjectmo"> This is a test description (80 characters max) test test test test test test...</span>
                                                                    </h6>
                                                                    <div class="row">
                                                                        <div class="col">
                                                                        <span>October 12, 2021</span>
                                                                        </div>
                                                                        <div class="col text-end">
                                                                        <button class="btn btn-primary">View</button>
                                                                        </div>
                                                                    </div>
                                                                </div><div class="card-body mx-2 my-2 border-bottom border-2">
                                                                    <h6>
                                                                    <b>Test Title:</b>
                                                                    <span id="subjectmo"> This is a test description (80 characters max) test test test test test test...</span>
                                                                    </h6>
                                                                    <div class="row">
                                                                        <div class="col">
                                                                        <span>October 12, 2021</span>
                                                                        </div>
                                                                        <div class="col text-end">
                                                                        <button class="btn btn-primary">View</button>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                    

                                                        <div class="card-footer text-center py-3">
                                                            <!-- footer -->
                                                        </div>
                                                        </div>
                                                </div>
                                                </div>
                                            </div>
                                            </div>