diff --git a/examples/example6_performance.html b/examples/example6_performance.html
new file mode 100644
index 0000000..a6ee9dc
--- /dev/null
+++ b/examples/example6_performance.html
@@ -0,0 +1,34 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <!-- Meta -->
+    <meta charset="utf-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Example 6 - Performance Tool</title>
+    <link href="http://fonts.googleapis.com/css?family=Lato:300,400,300italic,400italic" rel="stylesheet" type="text/css">
+    <style>
+      body{
+        font-family: 'Lato';
+      }
+    </style>
+  </head>
+  <body>
+    <h1>Example 6 - Performance Tool</h1>
+    <p>
+        The Performance tool gives you insight into your site's general responsiveness, JavaScript and layout performance. With the Performance tool you create a recording, or profile, of your site over a period of time. The tool then shows you an overview of the things the browser was doing to render your site over the profile, and a graph of the frame rate over the profile.
+    </p>
+    <p>
+      There are a few different ways to open the Performanace tool:
+    </p>
+    <ul>
+      <li>press Shift + F5</li>
+      <li>select "Performance" from the Web Developer submenu in the Firefox Menu (or Tools menu if you display the menu bar or are on OS X)</li>
+      <li>select "Performance" from Tools button, in the Toolbar, if you have one</li>
+    </ul>
+    
+    <p>
+      You can learn more about the Network Monitor in <a href="https://developer.mozilla.org/en-US/docs/Tools/Performance">this MDN article</a>.
+    </p>
+  </body>
+</html>
diff --git a/index.html b/index.html
index e3e3f92..0784400 100644
--- a/index.html
+++ b/index.html
@@ -176,6 +176,19 @@ <h2 class="heading">Example 5 - Responsive Design Mode</h2>
                         </div><!--//content-->
                     </div><!--//section-inner-->
                 </section><!--//section-->
+                
+                <section class="experience section">
+                    <div class="section-inner">
+                        <h2 class="heading">Example 6 - Performance Tool</h2>
+                        <div class="content">
+                          <div class="item">
+                            <p>
+                              In the <a target="_blank" href="examples/example6_performance.html">example 6</a> we will learn about the Performance tool. This tool gives you insight into your site's general responsiveness, JavaScript and layout performance. With the Performance tool you create a recording, or profile, of your site over a period of time. The tool then shows you an overview of the things the browser was doing to render your site over the profile, and a graph of the frame rate over the profile.
+                            </p>
+                          </div>
+                        </div><!--//content-->
+                    </div><!--//section-inner-->
+                </section><!--//section-->
 
                 <section class="experience section">
                     <div class="section-inner">
