menu done

index.css

@@ -0,0 +1,71 @@
+/* menu part */
+.menu {
+    border-top: double 5px silver;
+    border-bottom: double 5px silver;
+    text-align: right;
+}
+
+.menu-item {
+    display: inline-block;
+    width: 8%;
+    height: 3em;
+    line-height: 3em;
+    text-align: center;
+    vertical-align: middle;
+    margin: 0 1%;
+    overflow: hidden;
+    text-overflow: ellipsis ;
+}
+
+.menu .selected {
+    color: green;
+    font-weight: bold;
+    border-left: double 5px silver;
+    border-right: double 5px silver;
+}
+
+.menu .menu-header {
+    color: green;
+    font-weight: bold;
+    float: left;
+}
+
+.menu a {
+    color: black;
+}
+
+/* 4 images part */
+.images-container{
+    width: 90%;
+    height:20%;
+    margin:auto; 
+    overflow: hidden;
+    margin: 1%;
+}
+
+.images-container .half-size{
+    float: left;
+    width: 50%;
+    height: 100%;
+}
+
+.images-container .quarter-size{
+    float: left;
+    width: 25%;
+    height: 100%;
+}
+
+.images-container .image-column-container{
+    float: left;
+    width: 25%;
+    height: 100%;
+}
+
+.images-container img{
+    width: 100%;
+    height: 100%;
+}
+
+.image-column-container div{
+    height: 50%;
+}