132 lines
6.7 KiB
HTML
132 lines
6.7 KiB
HTML
<!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>
|