From c49bf7c1cf4c7cfc7e76b3cb8486cc146d7d59b2 Mon Sep 17 00:00:00 2001
From: Tanya Butenko <tanya@butenko.me>
Date: Sat, 10 Sep 2016 02:08:54 +1000
Subject: [PATCH] how to

---
 README.md  | 19 +++++++++++++++++++
 index.html | 13 +++++++++----
 2 files changed, 28 insertions(+), 4 deletions(-)

diff --git a/README.md b/README.md
index 9d8cd07..d2b49d4 100644
--- a/README.md
+++ b/README.md
@@ -2,8 +2,27 @@
 
 An introductory JavaScript workshop for beginners.
 
+
+**How to use**
+
+
+If you familiar with git you can clone repositore to your machine and simply start working
+through files starting from README.md file, after jump to js/level1.js file.
+
+
+If you don't know what is git, relax, you can download the folder on your machine - go to 
+'releases' tab over the yellow line on the page and download folder 'Source code (zip)'.
+Unzip it and start from README.md file, after jump to js/level1.js file.
+
+
+To open web-page in your browser go to _index.html_ file and double click on it, you will see
+an option 'open in browser' - preferably use Chrome, but Firefox and Safari will work as well.
+
+
+
 **Structure**
 
+
 - Css folder contains css files that are responsible for styles and how our project looks on the web.
 
 - img folder - a place where we can store images that we will use on our web-page
diff --git a/index.html b/index.html
index 98c80f5..82b91f9 100644
--- a/index.html
+++ b/index.html
@@ -16,10 +16,15 @@
 <section>
   <h1>Hello everyone. Let's do some interactive coding today! </h1>
   <div class="settings">
-    <p>To open browser console do double click on the screen and console will appear on the bottom or on the right side
-      of the screen. It will work for Chrome and Firefox. For Safari, go to 'Safari > Preferences > Advanced > and tick
-      the box Show Develop menu in menu bar', restart Safari, now you can do double click on the page and see
-      console.</p>
+    <p>To open browser console do double click on the screen (or press
+      <i>'Command+Option+J'</i> on mac and <i>'F12'</i> on Windows) and console
+      will appear on the bottom or on the right side of the screen. It will work
+      for Chrome and Firefox after select <i>'Inspect'</i>.
+    </p>
+    <p>For Safari, go to <i>'Safari > Preferences > Advanced >
+      and tick the box Show Develop menu in menu bar'</i>, restart Safari, now you can
+      do double click on the page and select <i>'Inspect Element'</i> to see console.
+    </p>
   </div>
 </section>