HTML Shortcode

Add Text/HTML module to the page with the below HTML content.

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
<a href="#" class="shortcode_button btn_normal btn_type1">Medium Light</a> <a href="#"
    class="shortcode_button btn_normal btn_type2">Medium Grey</a> <a href="#" class="shortcode_button btn_normal btn_type3">
        Medium Dark</a> <a href="#" class="shortcode_button btn_normal btn_type4">Medium Green</a>
<a href="#" class="shortcode_button btn_normal btn_type5">Medium Light Blue</a>
<a href="#" class="shortcode_button btn_normal btn_type6">Medium Blue</a> <a href="#"
    class="shortcode_button btn_normal btn_type7">Medium Violet</a> <a href="#" class="shortcode_button btn_normal btn_type8">
        Medium Purple</a> <a href="#" class="shortcode_button btn_normal btn_type9">Medium Pink</a>
<a href="#" class="shortcode_button btn_normal btn_type10">Medium red</a> <a href="#"
    class="shortcode_button btn_normal btn_type11">Medium Orange</a> <a href="#" class="shortcode_button btn_normal btn_type12">
        Medium Yellow</a> <a href="#" class="shortcode_button btn_normal btn_type13">Medium
            Lime</a>
<div class="clear">
</div>
<a href="#" class="shortcode_button btn_large btn_type1">Large Light</a> <a href="#"
    class="shortcode_button btn_small btn_type1">Small Light</a> 

Implementation Instructions:

To Add Medium Red button.
Add the below HTML content. You can use 13 predefined buttons by adding btn_type1 to btn_type13 class.

1
<a href="#" class="shortcode_button btn_normal btn_type10">Medium red</a>