diff --git a/index.html b/index.html
index 22ca5ae..2cb4a4b 100644
--- a/index.html
+++ b/index.html
@@ -4,9 +4,17 @@ layout: default
 ---
 
 <img class="img-fluid" src="/assets/banner/homepage.svg" alt="an awesome banner. too bad it isn't loading for you :(">
-<div class="text-center pt-3">
+<div class="container text-center pt-3">
     <h1>Welcome to my site!</h1>
-    <p><span class="badge bg-warning text-dark">Notice</span> I'm currently in the process of remaking this site from scatch, so bear with me.</p>
-    <p><span class="badge bg-primary">Update</span> I recently updated <a href="/projects/maintained/fakeapt">fake-apt</a> to the point where it has all of APT's basic features available.</p>
-    <p><span class="badge bg-primary">Update</span> I've been working on new updates to <a href="/projects/maintained/ahcounter">Ah Counter</a> like improved slash command and help menus</p>
+    <hr>
+    <div class="alert alert-warning" role="alert">
+        <span class="badge bg-warning text-dark">Notice</span> I'm currently in the process of remaking this site from scatch, so bear with me.
+    </div>
+    <div class="alert alert-primary" role="alert">
+        <span class="badge bg-primary">Update</span> I recently updated <a href="/projects/maintained/fakeapt">fake-apt</a> to the point where it has all of APT's basic features available.
+    </div>
+    <div class="alert alert-primary" role="alert">
+        <span class="badge bg-primary">Update</span> I've been working on new updates to <a href="/projects/maintained/ahcounter">Ah Counter</a> like improved slash command and help menus.
+    </div>
+    <hr>
 </div>
\ No newline at end of file