add product template

client/css/products.css

@@ -48,4 +48,20 @@ a.product-link:hover {
     font-size: 14px;
     letter-spacing: 1px;
     padding: 0px;
+}
+
+.product-short-desc img{
+    width: 150px;
+    height: 150px;
+    display: block;
+    margin: 0px auto;
+    background-color: #4a4a4a;
+}
+
+ul.product-list {
+    list-style: none;
+}
+
+ul.product-list li {
+    display: inline;
 }

client/index.html

@@ -140,11 +140,13 @@
                     </ul>
                 </nav> 
 
-                <ul>
+                <ul class="product-list">
                     <li rv-each-product="productsListed">
-                        <img rv-src-strict="product.thumbUrl">
-                        <span>{product.name}</span>
-                        <p>{product.text.shortDesc}</p>
+                        <div class="product-short-desc">
+                            <img rv-src-strict="product.thumbUrl">
+                            <span>{product.name}</span>
+                            <p>{product.text.shortDesc}</p>
+                        </div>
                     </li>
                 </ul>
             </div>