Webseite mit Inhalt gefüllt

www/index.html

@@ -12,7 +12,23 @@
   padding: 0.5em 1.1429em;
   background: none repeat scroll 0% 0% rgb(250,  250,  250);
   line-height: 1.6em;
-
+}
+header h1 {
+  text-align: center;
+}
+header h2 {
+  text-align: center;
+  font-weight: 300;
+  margin: 0px;
+  color: rgb(204,  204,  204);
+}
+footer {
+  margin: 1.3em 1.3em 1em;
+}
+.pure-g > div {
+  -webkit-box-sizing: border-box;
+  -moz-box-sizing: border-box;
+  box-sizing: border-box;
 }
     </style>
 </head>
@@ -20,12 +36,14 @@
     <header id="home">
       <div class="pure-menu pure-menu-open pure-menu-horizontal">
         <ul>
-          <li><a href="#home">Home</a></li>
+          <li><a href="#home">ZOTAC Cluster</a></li>
           <li><a href="#status">Status</a></li>
           <li><a href="#bericht">Bericht</a></li>
           <li><a href="#team">Team</a></li>
         </ul>
       </div>
+      <h1>ZOTAC Cluster</h1>
+      <h2>Wo Linux auf NVIDEA trifft</h2>
     </header>
     <section id="status">
       <h2>Status</h2>
@@ -37,10 +55,31 @@
     </section>
     <section id="team">
       <h2>Team</h2>
-      Coming soon!
+      <table class="pure-table">
+        <thead>
+          <tr>
+            <th></th>
+            <th>Email</th>
+          </tr>
+        </thead>
+        <tbody>
+        <tr>
+          <td>Alfred</td>
+          <td>devkid devkid.net</td>
+        </tr>
+        <tr>
+          <td>Jörg</td>
+          <td>joerg higgsboson.tk</td>
+        </tr>
+        <tr>
+          <td>Patrick</td>
+          <td>devkid devkid.net</td>
+        </tr>
+        </tbody>
+      </table>
     </section>
     <footer class="legal">
-      (C) Company
+      (C) ZOTAC Cluster
     </footer>
 </body>
 </html>