Fix typos

docs/index.html

@@ -473,7 +473,7 @@ <h5>USAGE</h5>
       <pre><code class="language-html">
 &lt;script>
    var stepper = document.querySelector('.stepper');
-   var stepperInstace = new MStepper(stepper, {
+   var stepperInstance = new MStepper(stepper, {
       // options
       firstActive: 0 // this is the default
    })
@@ -524,7 +524,7 @@ <h6>JS initialization setting(s)</h6>
    <p>If you are using linear stepper, clicking on the next and the previous step will work just like the buttons. Since 2.1 you can adjust some options. Here they are, with their respective defaults:</p>
    <pre><code class="language-js">
 var stepper = document.querySelector('.stepper');
-var stepperInstace = new MStepper(stepper, {
+var stepperInstance = new MStepper(stepper, {
    // Default active step.
    firstActive: 0,
    // Allow navigation by clicking on the next and previous steps on linear steppers.
@@ -656,12 +656,12 @@ <h6 id="api_navigate">Navigate</h6>
                By navigating programatically and, for that, there is three methods:
                <pre><code class="language-js">
 // To proceed one step
-instace.nextStep(cb);
+instance.nextStep(cb);
 // To go back one step
-instace.prevStep(cb);
+instance.prevStep(cb);
 // To open arbitrarily a step
 // (the index is zero-based, so the first step is 0, not 1)
-instace.openStep(index, cb);
+instance.openStep(index, cb);
             </code></pre>
             </li>
          </ol>
@@ -834,7 +834,7 @@ <h6>resetStepper method</h6>
    <h6>Get Steps</h6>
    <p>You can get information about the steps by running:</p>
    <pre><code class="language-js">
-var currentSteps = instace.getSteps()
+var currentSteps = instance.getSteps()
    </code></pre>
    <p>And you'll get an object like this on var currentSteps:</p>
    <pre><code class="language-js">

src/html_docs/components/sections/components/api/components/getsteps.html

@@ -2,7 +2,7 @@
    <h6>Get Steps</h6>
    <p>You can get information about the steps by running:</p>
    <pre><code class="language-js">
-var currentSteps = instace.getSteps()
+var currentSteps = instance.getSteps()
    </code></pre>
    <p>And you'll get an object like this on var currentSteps:</p>
    <pre><code class="language-js">

src/html_docs/components/sections/components/api/components/navigate.html

@@ -19,12 +19,12 @@ <h6 id="api_navigate">Navigate</h6>
                By navigating programatically and, for that, there is three methods:
                <pre><code class="language-js">
 // To proceed one step
-instace.nextStep(cb);
+instance.nextStep(cb);
 // To go back one step
-instace.prevStep(cb);
+instance.prevStep(cb);
 // To open arbitrarily a step
 // (the index is zero-based, so the first step is 0, not 1)
-instace.openStep(index, cb);
+instance.openStep(index, cb);
             </code></pre>
             </li>
          </ol>

src/html_docs/components/sections/components/options/components/initialization.html

@@ -3,7 +3,7 @@ <h6>JS initialization setting(s)</h6>
    <p>If you are using linear stepper, clicking on the next and the previous step will work just like the buttons. Since 2.1 you can adjust some options. Here they are, with their respective defaults:</p>
    <pre><code class="language-js">
 var stepper = document.querySelector('.stepper');
-var stepperInstace = new MStepper(stepper, {
+var stepperInstance = new MStepper(stepper, {
    // Default active step.
    firstActive: 0,
    // Allow navigation by clicking on the next and previous steps on linear steppers.

src/html_docs/components/sections/components/usage.html

@@ -19,7 +19,7 @@ <h5>USAGE</h5>
       <pre><code class="language-html">
 &lt;script>
    var stepper = document.querySelector('.stepper');
-   var stepperInstace = new MStepper(stepper, {
+   var stepperInstance = new MStepper(stepper, {
       // options
       firstActive: 0 // this is the default
    })