HTML - Page Component - Accordion


/ Published in: HTML
Save to your folder(s)

HTML - Page Component - Accordion


Copy this code and paste it in your HTML
  1. <!-- ACCORDION -->
  2. <div class="page_component accordion">
  3. <div class="tab">
  4. <a href="javascript:void(0)"><span>Accordion<i class="fa fa-angle-down after right"></i></span></a>
  5. </div>
  6. <div class="pane">
  7. <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus magna. Cras in mi at felis aliquet congue. Ut a est eget ligula molestie gravida. Curabitur massa. Donec eleifend, libero at sagittis mollis, tellus est malesuada tellus, at luctus turpis elit sit amet quam. Vivamus pretium ornare est.</p>
  8. </div>
  9. <div class="tab">
  10. <a href="javascript:void(0)"><span>Accordion<i class="fa fa-angle-down after right"></i></span></a>
  11. </div>
  12. <div class="pane">
  13. <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus magna. Cras in mi at felis aliquet congue. Ut a est eget ligula molestie gravida. Curabitur massa. Donec eleifend, libero at sagittis mollis, tellus est malesuada tellus, at luctus turpis elit sit amet quam. Vivamus pretium ornare est.</p>
  14. </div>
  15. <div class="tab">
  16. <a href="javascript:void(0)"><span>Accordion<i class="fa fa-angle-down after right"></i></span></a>
  17. </div>
  18. <div class="pane">
  19. <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus magna. Cras in mi at felis aliquet congue. Ut a est eget ligula molestie gravida. Curabitur massa. Donec eleifend, libero at sagittis mollis, tellus est malesuada tellus, at luctus turpis elit sit amet quam. Vivamus pretium ornare est.</p>
  20. </div>
  21. </div>
  22. <!--// ACCORDION -->

Report this snippet


Comments

RSS Icon Subscribe to comments

You need to login to post a comment.