diff --git a/photography.html b/photography.html
new file mode 100644
index 0000000..8730b2a
--- /dev/null
+++ b/photography.html
@@ -0,0 +1,43 @@
+<!DOCTYPE html>
+<html>
+	<head>
+		<meta charset="utf-8" />
+		<title>hribhrib</title>
+		<link rel="stylesheet" href="styles.css">
+	</head>
+	<body>
+		<div class="topnav">
+			<a href='index.html'>Home</a> |
+			<a href='music.html'>Music</a> |
+			<a href='games.html'>Games</a> |
+			<a href='photography.html'>Photography</a> |
+			<a href='projects.html'>Projects</a> |
+			<a href='contact.html'>Contact</a>
+		</div>
+
+		<div>
+
+			<h1>Pictures taken by hribhrib</h1>
+
+			<div class="row">
+			  <div class="column">
+			  <img src="pics/bridge.jpg" style="width:100%">
+			  <img src="pics/coffee.jpg" style="width:100%">
+			  <img src="pics/crowd.jpg" style="width:100%">
+			  <img src="pics/nest.jpg" style="width:100%">
+			  <img src="pics/forest2.jpg" style="width:100%">
+			  </div>
+			  <div class="column">
+			  <img src="pics/forest1.jpg" style="width:100%">
+			  <img src="pics/rose.jpg" style="width:100%">
+			  <img src="pics/sky.jpg" style="width:100%">
+			  <img src="pics/weird.jpg" style="width:100%">
+			  <img src="pics/witch.jpg" style="width:100%">
+				<img src="pics/tractor.jpg" style="width:100%">
+
+			  </div>
+			</div>
+
+		</div>
+	</body>
+</html>
diff --git a/pics/index.html b/pics/index.html
new file mode 100644
index 0000000..68632a2
--- /dev/null
+++ b/pics/index.html
@@ -0,0 +1,20 @@
+<!DOCTYPE html>
+<html>
+	<head>
+		<meta charset="utf-8" />
+		<title>hribhrib</title>
+		<link rel="stylesheet" href="https://hribhrib.at/styles.css">
+	</head>
+	<body>
+		<div>
+
+			<h1>WRONG</h1>
+
+			<p>
+			You should not be here! 
+			</p>
+
+		</div>
+	</body>
+</html>
+
