dashboard/index.html

131 lines
6.7 KiB
HTML
Raw Normal View History

<!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="jquery-ui-1.10.3.custom/js/jquery-1.9.1.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: 2em; margin-right: 2em; 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 -->
2013-09-12 15:23:02 +02:00
<!-- templates -->
<div class="hidden">
<div class="droppable-container-placeholder"></div>
</div>
<!-- main javascript -->
<script type="text/javascript" src="js/main.js"></script>
</body>
</html>