diff --git a/assets/styles.css b/assets/styles.css
index 8da5d6f..8fe7a5a 100644
--- a/assets/styles.css
+++ b/assets/styles.css
@@ -227,7 +227,8 @@ video::-webkit-media-controls-panel {
     display: inline-block;
 }
 
-ul.file-tips {
+ul.file-tips,
+ul.controls-tips {
     /* list-style-type: none; */
     border-top: 1px solid black;
     padding: 16px;
@@ -237,13 +238,13 @@ ul.file-tips {
     text-align: left;
 }
 
-h2 {
+h2 {}
 
-
-}
-ul.file-tips li {
+ul.file-tips li,
+ul.controls-tips li {
     font-size: .45em;
 }
+
 .contact {
     position: absolute;
     bottom: 0;
@@ -253,6 +254,27 @@ ul.file-tips li {
     padding: 1px;
     z-index: 99999;
 }
+
 .contact p {
     font-size: 1em;
+}
+
+kbd {
+    background-color: #fafbfc;
+    border: 1px solid #c6cbd1;
+    border-bottom-color: rgb(198, 203, 209);
+    border-bottom-color: #959da5;
+    border-radius: 3px;
+    box-shadow: inset 0 -1px 0 #959da5;
+    color: #444d56;
+    display: inline-block;
+    font-size: 11px;
+    line-height: 10px;
+    padding: 3px 5px;
+    vertical-align: middle;
+}
+
+h6 {
+    margin-top: 0;
+    margin-bottom: 21px;
 }
\ No newline at end of file
diff --git a/index.html b/index.html
index 411701e..9ca19dd 100644
--- a/index.html
+++ b/index.html
@@ -46,6 +46,16 @@
 									<li>only english subtitle available , if you want add another language subtitle , tell me</li>
 									<li>tested with Black.Mirror.Bandersnatch.2018.720p.WEB-DL.x264.DUAL.mkv file</li>
 
+
+								</ul>
+								<ul class="controls-tips">
+									<h6>controls tips</h6>
+									<li><kbd>F</kbd> - Toggle fullscreen</li>
+									<li><kbd>R</kbd> - Restart video</li>
+									<li><kbd>→</kbd> - Jump to the next segment (or to the next interaction zone)</li>
+									<li><kbd>←</kbd> - Jump to the previous segment</li>
+									<li><kbd>Space</kbd> - Toggle play and pause</li>
+
 								</ul>
 							</div>
 						</div>