diff --git a/views/folders.ejs b/views/folders.ejs
new file mode 100644
index 0000000..ea6b70f
--- /dev/null
+++ b/views/folders.ejs
@@ -0,0 +1,96 @@
+<html>
+
+<body bgcolor="#212127">
+
+	<head>
+		<title><%=dirname%></title>
+		<meta charset="UTF-8">
+		<style>
+			body {
+				font: normal 14px Verdana;
+				color: #999999;
+			}
+
+			td {
+				vertical-align: top
+			}
+
+			textarea {
+				font: normal 14px Verdana;
+				color: #999999;
+				background-color: #212127;
+				width: 100%;
+				height: 700;
+			}
+
+			a {
+				color: #9999ff;
+			}
+			.subtable {
+				border-collapse: collapse;
+				table-layout:fixed;
+				width:100%
+			}
+			.maintable {
+				border-collapse: collapse;
+				table-layout:fixed;
+				width:100%
+				padding:0; margin:0;
+				border: none !important;
+			}
+			tr {
+				line-height: 29px;
+				width:32%;
+			}
+			.butt {
+				background-color: #212127;
+				color: #999999;
+				cursor: pointer;
+				width: 100%;
+				border: none;
+				text-align: left;
+				outline: none;
+				font-size: 13px;
+			}
+
+			.active,
+			.butt:hover {
+				background-color: #555;
+			}
+
+		</style>
+	</head>
+	<center>
+		<h1>
+			<%=dirname%>
+		</h1>
+	</center>
+	<a href=<%= "http://qmining.tk/stuff" + prevDir%> > Up one level </a>
+	</p>
+
+	<table class="maintable">
+		<% for (var i = 0; i < folders.length; i++) { %>
+			<tr>
+				<td>
+					<button class="butt"> 
+						<table class="subtable">
+							<td style='width:30%;'>
+								<a href="<%= "http://qmining.tk/stuff" + folders[i].path%>"> <%=folders[i].name %> </a>
+							</td>
+							<td style='width:30%;'>
+								<%=folders[i].path %>
+							</td>
+							<td style='width:20%;'>
+								<%=folders[i].mtime %>
+							</td>
+							<td style='width:10%;'>
+								<%=folders[i].size %> MB
+							</td>
+						</table>
+					</button>
+				</td>
+			</tr>
+		<% } %>
+	</table>
+</body>
+</html>
diff --git a/views/stuff/folders.ejs b/views/stuff/folders.ejs
new file mode 100644
index 0000000..ea6b70f
--- /dev/null
+++ b/views/stuff/folders.ejs
@@ -0,0 +1,96 @@
+<html>
+
+<body bgcolor="#212127">
+
+	<head>
+		<title><%=dirname%></title>
+		<meta charset="UTF-8">
+		<style>
+			body {
+				font: normal 14px Verdana;
+				color: #999999;
+			}
+
+			td {
+				vertical-align: top
+			}
+
+			textarea {
+				font: normal 14px Verdana;
+				color: #999999;
+				background-color: #212127;
+				width: 100%;
+				height: 700;
+			}
+
+			a {
+				color: #9999ff;
+			}
+			.subtable {
+				border-collapse: collapse;
+				table-layout:fixed;
+				width:100%
+			}
+			.maintable {
+				border-collapse: collapse;
+				table-layout:fixed;
+				width:100%
+				padding:0; margin:0;
+				border: none !important;
+			}
+			tr {
+				line-height: 29px;
+				width:32%;
+			}
+			.butt {
+				background-color: #212127;
+				color: #999999;
+				cursor: pointer;
+				width: 100%;
+				border: none;
+				text-align: left;
+				outline: none;
+				font-size: 13px;
+			}
+
+			.active,
+			.butt:hover {
+				background-color: #555;
+			}
+
+		</style>
+	</head>
+	<center>
+		<h1>
+			<%=dirname%>
+		</h1>
+	</center>
+	<a href=<%= "http://qmining.tk/stuff" + prevDir%> > Up one level </a>
+	</p>
+
+	<table class="maintable">
+		<% for (var i = 0; i < folders.length; i++) { %>
+			<tr>
+				<td>
+					<button class="butt"> 
+						<table class="subtable">
+							<td style='width:30%;'>
+								<a href="<%= "http://qmining.tk/stuff" + folders[i].path%>"> <%=folders[i].name %> </a>
+							</td>
+							<td style='width:30%;'>
+								<%=folders[i].path %>
+							</td>
+							<td style='width:20%;'>
+								<%=folders[i].mtime %>
+							</td>
+							<td style='width:10%;'>
+								<%=folders[i].size %> MB
+							</td>
+						</table>
+					</button>
+				</td>
+			</tr>
+		<% } %>
+	</table>
+</body>
+</html>
