JSFiddle - React, Tailwind, and code Playground
HTML
<hr class="noscreen" />
<h1 id="title">Über uns</h1>
<ub-navigation>
<p>
<br>
</p>
<Three columns>
<div class="content box">
<div class="content-in box">
<h2>Das sind wir</h2>
<table>
<tr><td><img src="http://www.html.de/images/elija.jpg" width="137" height="201"/> </td>
<td><table><tr>
<td style='color:#606060;width:83px;padding-bottom:12px'>Name:</td>
<td style="font-size:16px;padding-bottom:12px"><b>Elija Betschart</b></td> </tr>
<tr><td style='color:#606060;width:83px;padding-bottom:12px'>Status:</td>
<td style="padding-bottom:12px">Aktiv</td></tr>
<tr><td style='color:#606060;width:83px;padding-bottom:12px'>Alter:</td>
<td style="padding-bottom:12px">16 Jahre</td></tr>
<tr><td style='color:#606060;width:83px;padding-bottom:12px'>Wohnsitz:</td>
<td style="padding-bottom:12px">Luzern</td></tr>
<tr><td style='color:#606060;width:83px;padding-bottom:20px'>Aufgaben:</td>
<td style="padding-bottom:20px"><ul style="padding:0;margin:0;margin-left:12px">
<li>Administration</li>
<li>Organisation</li>
<li>Support</li>
<li>News</li>
<li>Grafik</li> </ul></td></tr>
<tr><td style='color:#606060;width:83px'>Kontakt:</td>
<td><a href="mailto:[email protected]"><img src="http://www.html.de/images/mail-button.jpg" width="62" height="22"></a>
<a href="standort.html"><img src="http://www.html.de/images/tel-button.jpg" width="62" height="22"</a>
<a href="http://www.facebook.com/Elija7x"><img src="http://www.html.de/images/fb-button.jpg" width="82" height="22"</a> </td></tr>
<tr><td style='color:#606060;width:83px'> </td> <td> </td></tr></table> </td> </tr></td>
</table>
CSS
body {padding:50px 0; background:url("../design/bg.gif") 0 0 repeat-x; font:0.8em/1.6 "arial", sans-serif;}
h1, h2, h3, h4, h5, h6, address, blockquote, dl, fieldset, ol, p, table, ul {margin:15px 0;}
/* ----------------------------------------------------------------------------------------------------------
Layout
---------------------------------------------------------------------------------------------------------- */
#main {width:900px; margin:0 auto; padding:0 20px;}
#header {position:relative; height:80px; padding:0 20px; overflow:hidden;}
#header #logo {margin:0;}
#header #logo img {display:block;}
#header #nav {position:absolute; top:30px; right:20px; margin:0;}
#header #nav span {margin:0 10px;}
#promo {position:relative; height:250px; overflow:hidden;}
#promo p {margin:0;}
#promo p img {margin:0;}
#promo p#slogan {position:absolute; top:90px; right:0; z-index:999;}
#promo ul#slider {margin:0;}
#footer {padding-bottom:20px; font-size:85%;}
#footer p {margin:0;}
/* ----------------------------------------------------------------------------------------------------------
Page: Homepage
---------------------------------------------------------------------------------------------------------- */
.cols3 {width:940px; margin:20px -20px; padding:20px 0;}
.cols3 .cols3-content {padding-left:20px; background:url("../design/cols3.gif") 0 0 repeat-y;}
.cols3 .cols3-bottom {width:940px; height:3px; background:url("../design/cols3-bottom.gif") 0 0 no-repeat; font-size:0; line-height:0;}
.cols3 .col {float:left; width:270px; margin-right:15px; padding:0 10px 10px 10px;}
.cols3 .col.last {margin-right:0;}
.cols3 .col h2 {margin:0 0 10px 0; padding:15px 10px; font-size:100%; font-weight:bold;}
.cols3 .col h2 a {text-decoration:none;}
.cols3 .col h2 a:hover {text-decoration:underline;}
.cols3 .col p {margin:0;}
.cols3 .col img {margin-bottom:10px;}
.cols3 .col ul {margin:10px 0 10px 10px;}
.cols3 .col ul li {padding-left:15px; background:url("../design/ul.gif") 0...