updated formatting

_layouts/page-steps.html

@@ -20,7 +20,7 @@ layout: default-menutop
         <div class="sql-page_steps-step">
           {%if number > 1 %}
             <a class="sql-page_steps-link {% if number == baseNumber %} sql-page_steps-link--active {% endif %}"
-               href="{{ baseLink[0] | append: separator | append: number | replace: '//', '/' | relative_url }}"
+               href="{{ baseLink[0] | append: separator | append: number | append: '.html' | replace: '//', '/' | relative_url }}"
                target="_self">
                <span class="sql-page_steps-number">{{ number }}</span>
                {{ value }}
@@ -82,7 +82,7 @@ layout: default-menutop
       {% endif %}
 
       <a class="sql-page_steps-next"
-        href="{{ baseLink[0] | append: separator | append: nextNumber | replace: '//', '/' | relative_url }}"
+        href="{{ baseLink[0] | append: separator | append: number | append: '.html' | replace: '//', '/' | relative_url }}"
         target="_self">
         Go to step {{nextNumber}}
       </a>
@@ -105,4 +105,4 @@ layout: default-menutop
         {% include disqus_comments.html %}
       </footer>
   {% endif %}
-</article>
+</article>