98 lines
6.5 KiB
HTML
98 lines
6.5 KiB
HTML
<!doctype html>
|
|
<html>
|
|
<head>
|
|
<title>UniWorX</title>
|
|
<meta charset="UTF-8">
|
|
<link rel="stylesheet" href="src/css/main.css">
|
|
<link href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,600,800,900" rel="stylesheet">
|
|
<script data-main="src/js/main" src="lib/velocity.min.js"></script>
|
|
<script data-main="src/js/main" src="lib/require.js"></script>
|
|
<!-- <script src="scripts/main.js"></script> -->
|
|
</head>
|
|
<body>
|
|
<div class="grid">
|
|
<header>
|
|
<span></span>
|
|
<nav class="horizontal">
|
|
<ul class="flat">
|
|
<li><a href="/">Startseite</a></li>
|
|
<li><a href="/settings">Benutzerinstellungen</a></li>
|
|
<li><a href="/logout">Abmelden</a></li>
|
|
</ul>
|
|
</nav>
|
|
</header>
|
|
|
|
<aside class="sidebar">
|
|
<div class="box">
|
|
<div class="box-title">Navi</div>
|
|
<nav class="vertical">
|
|
<ul>
|
|
<li>
|
|
<a href="/home" async="true">Home</a>
|
|
</li>
|
|
<li>
|
|
<a href="/events" async="true" data-type="json">Events</a>
|
|
</li>
|
|
<li>
|
|
<a href="/seminars">Seminars</a>
|
|
</li>
|
|
<li>
|
|
<a href="/terms">Terms</a>
|
|
</li>
|
|
<li>
|
|
<a href="/lectures">Lectures</a>
|
|
</li>
|
|
</ul>
|
|
</nav>
|
|
</div>
|
|
<div class="box">
|
|
<div class="box-title">Boxilein</div>
|
|
<p>Kleines Boxilein am Randilein</p>
|
|
</div>
|
|
</aside>
|
|
|
|
|
|
<section class="main-content">
|
|
<div class="box">
|
|
<div class="box-title">Aktuelles</div>
|
|
<div class="text">Id ipsum Lorem esse cillum Lorem cillum. Cillum proident culpa id incididunt voluptate esse amet est cillum velit. Mollit nisi labore velit nulla proident do elit exercitation veniam labore sint. Proident non eu nostrud sint laborum commodo voluptate deserunt anim occaecat eu.</div>
|
|
<div class="text">Excepteur duis nulla reprehenderit ullamco aute elit laboris dolor. Duis aliquip est voluptate Lorem sunt aute cupidatat aute labore cupidatat pariatur mollit consequat elit. Voluptate enim pariatur elit consectetur aliqua ullamco. Laborum irure sit duis enim sunt pariatur cupidatat nisi nostrud duis. Nostrud ex incididunt sit velit veniam cupidatat ullamco nisi sit.</div>
|
|
<div class="text">Irure ad veniam quis sint elit veniam commodo laborum cupidatat id enim. Pariatur minim qui labore labore. Nisi anim in incididunt exercitation sunt. Qui culpa adipisicing in Lorem aute ex. Consequat quis esse ipsum id ex officia nisi aute exercitation elit. Ea fugiat proident nulla aliqua exercitation elit adipisicing enim. Aliqua aute consequat minim fugiat exercitation ipsum irure esse sit amet eiusmod quis nulla.</div>
|
|
<div class="text">Proident esse ipsum ad enim fugiat. Et elit voluptate do ullamco laboris consectetur deserunt officia adipisicing. Minim laboris laborum ut non sint ullamco excepteur non mollit laborum irure.</div>
|
|
<div class="text">Est fugiat incididunt enim veniam aute. Aliqua ad incididunt in eu fugiat irure reprehenderit fugiat magna qui fugiat ullamco laborum. Aute cupidatat id culpa aute irure aliquip eu velit adipisicing. Proident sint et deserunt tempor irure ea duis velit. Sint occaecat consectetur commodo sit eiusmod exercitation enim pariatur amet in. Irure quis aliquip ea deserunt eu consequat consequat ullamco duis. Consequat proident amet mollit quis Lorem cillum mollit enim commodo.</div>
|
|
<div class="text">Do id minim ex eiusmod labore et nulla est incididunt qui laborum. Consectetur et cupidatat voluptate eiusmod magna laborum enim cupidatat esse id do consequat est. Aliqua sunt laborum deserunt in. Officia dolore excepteur dolore Lorem culpa.</div>
|
|
</div>
|
|
<div class="box">
|
|
<div class="box-title">Mehr Aktuelles...</div>
|
|
<div class="text">Id ipsum Lorem esse cillum Lorem cillum. Cillum proident culpa id incididunt voluptate esse amet est cillum velit. Mollit nisi labore velit nulla proident do elit exercitation veniam labore sint. Proident non eu nostrud sint laborum commodo voluptate deserunt anim occaecat eu.</div>
|
|
<div class="text">Excepteur duis nulla reprehenderit ullamco aute elit laboris dolor. Duis aliquip est voluptate Lorem sunt aute cupidatat aute labore cupidatat pariatur mollit consequat elit. Voluptate enim pariatur elit consectetur aliqua ullamco. Laborum irure sit duis enim sunt pariatur cupidatat nisi nostrud duis. Nostrud ex incididunt sit velit veniam cupidatat ullamco nisi sit.</div>
|
|
<div class="text">Irure ad veniam quis sint elit veniam commodo laborum cupidatat id enim. Pariatur minim qui labore labore. Nisi anim in incididunt exercitation sunt. Qui culpa adipisicing in Lorem aute ex. Consequat quis esse ipsum id ex officia nisi aute exercitation elit. Ea fugiat proident nulla aliqua exercitation elit adipisicing enim. Aliqua aute consequat minim fugiat exercitation ipsum irure esse sit amet eiusmod quis nulla.</div>
|
|
</div>
|
|
</section>
|
|
|
|
<aside class="sidebar-right">
|
|
<div class="box">
|
|
<div class="box-title">Wichtiges</div>
|
|
<span>
|
|
Nix wichtiges.
|
|
</span>
|
|
</div>
|
|
<div class="box">
|
|
<div class="box-title">Kalender</div>
|
|
<span>Tage. Tage. Tage.</span>
|
|
<span>Monate. Monate. Monate.</span>
|
|
</div>
|
|
</aside>
|
|
|
|
<footer>
|
|
<nav class="thirdary">
|
|
<ul class="flat">
|
|
<li><a href="">Impressum</a></li>
|
|
<li><a href="">Kontakt</a></li>
|
|
</ul>
|
|
</nav>
|
|
Copyright: Burpsi
|
|
</footer>
|
|
</div>
|
|
</body>
|
|
</html> |