diff --git a/README.md b/README.md
index f617b7d..180865a 100644
--- a/README.md
+++ b/README.md
@@ -1,3 +1,4 @@
 # new-tab-page
+[![Build Status](https://drone.bune.city/api/badges/lynnesbian/new-tab-page/status.svg)](https://drone.bune.city/lynnesbian/new-tab-page)
 
-My own custom new tab page thingy
\ No newline at end of file
+My own custom new tab page thingy
diff --git a/_layouts/default.html b/_layouts/default.html
index b298878..2ae4486 100644
--- a/_layouts/default.html
+++ b/_layouts/default.html
@@ -9,6 +9,15 @@
 
 <body>
 	<h1>{{ page.title }}</h1>
+	<div id='boxes'>
+		<div class='box'>
+			<h2>Status</h2>
+		</div>
+
+		<div class='box'>
+			<h2>Links</h2>
+		</div>
+	</div>
 </body>
 
 </html>
diff --git a/style.css b/style.css
index 06fa063..cfd449e 100644
--- a/style.css
+++ b/style.css
@@ -12,12 +12,14 @@ html {
 	background: #fafafa;
 }
 
-h1 {
+h1, h2, h3, h4, h5, h6 {
 	font-family: "Open Sans", "Roboto", sans-serif;
 	text-align: center;
-	font-size:4em;
 	font-weight: 200;
 }
+h1 {
+	font-size:4em;
+}
 
 p, footer, ul {
 	width: 80%;
@@ -39,6 +41,34 @@ a {
 	text-decoration: none;
 }
 
+#boxes {
+	text-align: center;
+}
+.box {
+	position: relative;
+	margin: 0 30px;
+	min-height: 300px;
+	min-width: 300px;
+	border-radius: 3px;
+	box-shadow: 0 0 5px black;
+	display: inline-block;
+	background: transparent;
+	transition: 0.2s all linear;
+}
+.box:hover {
+	background: #00000011;
+}
+.box::before {
+	content: "";
+	width: 100%;
+	height: 100%;
+	position: absolute;
+	left: 0;
+	top: 0;
+	z-index: -1;
+	background: radial-gradient(at 0% 0%, #99999911, 80%, #99999944);
+}
+
 footer {
 	text-align: center;
 	color: grey;
