|
@@ -33,6 +33,29 @@
|
|
|
</div>
|
|
|
</div>
|
|
|
|
|
|
+ <!-- Modal -->
|
|
|
+ <div class="modal fade" id="aiModal" tabindex="-1" aria-labelledby="aiModalLabel" aria-hidden="true">
|
|
|
+ <div class="modal-dialog">
|
|
|
+ <div class="modal-content">
|
|
|
+ <div class="modal-header">
|
|
|
+ <h5 class="modal-title" id="aiModalLabel">Modal title</h5>
|
|
|
+ <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
|
|
|
+ </div>
|
|
|
+ <div class="modal-body">
|
|
|
+ <div class="row row-cols-2 row-cols-lg-5 g-2 g-lg-3">
|
|
|
+ <div class="col-6">
|
|
|
+ <div class="p-3 border bg-light">Row column</div>
|
|
|
+ </div>
|
|
|
+ <div class="col-6">
|
|
|
+ <div class="p-3 border bg-light">Row column</div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+
|
|
|
+
|
|
|
<!-- <div id="home">
|
|
|
{{ partial "components/carousel.html" . }}
|
|
|
{{ partial "components/main.html" . }}
|
|
@@ -153,6 +176,9 @@
|
|
|
slidesPerView: 1,
|
|
|
slidesPerGroup: 1,
|
|
|
});
|
|
|
+
|
|
|
+ let aiModal = new bootstrap.Modal(document.getElementById('aiModal')); // relatedTarget
|
|
|
+ aiModal.show();
|
|
|
</script>
|
|
|
<!-- 進度條 -->
|
|
|
<script src="../js/progress.js"></script>
|