diff --git a/css/stijl.css b/css/stijl.css
index 3b6ba91..a6a5075 100644
--- a/css/stijl.css
+++ b/css/stijl.css
@@ -152,6 +152,24 @@ ol li span {
   margin: 0 12px 3px 0;
   font-size: 20px;
 }
+.function-key {
+  height: 38px;
+  line-height: 38px;
+  margin: 0 12px 12px 0;
+  font-size: 20px;
+  width: 51px;
+  font-size: 16px;
+}
+#power{
+  height: 38px;
+  width:46px;
+  line-height: 42px;
+}
+#esc{
+  height: 38px;
+  line-height: 38px;
+  font-size: 16px;
+}
 .up {
   margin: 0 83px 3px;
   border-radius: 8px 8px 0 0;
diff --git a/index.html b/index.html
index c6167ad..1d94eb6 100644
--- a/index.html
+++ b/index.html
@@ -29,6 +29,21 @@
 
 <div id="main" role="main">
   <ol id="keyboard" class="macbook-pro">
+    <li id="esc">esc</li>
+    <li class="function-key">F1</li>
+    <li class="function-key">F2</li>
+    <li class="function-key">F3</li>
+    <li class="function-key">F4</li>
+    <li class="function-key">F5</li>
+    <li class="function-key">F6</li>
+    <li class="function-key">F7</li>
+    <li class="function-key">F8</li>
+    <li class="function-key">F9</li>
+    <li class="function-key">F10</li>
+    <li class="function-key">F11</li>
+    <li class="function-key">F12</li>
+    <li id="power">&#x233D;</li>
+
     <li><span>~</span>`</li>
     <li><span>!</span>1</li>
     <li><span>@</span>2</li>