<!DOCTYPE html> <html> <head> <title>Dashboard Test</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta name="robots" content="noindex,nofollow" /> <link rel="stylesheet" type="text/css" href="style/main.css" /> <!-- jQuery --> <script type="text/javascript" src="js/jquery-2.0.3.min.js"></script> <!-- jQuery ui smoothness theme --> <link rel="stylesheet" type="text/css" href="jquery-ui-1.10.3.custom/css/smoothness/jquery-ui-1.10.3.custom.min.css" /> <!-- jQuery ui --> <script type="text/javascript" src="jquery-ui-1.10.3.custom/js/jquery-ui-1.10.3.custom.min.js"></script> </head> <body> <div id="wallpaper"></div> <div id="wrap-all"> <div id="wrap-nonfooter-content"> <div id="nonfooter-content-container"> <div id="headerbar"> <ol class="vertical-list"> <li><span>Willkommen zum Dashboard-Test!</span></li> <li><span class="navi-active">Spruch des Tages</span></li> <li><span>Logge dich ein!</span></li> <li><span>Oder mach etwas!</span></li> </ol> </div> <div style="padding: 1em; background-color: hsla(0, 0%, 100%, 0.25); border-radius: 5px; color: hsl(0, 0%, 95%); margin-left: 3em; margin-right: 3em; margin-top: 2em; margin-bottom: 1em;"> <div style=""> <h1>Some random stuff maybe a search bar or some fancy info box?</h1> <p>I do not know what to put here, but it ought to be fun.</p> <p>Well, whatever.</p> </div> <div style="float: right; margin-top: -3.5em;"> <input type="text" style="border: 2px solid hsla(0, 0%, 45%, 0.5); width: 25em; font-size: 16pt; border-radius: 5px; padding: 5px; font-family: Sintony;" value="Search ..." /> </div> </div> <div style="clear: both;"></div> <div id="content-grid-container"> <div class="content-column-bounding-box"> <div id="content-column-1" class="content-column"> <div class="content-container-bounding-box"> <div class="content-container-header"> <h1>Content Box Header</h1> </div> <div class="content-container-body"> <p>Hallo!<br>Ich bin ein langweiliger Blindtext damit der Entwickler sehen kann, wie der ganze Kram in etwa mal aussehen wird.<br>Ein paar Sätze pro Absatz und gut ist! ;-)</p><p>Bitte beachte mich nicht weiter, ich war eh nie wirklich wichtig.</p><p>Achja: Ich grüße alle die mich kennen!<br>Macht's gut!</p> </div> </div> </div><!-- content-column-1 --> </div><!-- content-column-bounding-box --> <div class="content-column-bounding-box"> <div id="content-column-2" class="content-column"> <div class="content-container-bounding-box"> <div class="content-container-header"> <h1>Content Box Header</h1> </div> <div class="content-container-body"> <p>Hallo!<br>Ich bin ein langweiliger Blindtext damit der Entwickler sehen kann, wie der ganze Kram in etwa mal aussehen wird.<br>Ein paar Sätze pro Absatz und gut ist! ;-)</p><p>Bitte beachte mich nicht weiter, ich war eh nie wirklich wichtig.</p><p>Achja: Ich grüße alle die mich kennen!<br>Macht's gut!</p> </div> </div> <div class="content-container-bounding-box"> <div class="content-container-header"> <h1>Content Box Header</h1> </div> <div class="content-container-body"> <p>Hallo!<br>Ich bin ein langweiliger Blindtext damit der Entwickler sehen kann, wie der ganze Kram in etwa mal aussehen wird.<br>Ein paar Sätze pro Absatz und gut ist! ;-)</p><p>Bitte beachte mich nicht weiter, ich war eh nie wirklich wichtig.</p><p>Achja: Ich grüße alle die mich kennen!<br>Macht's gut!</p> </div> </div> <div class="content-container-bounding-box"> <div class="content-container-header"> <h1>Content Box Header</h1> </div> <div class="content-container-body"> <p>Hallo!<br>Ich bin ein langweiliger Blindtext damit der Entwickler sehen kann, wie der ganze Kram in etwa mal aussehen wird.<br>Ein paar Sätze pro Absatz und gut ist! ;-)</p><p>Bitte beachte mich nicht weiter, ich war eh nie wirklich wichtig.</p><p>Achja: Ich grüße alle die mich kennen!<br>Macht's gut!</p> </div> </div> </div><!-- content-column-2 --> </div><!-- content-column-bounding-box --> <div class="content-column-bounding-box"> <div id="content-column-3" class="content-column"> <div class="content-container-bounding-box"> <div class="content-container-header"> <h1>Content Box Header</h1> </div> <div class="content-container-body"> <p>Hallo!<br>Ich bin ein langweiliger Blindtext damit der Entwickler sehen kann, wie der ganze Kram in etwa mal aussehen wird.<br>Ein paar Sätze pro Absatz und gut ist! ;-)</p><p>Bitte beachte mich nicht weiter, ich war eh nie wirklich wichtig.</p><p>Achja: Ich grüße alle die mich kennen!<br>Macht's gut!</p> </div> </div> <div class="content-container-bounding-box"> <div class="content-container-header"> <h1>Content Box Header</h1> </div> <div class="content-container-body"> <p>Hallo!<br>Ich bin ein langweiliger Blindtext damit der Entwickler sehen kann, wie der ganze Kram in etwa mal aussehen wird.<br>Ein paar Sätze pro Absatz und gut ist! ;-)</p><p>Bitte beachte mich nicht weiter, ich war eh nie wirklich wichtig.</p><p>Achja: Ich grüße alle die mich kennen!<br>Macht's gut!</p> </div> </div> <div class="content-container-bounding-box"> <div class="content-container-header"> <h1>Content Box Header</h1> </div> <div class="content-container-body"> <p>Hallo!<br>Ich bin ein langweiliger Blindtext damit der Entwickler sehen kann, wie der ganze Kram in etwa mal aussehen wird.<br>Ein paar Sätze pro Absatz und gut ist! ;-)</p><p>Bitte beachte mich nicht weiter, ich war eh nie wirklich wichtig.</p><p>Achja: Ich grüße alle die mich kennen!<br>Macht's gut!</p> </div> </div> </div><!-- content-column-3 --> </div><!-- content-column-bounding-box --> <div class="clear-both"></div> </div> <!-- content-grid-container --> </div> <!-- nonfooter-content-container --> </div><!-- wrap-nonfooter-content --> <div id="footer"> <div id="footer-content"> <p>Project Dashboard - Still in development.</p> </div><!-- footer content --> </div><!-- footer --> </div><!-- wrap-all --> <!-- templates --> <div class="hidden"> <div class="droppable-container-placeholder"></div> </div> <!-- main javascript --> <script type="text/javascript" src="js/main.js"></script> </body> </html>