4 files changed, 31 insertions, 0 deletions
diff --git a/src/templates/apps.template.html b/src/templates/apps.template.html
new file mode 100644
index 0000000..9916e2a
--- /dev/null
+++ b/src/templates/apps.template.html
@@ -0,0 +1,10 @@
+{{ #apps }}
+    <a href="#" class="button" id="app-{{id}}" app-id="{{ id }}" onclick="apps.start('{{id}}');">
+        <div class="icon {{ icon }}">
+
+        </div>
+        <div class="label">
+            {{ name }}
+        </div>
+    </a>
+{{ /apps }}
+\ No newline at end of file
diff --git a/src/templates/main.template.html b/src/templates/main.template.html
new file mode 100644
index 0000000..6b4eecc
--- /dev/null
+++ b/src/templates/main.template.html
@@ -0,0 +1,8 @@
+<div class="top">
+    <div class="appsContainer" id="AppsContainer"></div>
+    <div class="infoContainer" id="TimeContainer"></div>
+    <div class="statusContainer" id="NetworkContainer"></div>
+</div>
+<div class="bottom">
+
+</div>
+\ No newline at end of file
diff --git a/src/templates/network.template.html b/src/templates/network.template.html
new file mode 100644
index 0000000..90af010
--- /dev/null
+++ b/src/templates/network.template.html
@@ -0,0 +1,3 @@
+{{ #items }}
+    <div class="statusItem {{icon}} {{#properties.connected}}text-primary{{/properties.connected}}"></div>
+{{ /items }}
+\ No newline at end of file
diff --git a/src/templates/time.template.html b/src/templates/time.template.html
new file mode 100644
index 0000000..c8ed97e
--- /dev/null
+++ b/src/templates/time.template.html
@@ -0,0 +1,10 @@
+<div class="infoItem day">
+    {{ date.day }}
+</div>
+<div class="infoItem hour">
+    {{ date.hour }}
+</div>
+<div class="infoItem wheater">
+    <i class="{{ weather.icon }}"></i>
+    {{ weather.temperature }}
+</div>
+\ No newline at end of file