add the google form and modal

cefi.css

@@ -1,3 +1,8 @@
+.google-form{
+  width: 100%;
+  height: 1000px;
+  max-height: 1000px;  /* Or set a specific max height if needed */
+}
 
 .refresh-link {
   cursor: pointer;

overview.html

@@ -3,6 +3,29 @@
 <link rel="stylesheet" href="overview_card.css">
 <link rel="stylesheet" href="cefi.css">
 
+<div class="alert alert-info" role="alert"></div>
+  If you have any questions or feedback, please feel free to contact us via <a href="#" class="alert-link" data-toggle="modal" data-target="#Modalfeedback">google form</a>!
+</div>
+<!-- Modal Feedback form -->
+<div class="modal fade" id="Modalfeedback" tabindex="-1" role="dialog" aria-labelledby="Modalfeedback_title" aria-hidden="true">
+  <div class="modal-dialog modal-lg" role="document">
+    <div class="modal-content">
+      <div class="modal-header">
+        <h3 class="modal-title" id="Modalfeedback_title">Thank you for providing feedback!</h3>
+        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
+          <span aria-hidden="true">&times;</span>
+        </button>
+      </div>
+      <div class="modal-body">
+        <iframe class="google-form" src="https://docs.google.com/forms/d/e/1FAIpQLSesSklSuR9YI5e5JBvtAz2sPstKFFrIvKVqeowFOoWP_JEkaw/viewform?embedded=true" scrolling=no frameborder="0" marginheight="0" marginwidth="0">Loading…</iframe>
+      </div>
+      <div class="modal-footer">
+        <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
+      </div>
+    </div>
+  </div>
+</div>
+
 <h2 class="headingCenter">1 minute CEFI</h2>
 <p>
   The goal of the Climate Ecosystem and Fisheries Initiative (CEFI) is to provide 
@@ -157,4 +180,6 @@ <h3>NOAA’s Response</h3>
       <img id="cefiLogo" src="img/cefi_logo.png" alt="Logo for CEFI" style="display: block; margin-left: auto; margin-right: auto; width: 90%;">
     </div>
   </div>
-</div>
+</div>
+
+