Button and List

Shortcode for Customization

Button

Nam libero tempore soluta nobis est eligendi optio cumque nihil impedit quo minus id quod maxime placeat facere possimus, omnis voluptas assumenda est, omnis dolor repellendus repudiandae sint et molestia.

<!-- button with button tag -->
<button class="btn btn-default">Button</button>

<!-- button with anchor tag -->
<a href="#" class="btn btn-default">Anchor</a>

<!-- button with input submit -->
<input type="submit" class="btn btn-default" value="Input Submit">

<!-- button with input button -->
<input type="button" class="btn btn-default" value="Input Button">

Button Size

<!-- button with small size -->
<a href="#" class="btn btn-sm btn-default">Small</a>

<!-- button with default size -->
<a href="#" class="btn btn-default">Small</a>

<!-- button with large size -->
<a href="#" class="btn btn-lg btn-default">Small</a>

Button Style

<!-- button outline -->
<a href="#" class="btn btn-default btn-outline">Default</a>

<!-- button radius -->
<a href="#" class="btn btn-default btn-radius">Default</a>

<!-- button round -->
<a href="#" class="btn btn-default btn-round">Default</a>

Button Custom

List

Nam libero tempore soluta nobis est eligendi optio cumque nihil impedit quo minus id quod maxime placeat facere possimus, omnis voluptas assumenda est, omnis dolor repellendus repudiandae sint et molestia.

<ul class="me-list check-list">
  • List Item
  • List Item
  • List Item
    • List Item
    • List Item
    • List Item
  • List Item
  • List Item
  • List Item
<ul class="me-list arrow-list">
  • List Item
  • List Item
  • List Item
    • List Item
    • List Item
    • List Item
  • List Item
  • List Item
  • List Item
<ul class="me-list arrow-circle-list">
  • List Item
  • List Item
  • List Item
    • List Item
    • List Item
    • List Item
  • List Item
  • List Item
  • List Item
<ul class="me-list">
  • List Item
  • List Item
  • List Item
    • List Item
    • List Item
    • List Item
  • List Item
  • List Item
  • List Item
<ul class="me-list disc-list">
  • List Item
  • List Item
  • List Item
    • List Item
    • List Item
    • List Item
  • List Item
  • List Item
  • List Item
<ul class="me-list disc-list">
  • List Item
  • List Item
  • List Item
    • List Item
    • List Item
    • List Item
  • List Item
  • List Item
  • List Item
<ul class="me-list number-list">
  • List Item
  • List Item
  • List Item
    • List Item
    • List Item
    • List Item
  • List Item
  • List Item
  • List Item