how to

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

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>