closed message

index.html

@@ -56,6 +56,20 @@
   </div>
 </header>
 
+<div id="closed" class="modal" tabindex="-1" aria-hidden="true">
+  <div class="modal-dialog modal-xl px">
+    <div class="modal-content">
+      <div class="container fw-bold my-5 mx-5 py-5 px-5">
+        <h3 class="mb-3">Attention</h3>
+        <h5>We are no longer operating our private practice</h5>
+        <p>You may contact us @ <a href="mailto:&#105;&#110;&#102;&#111;&#064;&#104;&#111;&#100;&#103;&#101;&#115;&#045;&#108;&#097;&#119;&#045;&#102;&#105;&#114;&#109;&#046;&#099;&#111;&#109;">&#105;&#110;&#102;&#111;&#064;&#104;&#111;&#100;&#103;&#101;&#115;&#045;&#108;&#097;&#119;&#045;&#102;&#105;&#114;&#109;&#046;&#099;&#111;&#109;</a></p>
+        <p class="mt-3">Thank you,</br>
+        Andrew & Dawn Hodges</p>
+      </div>
+    </div>
+  </div>
+</div>
+
 <div id="practice" class="cards-1 mt-5">
   <div class="container">
     <div class="row">

js/scripts.js

@@ -7,6 +7,11 @@ window.onload = function () {
 	scrollFunction();
 };
 
+window.onload = () => {
+	const myModal = new bootstrap.Modal('#closed');
+	myModal.show();
+}
+
 function scrollFunction() {
 	if (document.documentElement.scrollTop > 30) {
 		document.getElementById("navbar").classList.add("top-nav-collapse");

js/site.js

@@ -28,6 +28,11 @@ window.onload = function () {
 	scrollFunction();
 };
 
+window.onload = () => {
+	const myModal = new bootstrap.Modal('#closed');
+	myModal.show();
+}
+
 function scrollFunction() {
 	if (document.documentElement.scrollTop > 30) {
 		document.getElementById("navbar").classList.add("top-nav-collapse");