diff --git a/agent/ui/templates/footer.html b/agent/ui/templates/footer.html
new file mode 100644
index 0000000..368fbcb
--- /dev/null
+++ b/agent/ui/templates/footer.html
@@ -0,0 +1,7 @@
+<div id="footer" class="footer" define-macro="footer" content="text/html; charset=UTF-8">
+  &#169; Copyright 2007, cyberconcepts IT-Consulting Dr. Helmut Merz
+  (<a href="http://loops.cy55.de/impressum">Impressum</a>)<br />
+  Powered by <b><a href="http://www.python.org">Python</a></b> &#183;
+  <b><a href="http://wiki.zope.org/zope3">Zope 3</a></b> &#183;
+  <b><a href="http://loops.cy55.de/projekte/loops">loops</a></b>.
+</div>
diff --git a/agent/ui/templates/header.html b/agent/ui/templates/header.html
new file mode 100644
index 0000000..f54ec88
--- /dev/null
+++ b/agent/ui/templates/header.html
@@ -0,0 +1,22 @@
+<head>
+  <title>loops</title>
+  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
+
+  <style type="text/css" media="all">@import url("/resources/zope3_tablelayout.css");</style>
+
+  <style type="text/css" media="screen">@import url("/resources/base.css");</style>
+
+  <style type="text/css" media="print">@import url("/resources/print.css");</style>
+
+  <style type="text/css" media="all">@import url("/resources/loops.css");</style>
+
+  <style type="text/css" media="all">@import url("/resources/custom.css");</style>
+
+
+  <script type="text/javascript" src="/resources/loops.js">
+  </script>
+
+  <link rel="icon" type="image/png" href="/resources/favicon.png" />
+
+  <base href="AgentStart.html"/>
+</head>
\ No newline at end of file
diff --git a/agent/ui/templates/navigation.html b/agent/ui/templates/navigation.html
new file mode 100644
index 0000000..ff3d02a
--- /dev/null
+++ b/agent/ui/templates/navigation.html
@@ -0,0 +1,35 @@
+<div class="box">
+  <h4>Navigation</h4>
+  <div class="body">
+
+      <div class="content even menu-1">
+        <a href="http://localhost:8080" class="">Startpage</a>
+      </div>
+
+      <div class="content odd menu-2">Agent configuration</div>
+
+      <div class="content odd menu-3">
+        <a href="http://localhost:8080/joboverview" class="">
+          job overview
+        </a>
+      </div>
+
+      <div class="content odd menu-3">
+         <a href="http://localhost:8080/collectOutlookMails" class="">
+            collect Outlook Mails
+         </a>
+      </div>
+
+      <div class="content odd menu-3">
+         <a href="http://localhost:8080/addjob" class="">
+            add job</a>
+      </div>
+
+      <div class="content odd menu-3">
+         <a href="http://localhost:8080/loggingoptions" class="" title="">
+            logging options
+         </a>
+      </div>
+
+  </div>
+</div>
\ No newline at end of file
diff --git a/agent/ui/templates/top.html b/agent/ui/templates/top.html
new file mode 100644
index 0000000..b7fe491
--- /dev/null
+++ b/agent/ui/templates/top.html
@@ -0,0 +1,5 @@
+<div id="global">
+   <div class="top" style="padding: 5px">
+      <img src="/resources/loops_logo.png" />
+   </div>
+</div>
\ No newline at end of file
