switching component index.md to markdown instead of HTML

Author: wesleycole

_component/accordion/index.md

@@ -10,7 +10,7 @@ Accordions are used widely throughout our sites. Often, they are used as a ACF F
 
 <iframe {% if page.iframe_height %}class="h-{{ page.iframe_height }}"{% endif %} src="{{ site.baseurl }}/component/{{ page.path_slug }}/example.html"></iframe>
 
-<h2>Advanced Custom Fields</h2>
+## Advanced Custom Fields
 If working with ACF, you will want to utilize the following fields:
 
 **Repeater Field: accordion**
@@ -20,28 +20,28 @@ Fields:
 * Text: accordion_label
 * WYSIWYG: accordion_content
 
-<h2>Markup</h2>
+## Markup
 
 {% include partials/tabs.md %}
 
-<h2>Styles</h2>
+## Styles
 
-<h3 id="css">CSS</h3>
+### CSS
 ```css
 {% include_relative css/component.css %}
 ```
 
-<h3 id="sass">Sass</h3>
+### Sass
 ```scss
 {% include_relative css/component.scss %}
 ```
 
-<h2>Javascript</h2>
-<h3>Plugin</h3>
+## Javascript
+### Plugin
 ```js
 {% include_relative js/component.js %}
 ```
-<h3>Usage</h3>
+### Usage
 ```js
 {% include_relative js/component-usage.js %}
 ```