Update README.md

Author: learning-zone

README.md

@@ -1,7 +1,7 @@
 
 ## HTML5 Interview Questions and Answers
 
-*Click <img src="https://github.com/learning-zone/html-interview-questions/blob/master/assets/star.png" width="18" height="18" align="absmiddle" title="Star" /> if you like the project. Pull Request are highly appreciated.*
+*Click <img src="assets/star.png" width="18" height="18" align="absmiddle" title="Star" /> if you like the project. Pull Request are highly appreciated.*
 
 ### Table of Contents
 
@@ -66,7 +66,7 @@ There are five new form elements in the HTML5 forms specification: `<datalist>`,
  <option value="Safari">
 </datalist>
 ```
-[Live Example](https://learning-zone.github.io/html-interview-questions/html5-semantic-tags/datalist.html)
+[Live Example](html5-semantic-tags/datalist.html)
 
 **2.) Meter Tag**: indicates a numeric value that falls within a range. The tag supports a number of attributes: 
 value: If you don’t specify a value, the first numeric value inside the `<meter></meter>` pair becomes the value.
@@ -82,7 +82,7 @@ value: If you don’t specify a value, the first numeric value inside the `<mete
 
 <p>Pollution Level: <meter low="60" high="80" max="100" value="85">Very High</meter></p>
 ```
-[Live Example](https://learning-zone.github.io/html-interview-questions/html5-semantic-tags/meter.html) 
+[Live Example](html5-semantic-tags/meter.html) 
 
 **3.) Output Tag**: is meant to display text output. It indicates a section of the page that can be modified by a script (usually JavaScript). 
 ```html
@@ -92,7 +92,7 @@ value: If you don’t specify a value, the first numeric value inside the `<mete
  <output name="result" for="a b"></output>
 </form>
 ```
-[Live Example](https://learning-zone.github.io/html-interview-questions/html5-semantic-tags/output.html) 
+[Live Example](html5-semantic-tags/output.html) 
 
 **4.) Progress Tag**: indicates how much of a task has been completed (often marked as a percentage). It is expected to be modified through JavaScript code. 
 ```html
@@ -117,7 +117,7 @@ value: If you don’t specify a value, the first numeric value inside the `<mete
  countNumbers();
 </script>
 ```
-[Live Example](https://learning-zone.github.io/html-interview-questions/html5-semantic-tags/progress.html) 
+[Live Example](html5-semantic-tags/progress.html) 
 
 **5.) Keygen Tag**: The `<keygen>` element generates an encryption key for passing encrypted data to a server. When an HTML form is submitted, the browser will generate a key pair and store the private key in the browser's local key storage and send the public key to the server.
 ```html
@@ -130,7 +130,7 @@ value: If you don’t specify a value, the first numeric value inside the `<mete
 
 *Note: This feature is obsolete. Although it may still work in some browsers, its use is discouraged since it could be removed at any time.*
 
-[Live Example](https://learning-zone.github.io/html-interview-questions/html5-semantic-tags/) 
+[Live Example](html5-semantic-tags/) 
 
 #### Q. ***What is the DOM? How does the DOM work?*** 
 
@@ -152,7 +152,8 @@ In order to render content the browser has to go through a series of steps:
 * Layout
 * Paint
 
-![Browser Rendering Engine](https://github.com/learning-zone/html-interview-questions/blob/master/assets/layers.png)
+<img src="assets/layers.png" alt="Browser Rendering Engine" />
+
 <div align="right">
  <b><a href="#">↥ back to top</a></b>
 </div>
@@ -641,7 +642,7 @@ Cross-Origin Resource Sharing (CORS) is a W3C spec that allows cross-domain comm
 |strokeText()|Draws text on the canvas (no fill) |
 |measureText()|Returns an object that contains the width of the specified text |
 
-[Live Example](https://learning-zone.github.io/html-interview-questions/canvas.html) 
+[Live Example](canvas.html) 
 
 <div align="right">
  <b><a href="#">↥ back to top</a></b>
@@ -828,7 +829,7 @@ Example:
  </body>
 </html>
 ```
-[Live Example](https://learning-zone.github.io/d3js-interview-questions/a.svg.html)
+[Live Example](a.svg.html)
 
 **2.) Canvas**: Canvas is a HTML element is used to draw graphics on a web page. It is a bitmap with an “immediate mode” graphics application programming interface (API) for drawing on it. The <canvas> element is only a container for graphics. In order to draw the graphics, you are supposed to use a script. Canvas has several strategies when it comes to drawing paths, boxes, circles, text & adding images.
 
@@ -850,7 +851,7 @@ Example:
  </body>
 </html>
 ```
-[Live Example](https://learning-zone.github.io/html-interview-questions/canvas.html) 
+[Live Example](canvas.html) 
 
 **Differences between SVG and Canvas** 
 
@@ -908,7 +909,7 @@ Example
 </html>
 ```
 
-[Live Example](https://learning-zone.github.io/html-interview-questions/drag-drop.html) 
+[Live Example](drag-drop.html) 
 
 #### Q. ***Why to use IndexedDB instead of WebSQL in HTML5?***
 **1.) WebSQL** is an API that is only supported in Chrome and Safari (and Android and iOS by extension). It provides an asynchronous, transactional interface to SQLite. Since 2010, it has been deprecated in favor of IndexedDB.
@@ -958,7 +959,7 @@ Syntax:
  ...
 </html>
 ```
-[Live Example](https://learning-zone.github.io/html-interview-questions/application-cache.html) 
+[Live Example](application-cache.html) 
 
 *Note: Using the application caching feature described here is at this point highly discouraged; it’s in the process of being removed from the Web platform. Use **Service Workers** instead. In fact as of Firefox 44, when AppCache is used to provide offline support for a page a warning message is now displayed in the console advising developers to use Service workers instead (bug 1204581).*