diff --git a/files/keyserver/css.css b/files/keyserver/css.css
new file mode 100644
index 0000000000..52d4ce196f
--- /dev/null
+++ b/files/keyserver/css.css
@@ -0,0 +1,132 @@
+    * { font-family: helvetica, sans-serif; }
+ 
+    h1,
+    p {
+      margin: 0; /* Let's zero those margins */
+    }
+
+h2 {	color: #4462C4; margin: 0;}
+ 
+    #container {
+ /*     border: 1px solid #555; /* Nice transition from white background */
+      width: 600px; /* Should be narrow enough for small screens */
+      margin: 0 auto; /* Centering */
+      font-size: 1.1em; /* Font big enough not to need to squint */
+      line-height: 1.3em;
+
+    }
+ 
+    #title {
+ /*     background-color:#e2e5e2; */
+      padding: 10px;
+    }
+   
+    #title h1, #title h2 {
+      margin-top: 0.3em;
+    }
+ 
+    #info {
+      /* background-color:#e2e5e2; */
+      padding: 5px 10px;
+    }
+ 
+    #main {
+     /* background : #FAFBEA; */
+      padding: 0 10px 10px 10px;
+    }
+ 
+    #main header {
+      padding-top: 1em;
+    }
+ 
+    #main p {
+      margin: 0.5em 0;
+    }
+ 
+    #keytext {
+      width: 100%;
+      height: 150px;
+      border: 1px solid #555;
+      background : #fff;
+      max-width: 100%;
+      display: block;
+    }
+ 
+    ul {
+      width: 100%;
+      list-style-type: none;
+      padding-left: 0;
+    }
+ 
+    li {
+      width: 99%;
+    }
+ 
+    li label {
+      width: 57%;
+      display: inline-block;
+    }
+   
+    button {
+      border-radius: 3px;
+      -moz-border-radius: 3px;
+      background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ddd));
+      background: -moz-linear-gradient(top, #fff, #ddd);  
+      border: 1px solid #bbb;
+    }
+ 
+    #info p {line-height: 1.1em; margin-bottom: 0.3em;}
+
+
+
+#bodyform {
+	margin-top: 20px;
+	color: #555;
+	font-weight: normal;
+	font-size: 16px;
+
+}
+
+#headcontent {
+	width: 700px;
+	margin: auto;
+	display: table;
+
+}
+
+#lefttop {
+	float: left;
+	text-align: left;
+}
+
+#righttop {
+	float:right;
+	text-align: right;
+}
+
+hr {
+	background: #4462C4;
+	height: 8px;
+	border: 0px;
+}
+
+footer {
+	background: #4462C4;
+	margin: auto;
+	color: #fff;
+
+}
+
+footer p { width: 500px; margin: auto; text-align: center;}
+
+a {text-decoration: none; color: #B8C9FF; font-weight: bold;}
+
+fieldset {
+	border: 2px solid #4462C4;
+}
+
+legend {
+	color: #5283D8;
+}
+
+
diff --git a/files/keyserver/index.html b/files/keyserver/index.html
new file mode 100644
index 0000000000..30653a53dd
--- /dev/null
+++ b/files/keyserver/index.html
@@ -0,0 +1,86 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
+<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en" dir="ltr"> 
+<head>
+  <link rel="stylesheet" type="text/css" media="all" href="css.css" /> 
+</head>
+
+  <body> 
+
+<div id=bodyform>
+	<div id=headcontent>
+		<div id=lefttop> <img src='http://fedoraproject.org/static/images/fedora-logo.png'> </div>
+		<div id=righttop>
+			<h1>SKS OpenPGP Key server</h1> 
+			<h2>keys.fedoraproject.org</h2> 
+		</div>
+	</div>
+	<hr></hr>
+
+    <div id="container"> 
+ 
+      <div id="main" role="main"> 
+        <header> 
+          <h2>Extract a key</h2> 
+        </header> 
+        <p>You can find a key by typing in some words that appear in the
+          userid (name, email, etc.) of the key you're looking for, or
+          by typing in the keyid in hex format ("0x&#8230;")</p> 
+        <form id="lookup" action="http://keys.fedoraproject.org/pks/lookup" method="get"> 
+          <fieldset checked="true"> <legend>Search for a public key</legend> 
+            <ul> 
+              <li> <label for="search">String</label> <input id="search"
+                  name="search" placeholder="0xDEADBEEF" required="" autofocus=""
+                  type="text"> </li> 
+              <li> <label for="fingerprint">Show PGP Fingerprints</label> 
+                <input id="fingerprint" name="fingerprint" type="checkbox"> 
+              </li> 
+              <li> <label for="hash">Show SKS full-key hashes</label> <input
+                  id="hash" name="hash" type="checkbox"> </li> 
+              <li> <label for="matching">Get regular index of matching
+                  keys</label> <input id="matching" name="op" value="index"
+                  type="radio"> </li> 
+              <li> <label for="verbose">Get verbose index of matching
+                  keys</label> <input id="verbose" name="op" value="vindex"
+                  checked="checked" type="radio"> </li> 
+              <li> <label for="asciiarmored">Retrieve ascii-armored
+                  keys</label> <input id="asciiarmored" name="op" value="get"
+                  type="radio"> </li> 
+              <li> <label for="fullkey">Retrieve keys by full-key hash</label> 
+                <input id="fullkey" name="op" value="hget" type="radio"> 
+              </li> 
+            </ul> 
+            <button type="reset">Reset</button> <button type="submit">Search
+ 
+ 
+ 
+ 
+ 
+ 
+              for a key</button> </fieldset> 
+        </form> 
+        <header> 
+          <h2>Submit a key</h2> 
+        </header> 
+        <p>You can submit a key by simply pasting in the ASCII-armored
+          version of your key and clicking on submit.</p> 
+        <form id="add" action="/pks/add" method="post"> 
+          <fieldset> <textarea id="keytext" name="keytext" rows="5" cols="30"></textarea> 
+            <button type="reset">Reset</button> <button checked="true"
+              type="submit">Submit this key</button></fieldset> 
+        </form> 
+      </div> 
+      <!-- end of #main -->  
+    </div> 
+    <!--! end of #container --> 
+      <footer id="info"> 
+        <p><a href="https://code.google.com/p/sks-keyserver/">SKS</a> is
+          a new <a href="http://www.openpgp.org/">OpenPGP</a> 
+          keyserver. The main innovation of SKS is that it includes a
+          highly-efficient reconciliation algorithm for keeping the
+          keyservers synchronized.</p> 
+        <p style="text-align: center;"><a href="http://keys.fedoraproject.org/pks/lookup?op=stats">SKS statistics</a></p> 
+      </footer>
+</div>
+  </body> 
+
+</html>
diff --git a/tasks/keyserver.yml b/tasks/keyserver.yml
index a4a4d4352a..21f14c945e 100644
--- a/tasks/keyserver.yml
+++ b/tasks/keyserver.yml
@@ -13,3 +13,13 @@
   copy: src=$files/keyserver/sksconf dest=/srv/sks/sksconf mode=0644
   tags:
   - config
+
+- name: /srv/sks/web/index.html
+  copy: src=$files/keyserver/index.html dest=/srv/sks/web/index.html mode=0644
+  tags:
+  - config
+
+- name: /srv/sks/web/css.css
+  copy: src=$files/keyserver/css.css dest=/srv/sks/web/css.css mode=0644
+  tags:
+  - config
