add accordion component

Author: jamesjose03

pages/accordion.html

@@ -47,6 +47,56 @@ <h3>Add your different Accordion</h3>
       <div class="container-fluid">
         <!--          your name     -->
         <!-- Add your html content that you have copied from contributors.md along with you component -->
+
+        <!-- James K Jose -->
+<div class="row">
+  <div class="col-lg-6">
+    <div class="component">
+      <div class="card magictime">
+        <div class="card-title jkj">
+          <strong>Accordion</strong>
+        </div>
+        <div class="card-content">
+         
+          <button class="accordion-jkj">Section 1</button>
+          <div class="panel">
+            <p>Lorem ipsum...</p>
+          </div>
+          
+          <button class="accordion-jkj">Section 2</button>
+          <div class="panel">
+            <p>Lorem ipsum...</p>
+          </div>
+          
+          <button class="accordion-jkj">Section 3</button>
+          <div class="panel">
+            <p>Lorem ipsum...</p>
+          </div> 
+        
+        </div>
+      </div>
+    </div>
+  </div>
+  <div class="col-lg-6">
+    <div class="component">
+      <div class="card magictime">        
+        <div class="card-title jkj">
+          <strong>Creator</strong>
+        </div>
+        <div class="card-content">
+          <div class="creater-name">
+            <h2>
+              <b>Name:</b>
+              <span>
+              <a href="http://github.com/jamesjose03">James Kaviyil Jose </a>
+              </span>
+            </h2>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
       </div>
     </section>
     <footer>