asdasdas

<!-- Button trigger modal -->
                                            <button type="button" class="col-8 btn btn-primary text-white" data-bs-toggle="modal" data-bs-target="#allAnnouncement">Check All Announcement</button>
                                            <!-- Modal -->
                                            <div class="modal fade" id="allAnnouncement" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
                                            <div class="modal-dialog modal-dialog-centered modal-dialog-scrollable">
                                                <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" style="width: 28rem;height: 18rem;">
                                                        <div class="card-body">
                                                        <div class="col-sm-12">
                                                            <div class="col-sm-6">
                                                            <h5 class="card-title fw-bold" style="font-size:18px">Announcement Test 1</h5>
                                                            <h6 class="card-subtitle mb-2 text-muted">Date Test 1</h6>
                                                            <p class="sizelimiter card-text" style="display:inline-block;" id="testing1">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce fermentum enim at justo iaculis, eu pulvinar purus lacinia. Cras hendrerit ornare lectus, non tristique sapien volutpat vitae. Duis eget dolor a diam imperdiet aliquet mattis quis lacus. Vestibulum in cursus urna, id consequat mauris. Nulla at quam tempus dolor convallis.</p>
                                                            </div>
                                                            <br><br>
                                                            <div class="col-sm-6">
                                                            <a href="#" class="card-link btn btn-primary">View</a>
                                                            </div>
                                                        </div>
                                                        </div>
                                                    </div>
                                                </div>