diff --git a/.idea/workspace.xml b/.idea/workspace.xml
index ce63c29..a71f8f6 100644
--- a/.idea/workspace.xml
+++ b/.idea/workspace.xml
@@ -20,9 +20,9 @@
   </component>
   <component name="ChangeListManager">
     <list default="true" id="458cde88-df3d-44bc-9d57-a33823e2f1a6" name="Default Changelist" comment="">
+      <change afterPath="$PROJECT_DIR$/src/main/resources/templates/design.css" afterDir="false" />
+      <change afterPath="$PROJECT_DIR$/src/main/resources/templates/design.html" afterDir="false" />
       <change beforePath="$PROJECT_DIR$/.idea/workspace.xml" beforeDir="false" afterPath="$PROJECT_DIR$/.idea/workspace.xml" afterDir="false" />
-      <change beforePath="$PROJECT_DIR$/src/main/resources/static/js/paggination.js" beforeDir="false" afterPath="$PROJECT_DIR$/src/main/resources/static/js/paggination.js" afterDir="false" />
-      <change beforePath="$PROJECT_DIR$/src/main/resources/templates/index.html" beforeDir="false" afterPath="$PROJECT_DIR$/src/main/resources/templates/index.html" afterDir="false" />
     </list>
     <option name="SHOW_DIALOG" value="false" />
     <option name="HIGHLIGHT_CONFLICTS" value="true" />
@@ -93,11 +93,11 @@
       <recent name="com.release11.klaus.repository" />
     </key>
     <key name="MoveFile.RECENT_KEYS">
+      <recent name="C:\Users\Gabriel Modzelewski\.phabricator\mockedservices\src\main\resources\templates" />
       <recent name="D:\phabricator\mockedservices-master" />
       <recent name="D:\phabricator\mockedservices" />
       <recent name="D:\phabricator\mockedservices\src" />
       <recent name="D:\phabricator\mockedservices\src\main\java\com\release11\klaus\docker" />
-      <recent name="D:\git\Szakalakamaka\Klaus\src\main\resources\static\js" />
     </key>
     <key name="CopyFile.RECENT_KEYS">
       <recent name="D:\phabricator\mockedservices-master\src" />
@@ -297,7 +297,7 @@
       <workItem from="1609858872909" duration="2771000" />
       <workItem from="1610359988935" duration="8484000" />
       <workItem from="1610621157443" duration="1615000" />
-      <workItem from="1610971272685" duration="3168000" />
+      <workItem from="1610971272685" duration="6963000" />
     </task>
     <task id="LOCAL-00077" summary="testing jenkins docker">
       <created>1601453886631</created>
diff --git a/src/main/resources/templates/design.css b/src/main/resources/templates/design.css
new file mode 100644
index 0000000..6e03389
--- /dev/null
+++ b/src/main/resources/templates/design.css
@@ -0,0 +1,67 @@
+#container {
+    width: 950px;
+    margin-left: auto;
+    margin-right: auto;
+    min-height: 1900px;
+    background: white;
+}
+
+#toolName {
+    width: 850px;
+    font-weight: 400;
+    font-size: 64px;
+    text-align: center;
+    padding: 50px;
+}
+
+#itemData {
+    min-height: 1736px;
+    float: left;
+    width: 750px;
+    font-size: 24px;
+
+}
+
+#link {
+    width: 750px;
+    margin-bottom: 40px;
+}
+
+#messageLink {
+    width: 680px;
+    padding: 10px;
+    background: lightgray;
+    border: 1px solid gray;
+}
+
+.fieldDefault {
+    width: 100px;
+}
+
+.fieldText {
+    width: 500px;
+    height: 296px;
+    resize: none;
+}
+
+#selectMenu {
+    min-height: 1736px;
+    float: left;
+    width: 200px;
+}
+
+.label {
+    margin-bottom: 0px;
+    font-size: 12px;
+    color: lightgray;
+}
+
+.menuItem {
+    width: 174px;
+    padding: 13px;
+    font-size: 24px;
+    text-align: center;
+    margin-bottom: 5px;
+    border: 1px solid lightgray;
+}
+
diff --git a/src/main/resources/templates/design.html b/src/main/resources/templates/design.html
new file mode 100644
index 0000000..15fa419
--- /dev/null
+++ b/src/main/resources/templates/design.html
@@ -0,0 +1,48 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+    <title>R11 MockedServices</title>
+    <meta charset="utf-8">
+    <link rel="stylesheet" href="design.css" type="text/css">
+</head>
+<body>
+    <div id="container">
+        <div id="toolName">Mocked Service</div>
+        <div id="itemData">
+            <div id="link">
+                <p class="label">Your link</p>
+                <div id="messageLink">
+                    https://www.release11.com/tools/mock/1238715-hjdf7/1
+                </div>
+            </div>
+            <div id="msgBody">
+                <div id="typeSelection">
+                    <p class="label">Content Type</p>
+                    <select id="typeSelector" class="fieldDefault">
+                        <option value="text/xml">text/xml</option>
+                        <option value="application/json">application/json</option>
+                    </select>
+                </div>
+                <div id="bodyEdition">
+                    <p class="label">Body:</p>
+                    <textarea type="text" id="bodyEditor" class="fieldText"><Hello>There!</Hello>
+                    </textarea>
+                </div>
+            </div>
+            <div id="headers" style="display:none;"></div>
+            <div id="history" style="display:none;"></div>
+        </div>
+        <div id="selectMenu">
+            <div class="menuItem">Item</div>
+            <div class="menuItem">Item</div>
+            <div class="menuItem">Item</div>
+            <div class="menuItem">Item</div>
+            <div class="menuItem">Item</div>
+            <div class="menuItem">Item</div>
+        </div>
+        <div style="clear:both;"></div>
+
+
+    </div>
+</body>
+</html>
\ No newline at end of file
