Metro UI 4 Jekyll 2.0
2
6

Panelcomponent

Default

Lorem Ipsum
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.

Custom color

Lorem Ipsum
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.

Collapsible

Lorem Ipsum
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. 
  1. Default
  2. <div class="panel">
  3.     <div class="panel-header">
  4.         ...
  5.     </div>
  6.     <div class="panel-content">
  7.         ...
  8.     </div>
  9. </div>
  10.  
  11. Colorize
  12. <div class="panel">
  13.     <div class="panel-header bg-lightBlue fg-white">
  14.         ...
  15.     </div>
  16.     <div class="panel-content">
  17.         ...
  18.     </div>
  19. </div>
  20.  
  21. Collapsible
  22. <div class="panel" data-role="panel">
  23.     <div class="panel-header">
  24.         ...
  25.     </div>
  26.     <div class="panel-content">
  27.         ...
  28.     </div>
  29. </div>