diff --git a/README.md b/README.md
new file mode 100644
index 0000000..b784639
--- /dev/null
+++ b/README.md
@@ -0,0 +1,4 @@
+# maotube
+
+![Screenshot](screenshot.png)
+
diff --git a/public/chairman_1.jpg b/public/chairman_1.jpg
new file mode 100644
index 0000000..9440310
Binary files /dev/null and b/public/chairman_1.jpg differ
diff --git a/public/chairman_2.jpg b/public/chairman_2.jpg
new file mode 100644
index 0000000..51ef5e0
Binary files /dev/null and b/public/chairman_2.jpg differ
diff --git a/public/chairman_3.jpg b/public/chairman_3.jpg
new file mode 100644
index 0000000..d53425a
Binary files /dev/null and b/public/chairman_3.jpg differ
diff --git a/public/index.html b/public/index.html
index d78a35f..24c799b 100644
--- a/public/index.html
+++ b/public/index.html
@@ -9,10 +9,13 @@
     <body>
         <h1>MaoTube</h1>
         <form method="GET" target="/search">
-            <input type="text" name="query" placeholder="...search">
-            <input type="submit">
+            <input type="text" name="query" placeholder="...">
+            <input type="submit" value="Search">
         </form>
-        <img src="https://totallyhistory.com/wp-content/uploads/2013/04/Mao.jpg" alt="The chairman">
+        <br>
+        <img src="chairman_1.jpg" alt="The chairman" height="600">
+        <img src="chairman_2.jpg" alt="The chairman" height="600">
+        <img src="chairman_3.jpg" alt="The chairman" height="600">
     </body>
 </html>
 
diff --git a/public/style.css b/public/style.css
index 594c270..4751a62 100644
--- a/public/style.css
+++ b/public/style.css
@@ -10,4 +10,5 @@
 body {
     margin: 0 auto;
     padding: 2rem;
+    text-align: center;
 }
diff --git a/screenshot.png b/screenshot.png
new file mode 100644
index 0000000..5a0b044
Binary files /dev/null and b/screenshot.png differ
