Switch to side-by-side view

--- a/website/pics/index.html
+++ b/website/pics/index.html
@@ -1,18 +1,30 @@
 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
 <html>
   <head>
-    <title>Photos</title>
+    <title>Recoll Screenshots</title>
+    <link type="text/css" rel="stylesheet" href="../styles/style.css">
   </head>
   <body>
-<table>
-<tr>
-        <td align="center"><a href="recoll0.html"><img src="recoll0-thumb.png"></a></td>
-        <td align="center"><a href="recoll1.html"><img src="recoll1-thumb.png"></a></td>
-        <td align="center"><a href="recoll2.html"><img src="recoll2-thumb.png"></a></td>
-        <td align="center"><a href="recoll3.html"><img src="recoll3-thumb.png"></a></td>
-</tr>
-<tr>
-        <td align="center"><a href="recoll4.html"><img src="recoll4-thumb.png"></a></td>
-        <td align="center"><a href="recoll5.html"><img src="recoll5-thumb.png"></a></td>
-        <td align="center"><a href="recoll_chinese.html"><img src="recoll_chinese-thumb.png"></a></td>
-</tr></table></body></html>
+    <body>
+      <div class="rightlinks">
+        <ul>
+          <li><a href="../index.html">Home</a></li>
+          <li><a href="../download.html">Downloads</a></li>
+          <li><a href="../usermanual/index.html">User manual</a></li>
+        </ul>
+      </div>
+
+      <div class="content">
+        <h1>Recoll screenshots</h1>
+        <a href="recoll0.html"><img src="recoll0-thumb.png"></a>
+        <a href="recoll1.html"><img src="recoll1-thumb.png"></a>
+        <a href="recoll2.html"><img src="recoll2-thumb.png"></a>
+        <a href="recoll3.html"><img src="recoll3-thumb.png"></a>
+        <a href="recoll4.html"><img src="recoll4-thumb.png"></a>
+        <a href="recoll5.html"><img src="recoll5-thumb.png"></a>
+        <a href="recoll-HTML_search_results.html">
+	  <img src="recoll-HTML_search_results-thumb.png"></a>
+      </div>
+    </body>
+</html>
+