diff --git a/htdocs/takepos/public/css/style.css b/htdocs/takepos/public/css/style.css
new file mode 100644
index 00000000000..418945cf5f5
--- /dev/null
+++ b/htdocs/takepos/public/css/style.css
@@ -0,0 +1,144 @@
+/* -- footer -- */
+html {
+ position: relative;
+ min-height: 100%;
+}
+body {
+ margin-bottom: 60px;
+ font-family: 'Khand', sans-serif;
+}
+.footer {
+ position: absolute;
+ bottom: 0;
+ width: 100%;
+ height: 60px;
+ background-color: #f5f5f5;
+}
+.container .text-muted {
+ margin: 20px 0;
+}
+.footer > .container {
+ padding-right: 15px;
+ padding-left: 15px;
+}
+/* -- -- */
+h3 {
+ display:inline-block;
+ font-size: 32px;
+ line-height: 36px;
+ position: relative;
+ margin-top:28px;
+ margin-bottom:15px;
+}
+h3:before{
+ left: -40px;
+ height: 0;
+ height:1px;
+}
+h3:before, h3:after {
+ content: "";
+ position: absolute;
+ bottom: 10px;
+ height: 1px;
+ width: 40px;
+ margin: 0 -15px;
+ background-color: #533834;
+}
+h3:after{
+ right: -40px;
+}
+h5 {
+ font-size: 16px;
+ line-height: 22px;
+ margin: 0 0 15px;
+ font-weight: 400;
+}
+.item {
+ position: relative;
+ overflow: hidden;
+ margin-bottom:20px;
+}
+.item h4, .price {
+ z-index: 0;
+ position: relative;
+ background-color: #fff;
+ right: 0;
+ position: absolute;
+}
+.item .price {
+ padding-left: 8px;
+}
+.item h4, .item p {
+ display: block;
+ clear: both;
+ color: #533834;
+}
+.item p {
+ clear: both;
+ color: #938372;
+ margin-left:10px;
+}
+.dots {
+ background-image: linear-gradient(to right,rgba(56,47,47,.5) 33%,rgba(0,0,0,0) 0%);
+ background-position: bottom;
+ background-size: 3px 1px;
+ background-repeat: repeat-x;
+ height: 1px;
+ width: 100%;
+ position: absolute;
+ top: 22px;
+}
+/* Dots in IE */
+@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
+ .dots {
+ background: transparent url('/img/dot.gif') repeat-x bottom left;
+ }
+}
+.badge {
+ display: inline-block;
+ padding: 0 10px;
+ background: #d2c82a;
+ font-size: 12px;
+ font-weight: 300;
+ line-height: 26px;
+ color: #fff;
+ text-align: center;
+ vertical-align: middle;
+ text-transform: uppercase;
+ border: 1px solid rgba(0,0,0,.05);
+ letter-spacing: 1px;
+ border-radius: 3px;
+ margin: -5px 5px 0 0;
+}
+.note {
+ padding: 0 6px;
+ min-width: 23px;
+ background: rgba(0,0,0,0);
+ border: 1px solid #382f2f;
+ color: #382f2f;
+ box-sizing: border-box;
+ border-radius: 500px;
+ line-height: 21px;
+}
+.veggie {
+ color:#82b440;
+ border-color:#82b440;
+}
+.spicy {
+ color:#ec4e00;
+ border-color:#ec4e00;
+}
+.price {
+ position: absolute;
+ font-size:22px;
+ font-weight:400;
+ right: 0;
+}
+.item h4 {
+ display: inline-block;
+ padding-right: 8px;
+ max-width: 80%;
+ text-transform: capitalize;
+ margin-bottom:4px;
+ position: relative;
+}
\ No newline at end of file
diff --git a/htdocs/takepos/public/js/script.js b/htdocs/takepos/public/js/script.js
new file mode 100644
index 00000000000..c3c8817354f
--- /dev/null
+++ b/htdocs/takepos/public/js/script.js
@@ -0,0 +1 @@
+$(document).foundation();
\ No newline at end of file
diff --git a/htdocs/takepos/public/menu.php b/htdocs/takepos/public/menu.php
new file mode 100644
index 00000000000..c15df6d1b9c
--- /dev/null
+++ b/htdocs/takepos/public/menu.php
@@ -0,0 +1,117 @@
+
+ *
+ * This program is free software; you can redistribute it and/or modify
+ * it under the terms of the GNU General Public License as published by
+ * the Free Software Foundation; either version 3 of the License, or
+ * (at your option) any later version.
+ *
+ * This program is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
+ * GNU General Public License for more details.
+ *
+ * You should have received a copy of the GNU General Public License
+ * along with this program. If not, see