Footer fertig

css/main.css

@@ -68,10 +68,31 @@ h1 {
     padding: 10px;
 }
 
+@media only screen and (max-width: 1000px) {
+   .text {
+        column-count: 2;
+    }
+}
+
+@media only screen and (max-width: 500px) {
+    .text {
+        column-count: 1;
+    }
+}
+
 .text a {
     color: lightgreen;
 }
 
+.text a:hover {
+    color: darkgreen;
+    text-decoration: none;
+}
+
+
+
+
+
 .table {
     font-family: 'Roboto', sans-serif;
     margin-bottom: 15px;
@@ -86,13 +107,13 @@ h1 {
 }*/
 
 table#t01 tr:nth-child(even) {
-    background-color: deeppink;
+    background-color: lightgray;
     height: 2em;
     vertical-align: middle;
 }
 
 table#t01 tr:nth-child(odd) {
-    background-color: lightgrey;
+    background-color: white;
     height: 2em;
 }
 

index.html

@@ -64,7 +64,12 @@
 
             At solmen va esser necessi far uniform grammatica, pronunciation e plu sommun paroles. <a href="index.html">jony_ipsum</a>
         </p>
-
+        <p class="hideOptions">Show/Hide: </p>
+        <a> birth rate</a>
+        <a> cellphones</a>
+        <a> children / woman</a>
+        <a> electrical usage</a>
+        <a> internet usage</a>
         <button href="javascript:/" onClick="div_change('options')">Show Options</button>
         <div id="options" class=Div></div>