diff --git a/src/index.html b/src/index.html
index 7d28dc49..d359f167 100644
--- a/src/index.html
+++ b/src/index.html
@@ -58,35 +58,35 @@ <h1>QR Code web-component demo</h1>
     <img style="position: absolute; top: 0; right: 0; border: 0;" src="https://s3.amazonaws.com/github/ribbons/forkme_right_orange_ff7600.png" alt="Fork me on GitHub">
   </a>
   <label for="dyn_content">Change the contents of the QR Code here :</label>
-  <input name="dyn_content" id="dyn_content" type="text" value="Hello World" aria-label="QR Code content input"
+  <input name="dyn_content" id="dyn_content" type="text" value="Hello 🌎" aria-label="QR Code content input"
     onblur="refresh();"
     onchange="refresh();"
     onkeyup="refresh();"></input>
 
   <h2>DataURI QR Code</h2>
 <pre>&lt;qr-code
-  contents="Hello World"
+  contents="Hello 🌎"
   <b>output-mode="DataURI"</b>
   style="width: 100px;height: 100px;"&gt;
 &lt;/qr-code&gt;</pre>
-  <qr-code contents="Hello World" output-mode="DataURI" style="width: 100px;height: 100px;"></qr-code>
+  <qr-code contents="Hello 🌎" output-mode="DataURI" style="width: 100px;height: 100px;"></qr-code>
 
   <h2>SVG QR Code</h2>
 <pre>&lt;qr-code
   class="with-rounded-corners"
-  contents="Hello World"
+  contents="Hello 🌎"
   <b>output-mode="SVG"</b>
   style="width: 100px;height: 100px;"&gt;
 &lt;/qr-code&gt;</pre>
-  <qr-code class="with-rounded-corners" contents="Hello World" output-mode="SVG" style="width: 100px;height: 100px;"></qr-code>
+  <qr-code class="with-rounded-corners" contents="Hello 🌎" output-mode="SVG" style="width: 100px;height: 100px;"></qr-code>
 
     <h2>Table QR Code</h2>
 <pre>&lt;qr-code
-  contents="Hello World"
+  contents="Hello 🌎"
   <b>output-mode="Table"</b>
   style="width: 100px;height: 100px;"&gt;
 &lt;/qr-code&gt;</pre>
-  <qr-code contents="Hello World" output-mode="Table" style="width: 100px;height: 100px;"></qr-code>
+  <qr-code contents="Hello 🌎" output-mode="Table" style="width: 100px;height: 100px;"></qr-code>
 
 </body>
 </html>