diff --git a/templates/newuser.html b/templates/newuser.html
index 8b9d67d..06510d7 100644
--- a/templates/newuser.html
+++ b/templates/newuser.html
@@ -1,24 +1,49 @@
-<html>
+<!DOCTYPE html>
+<html lang="en_US">
 
 <head>
+    <title>Notatio | Welcome</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <link rel="stylesheet" type="text/css" href="/static/style.css">
     <link rel="icon" href="/static/favicon.ico" type="image/x-icon">
+    <link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css">
 </head>
 
 <body>
-    <h2>Welcome to Notatio!</h2>
-    <p>Before you begin creating your first file we want to give you a few tips!</p>
-    <tip>Although E2EE is planned, It is not implemented yet so <strong>DO NOT</strong> store sensitive information.
-        (The admins can read it)</tip>
-    <tip>Use unique and meaningful file names, dates often dont convey what the file holds, nor does temp or document 1.
-    </tip>
-    <tip>Back up your files often if you are using a public instance! You never know If the admin will take the service
-        down.</tip>
-    <h4>Enter the name of your first file:</h4>
-    <form id="newFileForm" method="post" action="/create">
-        <input type="text" name="newFileName" id="newFileName" required><br><br>
-        <button type="submit" id="createNewFile">Create</button>
-    </form>
+    <div class="container">
+        <h2>Welcome to Notatio!</h2>
+        <p>Before you begin creating your first file, we want to give you a few tips!</p>
+
+        <div class="alert alert-danger" role="alert">
+            Although E2EE is planned, It is not implemented yet so <strong>DO NOT</strong> store sensitive information.
+            The admins can read everything currently.
+        </div>
+        <div class="alert alert-warning" role="alert">
+            Back up your files often if you are using a public instance! You never know if the admin will take the service
+            down.
+        </div>
+
+        <div class="alert alert-info" role="alert">
+            Use unique and meaningful file names, dates often don't convey what the file holds, nor does temp or document
+            1.
+        </div>
+
+        <h4>Enter the name of your first file:</h4>
+
+        <form id="newFileForm" method="post" action="/create" class="row g-3">
+            <div class="col-md-6">
+                <div class="input-group">
+                    <span class="input-group-text"><em>Filename:</em></span>
+                    <input type="text" class="form-control" name="newFileName" id="newFileName" required>
+                </div>
+            </div>
+            <div class="col-md-6">
+                <button type="submit" class="btn btn-primary">Create</button>
+            </div>
+        </form>
+    </div>
+
+    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script>
 </body>
 
 </html>
\ No newline at end of file
