1 files changed, 56 insertions, 4 deletions
diff --git a/app/views/pages/index.html.erb b/app/views/pages/index.html.erb
index cf72e40..2d50b61 100644
--- a/app/views/pages/index.html.erb
+++ b/app/views/pages/index.html.erb
@@ -1,9 +1,61 @@
 <div class="row mt-2">
-  
-  <h1 id="header-title">DefNucSyR Engagement Database</h1>
 
-  <p>This is some text about the page.</p>
-  
+  <h1 id="header-title">DefNucSyR Engagement Database</h1>
+  <div class="col-4">
+    <div class="mt-4 card ">
+      <div class="card-body">
+        <h4 class="h4">Happening this week:</h4>
+        <ul class="list-group list-group-flush">
+          <li class="list-group-item d-flex justify-content-between align-items-start">
+            <div class="ms-2 me-auto">
+              <div class="fw-bold">
+                DSC 3 Assessment
+              </div>
+            </div>
+            <span class="badge bg-primary rounded-pill">RRDL</span>
+          </li>
+          <li class="list-group-item d-flex justify-content-between align-items-start">
+            <div class="ms-2 me-auto">
+              <div class="fw-bold">
+                DSC 2, 3 Assessment
+              </div>
+            </div>
+            <span class="badge bg-primary rounded-pill">AWE</span>
+          </li>
+        </ul>
+      </div>
+    </div>
+  </div>
+<ul class="list-group list-group-horizontal">
+  <li class="list-group-item">An item</li>
+  <li class="list-group-item">A second item</li>
+  <li class="list-group-item">A third item</li>
+</ul>
+<ul class="list-group list-group-horizontal-sm">
+  <li class="list-group-item">An item</li>
+  <li class="list-group-item">A second item</li>
+  <li class="list-group-item">A third item</li>
+</ul>
+<ul class="list-group list-group-horizontal-md">
+  <li class="list-group-item">An item</li>
+  <li class="list-group-item">A second item</li>
+  <li class="list-group-item">A third item</li>
+</ul>
+<ul class="list-group list-group-horizontal-lg">
+  <li class="list-group-item">An item</li>
+  <li class="list-group-item">A second item</li>
+  <li class="list-group-item">A third item</li>
+</ul>
+<ul class="list-group list-group-horizontal-xl">
+  <li class="list-group-item">An item</li>
+  <li class="list-group-item">A second item</li>
+  <li class="list-group-item">A third item</li>
+</ul>
+<ul class="list-group list-group-horizontal-xxl">
+  <li class="list-group-item">An item</li>
+  <li class="list-group-item">A second item</li>
+  <li class="list-group-item">A third item</li>
+</ul>
 </div>