<div class="dt_module dt_m_h3 dt_module_others ui-resizable ui-sortable-handle dt_first" data-name="h3" data-placeholder="H3" style="opacity: 1;">
    <span class="ico-headings dt_icon"></span>
    <span class="dt_module_name">H3</span>
    <div class="dt_module_options"><span class="dt_move" style="display: block;"></span><span class="dt_showorhide dt_show" title="Show" style="display: block;"></span>
        <span class="dt_delete" title="Delete" style="display: block;"></span>
        <span class="dt_clone_module" title="Clone" style="display: block;"></span><span class="dt_settings_arrow_module" title="Settings" style="display: block;"></span></div>
    <div class="dt_preview"><span class="title"></span></div>
    <div class="dt_module_settings">
        <div data-option_name="class" class="class dt_module_setting"></div>
        <div data-option_name="subtitle" class="subtitle dt_module_setting"></div>
        <div data-option_name="h3_content" class="h3_content dt_module_setting dtthemes_module_content">Button Color Types</div>
    </div>
    <div class="ui-resizable-handle ui-resizable-e" style="z-index: 90;"></div>
</div>
<div class="dt_module dt_m_column dt_disable_resize dt_m_column_one_fourth dt_m_column_has_modules ui-sortable-handle dt_first" data-name="one_fourth" data-placeholder="1/4 Column" style="opacity: 1; z-index: 1;">
    <div class="dt_module_controls">
        <span class="dt_module_name dt_column_name" style="opacity: 1;">1/4 Column</span>
        <span class="dt_move"></span>
        <div class="dt_module_options">
            <span class="dt_delete_column" title="Delete" style="display: block;"></span>
            <span class="dt_clone_column" title="Clone" style="display: block;"></span>
            <span class="dt_settings_arrow_column" title="Settings" style="display: block;"></span>
        </div>
        <div class="dt_columndata_settings">
            <div id="column_data"></div>
        </div>
    </div>
    <div class="dt_modules_holder dt_modules_container ui-droppable ui-sortable">
        <div class="dt_module dt_m_button dt_module_general  dt_first ui-sortable-handle" data-name="button" data-placeholder="Button" style="opacity: 1;"><span class="ico-button dt_icon"></span>
            <span class="dt_module_name">Button</span>
            <div class="dt_module_options"><span class="dt_move" style="display: block;"></span><span class="dt_showorhide dt_show" title="Show" style="display: block;"></span>
                <span class="dt_delete" title="Delete" style="display: block;"></span>
                <span class="dt_clone_module" title="Clone" style="display: block;"></span><span class="dt_settings_arrow_module" title="Settings" style="display: block;"></span></div>
            <div class="dt_preview"></div>
            <div class="dt_module_settings">
                <div data-option_name="type" class="type dt_module_setting">type1</div>
                <div data-option_name="iconstyle" class="iconstyle dt_module_setting">no-icon</div>
                <div data-option_name="icon" class="icon dt_module_setting"></div>
                <div data-option_name="link" class="link dt_module_setting">#</div>
                <div data-option_name="size" class="size dt_module_setting">medium</div>
                <div data-option_name="bgcolor" class="bgcolor dt_module_setting"></div>
                <div data-option_name="variation" class="variation dt_module_setting">blue</div>
                <div data-option_name="textcolor" class="textcolor dt_module_setting"></div>
                <div data-option_name="target" class="target dt_module_setting">_blank</div>
                <div data-option_name="class" class="class dt_module_setting"></div>
                <div data-option_name="button_content" class="button_content dt_module_setting dtthemes_module_content">I am a Button</div>
            </div>
        </div>
        <div class="dt_module dt_m_clear dt_module_others dt_disable_resize  dt_first ui-sortable-handle" data-name="clear" data-placeholder="Clear" style="opacity: 1;"><span class="ico-divider dt_icon"></span>
            <span class="dt_module_name">Clear</span>
            <div class="dt_module_options"><span class="dt_showorhide dt_show" title="Show" style="display: block;"></span>
                <span class="dt_delete" title="Delete" style="display: block;"></span>
                <span class="dt_clone_module" title="Clone" style="display: block;"></span></div>
            <div class="dt_preview"></div>
            <div class="dt_module_settings"></div>
        </div>
        <div class="dt_module dt_m_button dt_module_general  dt_first ui-sortable-handle" data-name="button" data-placeholder="Button" style="opacity: 1;"><span class="ico-button dt_icon"></span>
            <span class="dt_module_name">Button</span>
            <div class="dt_module_options"><span class="dt_move" style="display: block;"></span><span class="dt_showorhide dt_show" title="Show" style="display: block;"></span>
                <span class="dt_delete" title="Delete" style="display: block;"></span>
                <span class="dt_clone_module" title="Clone" style="display: block;"></span><span class="dt_settings_arrow_module" title="Settings" style="display: block;"></span></div>
            <div class="dt_preview"></div>
            <div class="dt_module_settings">
                <div data-option_name="type" class="type dt_module_setting">type1</div>
                <div data-option_name="iconstyle" class="iconstyle dt_module_setting">no-icon</div>
                <div data-option_name="icon" class="icon dt_module_setting"></div>
                <div data-option_name="link" class="link dt_module_setting">#</div>
                <div data-option_name="size" class="size dt_module_setting">medium</div>
                <div data-option_name="bgcolor" class="bgcolor dt_module_setting"></div>
                <div data-option_name="variation" class="variation dt_module_setting">chocolate</div>
                <div data-option_name="textcolor" class="textcolor dt_module_setting"></div>
                <div data-option_name="target" class="target dt_module_setting">_blank</div>
                <div data-option_name="class" class="class dt_module_setting"></div>
                <div data-option_name="button_content" class="button_content dt_module_setting dtthemes_module_content">I am a Button</div>
            </div>
        </div>
        <div class="dt_module dt_m_clear dt_module_others dt_disable_resize dt_first ui-sortable-handle" data-name="clear" data-placeholder="Clear" style="opacity: 1;"><span class="ico-divider dt_icon"></span>
            <span class="dt_module_name">Clear</span>
            <div class="dt_module_options"><span class="dt_showorhide dt_show" title="Show" style="display: block;"></span>
                <span class="dt_delete" title="Delete" style="display: block;"></span>
                <span class="dt_clone_module" title="Clone" style="display: block;"></span></div>
            <div class="dt_preview"></div>
            <div class="dt_module_settings"></div>
        </div>
        <div class="dt_module dt_m_button dt_module_general  ui-resizable dt_first ui-sortable-handle" data-name="button" data-placeholder="Button" style="opacity: 1;"><span class="ico-button dt_icon"></span>
            <span class="dt_module_name">Button</span>
            <div class="dt_module_options"><span class="dt_move" style="display: block;"></span><span class="dt_showorhide dt_show" title="Show" style="display: block;"></span>
                <span class="dt_delete" title="Delete" style="display: block;"></span>
                <span class="dt_clone_module" title="Clone" style="display: block;"></span><span class="dt_settings_arrow_module" title="Settings" style="display: block;"></span></div>
            <div class="dt_preview"></div>
            <div class="dt_module_settings">
                <div data-option_name="type" class="type dt_module_setting">type1</div>
                <div data-option_name="iconstyle" class="iconstyle dt_module_setting">no-icon</div>
                <div data-option_name="icon" class="icon dt_module_setting"></div>
                <div data-option_name="link" class="link dt_module_setting">#</div>
                <div data-option_name="size" class="size dt_module_setting">medium</div>
                <div data-option_name="bgcolor" class="bgcolor dt_module_setting"></div>
                <div data-option_name="variation" class="variation dt_module_setting">crimson</div>
                <div data-option_name="textcolor" class="textcolor dt_module_setting"></div>
                <div data-option_name="target" class="target dt_module_setting">_blank</div>
                <div data-option_name="class" class="class dt_module_setting"></div>
                <div data-option_name="button_content" class="button_content dt_module_setting dtthemes_module_content">I am a Button</div>
            </div>
        </div>
        <div class="dt_module dt_m_clear dt_module_others dt_disable_resize dt_first ui-sortable-handle" data-name="clear" data-placeholder="Clear" style="opacity: 1;"><span class="ico-divider dt_icon"></span>
            <span class="dt_module_name">Clear</span>
            <div class="dt_module_options"><span class="dt_showorhide dt_show" title="Show" style="display: block;"></span>
                <span class="dt_delete" title="Delete" style="display: block;"></span>
                <span class="dt_clone_module" title="Clone" style="display: block;"></span></div>
            <div class="dt_preview"></div>
            <div class="dt_module_settings"></div>
        </div>
        <div class="dt_module dt_m_button dt_module_general  ui-resizable dt_first ui-sortable-handle" data-name="button" data-placeholder="Button" style="opacity: 1;"><span class="ico-button dt_icon"></span>
            <span class="dt_module_name">Button</span>
            <div class="dt_module_options"><span class="dt_move" style="display: block;"></span><span class="dt_showorhide dt_show" title="Show" style="display: block;"></span>
                <span class="dt_delete" title="Delete" style="display: block;"></span>
                <span class="dt_clone_module" title="Clone" style="display: block;"></span><span class="dt_settings_arrow_module" title="Settings" style="display: block;"></span></div>
            <div class="dt_preview"></div>
            <div class="dt_module_settings">
                <div data-option_name="type" class="type dt_module_setting">type1</div>
                <div data-option_name="iconstyle" class="iconstyle dt_module_setting">no-icon</div>
                <div data-option_name="icon" class="icon dt_module_setting"></div>
                <div data-option_name="link" class="link dt_module_setting">#</div>
                <div data-option_name="size" class="size dt_module_setting">medium</div>
                <div data-option_name="bgcolor" class="bgcolor dt_module_setting"></div>
                <div data-option_name="variation" class="variation dt_module_setting">cyan</div>
                <div data-option_name="textcolor" class="textcolor dt_module_setting"></div>
                <div data-option_name="target" class="target dt_module_setting">_blank</div>
                <div data-option_name="class" class="class dt_module_setting"></div>
                <div data-option_name="button_content" class="button_content dt_module_setting dtthemes_module_content">I am a Button</div>
            </div>
        </div>
        <div class="dt_module dt_m_clear dt_module_others dt_disable_resize dt_first ui-sortable-handle" data-name="clear" data-placeholder="Clear" style="opacity: 1;"><span class="ico-divider dt_icon"></span>
            <span class="dt_module_name">Clear</span>
            <div class="dt_module_options"><span class="dt_showorhide dt_show" title="Show" style="display: block;"></span>
                <span class="dt_delete" title="Delete" style="display: block;"></span>
                <span class="dt_clone_module" title="Clone" style="display: block;"></span></div>
            <div class="dt_preview"></div>
            <div class="dt_module_settings"></div>
        </div>
        <div class="dt_module dt_m_button dt_module_general  ui-resizable dt_first ui-sortable-handle" data-name="button" data-placeholder="Button" style="opacity: 1;"><span class="ico-button dt_icon"></span>
            <span class="dt_module_name">Button</span>
            <div class="dt_module_options"><span class="dt_move" style="display: block;"></span><span class="dt_showorhide dt_show" title="Show" style="display: block;"></span>
                <span class="dt_delete" title="Delete" style="display: block;"></span>
                <span class="dt_clone_module" title="Clone" style="display: block;"></span><span class="dt_settings_arrow_module" title="Settings" style="display: block;"></span></div>
            <div class="dt_preview"></div>
            <div class="dt_module_settings">
                <div data-option_name="type" class="type dt_module_setting">type1</div>
                <div data-option_name="iconstyle" class="iconstyle dt_module_setting">no-icon</div>
                <div data-option_name="icon" class="icon dt_module_setting"></div>
                <div data-option_name="link" class="link dt_module_setting">#</div>
                <div data-option_name="size" class="size dt_module_setting">medium</div>
                <div data-option_name="bgcolor" class="bgcolor dt_module_setting"></div>
                <div data-option_name="variation" class="variation dt_module_setting">electricblue</div>
                <div data-option_name="textcolor" class="textcolor dt_module_setting"></div>
                <div data-option_name="target" class="target dt_module_setting">_blank</div>
                <div data-option_name="class" class="class dt_module_setting"></div>
                <div data-option_name="button_content" class="button_content dt_module_setting dtthemes_module_content">I am a Button</div>
            </div>
        </div>
        <div class="dt_module dt_m_clear dt_module_others dt_disable_resize dt_first ui-sortable-handle" data-name="clear" data-placeholder="Clear" style="opacity: 1;"><span class="ico-divider dt_icon"></span>
            <span class="dt_module_name">Clear</span>
            <div class="dt_module_options"><span class="dt_showorhide dt_show" title="Show" style="display: block;"></span>
                <span class="dt_delete" title="Delete" style="display: block;"></span>
                <span class="dt_clone_module" title="Clone" style="display: block;"></span></div>
            <div class="dt_preview"></div>
            <div class="dt_module_settings"></div>
        </div>
    </div>
    <div class="dt_show_modules_in_popup dt_popup_from_column" title="Add Module" style="display: inline-block;"></div>
</div>
<div class="dt_module dt_m_column dt_disable_resize dt_m_column_one_fourth dt_m_column_has_modules ui-sortable-handle" data-name="one_fourth" data-placeholder="1/4 Column" style="opacity: 1; z-index: 1;">
    <div class="dt_module_controls">
        <span class="dt_module_name dt_column_name" style="opacity: 1;">1/4 Column</span>
        <span class="dt_move"></span>
        <div class="dt_module_options">
            <span class="dt_delete_column" title="Delete" style="display: block;"></span>
            <span class="dt_clone_column" title="Clone" style="display: block;"></span>
            <span class="dt_settings_arrow_column" title="Settings" style="display: block;"></span>
        </div>
        <div class="dt_columndata_settings">
            <div id="column_data"></div>
        </div>
    </div>
    <div class="dt_modules_holder dt_modules_container ui-droppable ui-sortable">
        <div class="dt_module dt_m_button dt_module_general  dt_first ui-sortable-handle" data-name="button" data-placeholder="Button" style="opacity: 1;"><span class="ico-button dt_icon"></span>
            <span class="dt_module_name">Button</span>
            <div class="dt_module_options"><span class="dt_move" style="display: block;"></span><span class="dt_showorhide dt_show" title="Show" style="display: block;"></span>
                <span class="dt_delete" title="Delete" style="display: block;"></span>
                <span class="dt_clone_module" title="Clone" style="display: block;"></span><span class="dt_settings_arrow_module" title="Settings" style="display: block;"></span></div>
            <div class="dt_preview"></div>
            <div class="dt_module_settings">
                <div data-option_name="type" class="type dt_module_setting">type1</div>
                <div data-option_name="iconstyle" class="iconstyle dt_module_setting">no-icon</div>
                <div data-option_name="icon" class="icon dt_module_setting"></div>
                <div data-option_name="link" class="link dt_module_setting">#</div>
                <div data-option_name="size" class="size dt_module_setting">medium</div>
                <div data-option_name="bgcolor" class="bgcolor dt_module_setting"></div>
                <div data-option_name="variation" class="variation dt_module_setting">ferngreen</div>
                <div data-option_name="textcolor" class="textcolor dt_module_setting"></div>
                <div data-option_name="target" class="target dt_module_setting">_blank</div>
                <div data-option_name="class" class="class dt_module_setting"></div>
                <div data-option_name="button_content" class="button_content dt_module_setting dtthemes_module_content">I am a Button</div>
            </div>
        </div>
        <div class="dt_module dt_m_clear dt_module_others dt_disable_resize  dt_first ui-sortable-handle" data-name="clear" data-placeholder="Clear" style="opacity: 1;"><span class="ico-divider dt_icon"></span>
            <span class="dt_module_name">Clear</span>
            <div class="dt_module_options"><span class="dt_showorhide dt_show" title="Show" style="display: block;"></span>
                <span class="dt_delete" title="Delete" style="display: block;"></span>
                <span class="dt_clone_module" title="Clone" style="display: block;"></span></div>
            <div class="dt_preview"></div>
            <div class="dt_module_settings"></div>
        </div>
        <div class="dt_module dt_m_button dt_module_general  dt_first ui-sortable-handle" data-name="button" data-placeholder="Button" style="opacity: 1;"><span class="ico-button dt_icon"></span>
            <span class="dt_module_name">Button</span>
            <div class="dt_module_options"><span class="dt_move" style="display: block;"></span><span class="dt_showorhide dt_show" title="Show" style="display: block;"></span>
                <span class="dt_delete" title="Delete" style="display: block;"></span>
                <span class="dt_clone_module" title="Clone" style="display: block;"></span><span class="dt_settings_arrow_module" title="Settings" style="display: block;"></span></div>
            <div class="dt_preview"></div>
            <div class="dt_module_settings">
                <div data-option_name="type" class="type dt_module_setting">type1</div>
                <div data-option_name="iconstyle" class="iconstyle dt_module_setting">no-icon</div>
                <div data-option_name="icon" class="icon dt_module_setting"></div>
                <div data-option_name="link" class="link dt_module_setting">#</div>
                <div data-option_name="size" class="size dt_module_setting">medium</div>
                <div data-option_name="bgcolor" class="bgcolor dt_module_setting"></div>
                <div data-option_name="variation" class="variation dt_module_setting">light-red</div>
                <div data-option_name="textcolor" class="textcolor dt_module_setting"></div>
                <div data-option_name="target" class="target dt_module_setting">_blank</div>
                <div data-option_name="class" class="class dt_module_setting"></div>
                <div data-option_name="button_content" class="button_content dt_module_setting dtthemes_module_content">I am a Button</div>
            </div>
        </div>
        <div class="dt_module dt_m_clear dt_module_others dt_disable_resize dt_first ui-sortable-handle" data-name="clear" data-placeholder="Clear" style="opacity: 1;"><span class="ico-divider dt_icon"></span>
            <span class="dt_module_name">Clear</span>
            <div class="dt_module_options"><span class="dt_showorhide dt_show" title="Show" style="display: block;"></span>
                <span class="dt_delete" title="Delete" style="display: block;"></span>
                <span class="dt_clone_module" title="Clone" style="display: block;"></span></div>
            <div class="dt_preview"></div>
            <div class="dt_module_settings"></div>
        </div>
        <div class="dt_module dt_m_button dt_module_general  ui-resizable dt_first ui-sortable-handle" data-name="button" data-placeholder="Button" style="opacity: 1;"><span class="ico-button dt_icon"></span>
            <span class="dt_module_name">Button</span>
            <div class="dt_module_options"><span class="dt_move" style="display: block;"></span><span class="dt_showorhide dt_show" title="Show" style="display: block;"></span>
                <span class="dt_delete" title="Delete" style="display: block;"></span>
                <span class="dt_clone_module" title="Clone" style="display: block;"></span><span class="dt_settings_arrow_module" title="Settings" style="display: block;"></span></div>
            <div class="dt_preview"></div>
            <div class="dt_module_settings">
                <div data-option_name="type" class="type dt_module_setting">type1</div>
                <div data-option_name="iconstyle" class="iconstyle dt_module_setting">no-icon</div>
                <div data-option_name="icon" class="icon dt_module_setting"></div>
                <div data-option_name="link" class="link dt_module_setting">#</div>
                <div data-option_name="size" class="size dt_module_setting">medium</div>
                <div data-option_name="bgcolor" class="bgcolor dt_module_setting"></div>
                <div data-option_name="variation" class="variation dt_module_setting">gold</div>
                <div data-option_name="textcolor" class="textcolor dt_module_setting"></div>
                <div data-option_name="target" class="target dt_module_setting">_blank</div>
                <div data-option_name="class" class="class dt_module_setting"></div>
                <div data-option_name="button_content" class="button_content dt_module_setting dtthemes_module_content">I am a Button</div>
            </div>
        </div>
        <div class="dt_module dt_m_clear dt_module_others dt_disable_resize dt_first ui-sortable-handle" data-name="clear" data-placeholder="Clear" style="opacity: 1;"><span class="ico-divider dt_icon"></span>
            <span class="dt_module_name">Clear</span>
            <div class="dt_module_options"><span class="dt_showorhide dt_show" title="Show" style="display: block;"></span>
                <span class="dt_delete" title="Delete" style="display: block;"></span>
                <span class="dt_clone_module" title="Clone" style="display: block;"></span></div>
            <div class="dt_preview"></div>
            <div class="dt_module_settings"></div>
        </div>
        <div class="dt_module dt_m_button dt_module_general  ui-resizable dt_first ui-sortable-handle" data-name="button" data-placeholder="Button" style="opacity: 1;"><span class="ico-button dt_icon"></span>
            <span class="dt_module_name">Button</span>
            <div class="dt_module_options"><span class="dt_move" style="display: block;"></span><span class="dt_showorhide dt_show" title="Show" style="display: block;"></span>
                <span class="dt_delete" title="Delete" style="display: block;"></span>
                <span class="dt_clone_module" title="Clone" style="display: block;"></span><span class="dt_settings_arrow_module" title="Settings" style="display: block;"></span></div>
            <div class="dt_preview"></div>
            <div class="dt_module_settings">
                <div data-option_name="type" class="type dt_module_setting">type1</div>
                <div data-option_name="iconstyle" class="iconstyle dt_module_setting">no-icon</div>
                <div data-option_name="icon" class="icon dt_module_setting"></div>
                <div data-option_name="link" class="link dt_module_setting">#</div>
                <div data-option_name="size" class="size dt_module_setting">medium</div>
                <div data-option_name="bgcolor" class="bgcolor dt_module_setting"></div>
                <div data-option_name="variation" class="variation dt_module_setting">green</div>
                <div data-option_name="textcolor" class="textcolor dt_module_setting"></div>
                <div data-option_name="target" class="target dt_module_setting">_blank</div>
                <div data-option_name="class" class="class dt_module_setting"></div>
                <div data-option_name="button_content" class="button_content dt_module_setting dtthemes_module_content">I am a Button</div>
            </div>
        </div>
        <div class="dt_module dt_m_clear dt_module_others dt_disable_resize dt_first ui-sortable-handle" data-name="clear" data-placeholder="Clear" style="opacity: 1;"><span class="ico-divider dt_icon"></span>
            <span class="dt_module_name">Clear</span>
            <div class="dt_module_options"><span class="dt_showorhide dt_show" title="Show" style="display: block;"></span>
                <span class="dt_delete" title="Delete" style="display: block;"></span>
                <span class="dt_clone_module" title="Clone" style="display: block;"></span></div>
            <div class="dt_preview"></div>
            <div class="dt_module_settings"></div>
        </div>
        <div class="dt_module dt_m_button dt_module_general  ui-resizable dt_first ui-sortable-handle" data-name="button" data-placeholder="Button" style="opacity: 1;"><span class="ico-button dt_icon"></span>
            <span class="dt_module_name">Button</span>
            <div class="dt_module_options"><span class="dt_move" style="display: block;"></span><span class="dt_showorhide dt_show" title="Show" style="display: block;"></span>
                <span class="dt_delete" title="Delete" style="display: block;"></span>
                <span class="dt_clone_module" title="Clone" style="display: block;"></span><span class="dt_settings_arrow_module" title="Settings" style="display: block;"></span></div>
            <div class="dt_preview"></div>
            <div class="dt_module_settings">
                <div data-option_name="type" class="type dt_module_setting">type1</div>
                <div data-option_name="iconstyle" class="iconstyle dt_module_setting">no-icon</div>
                <div data-option_name="icon" class="icon dt_module_setting"></div>
                <div data-option_name="link" class="link dt_module_setting">#</div>
                <div data-option_name="size" class="size dt_module_setting">medium</div>
                <div data-option_name="bgcolor" class="bgcolor dt_module_setting"></div>
                <div data-option_name="variation" class="variation dt_module_setting">grey</div>
                <div data-option_name="textcolor" class="textcolor dt_module_setting"></div>
                <div data-option_name="target" class="target dt_module_setting">_blank</div>
                <div data-option_name="class" class="class dt_module_setting"></div>
                <div data-option_name="button_content" class="button_content dt_module_setting dtthemes_module_content">I am a Button</div>
            </div>
        </div>
        <div class="dt_module dt_m_clear dt_module_others dt_disable_resize dt_first ui-sortable-handle" data-name="clear" data-placeholder="Clear" style="opacity: 1;"><span class="ico-divider dt_icon"></span>
            <span class="dt_module_name">Clear</span>
            <div class="dt_module_options"><span class="dt_showorhide dt_show" title="Show" style="display: block;"></span>
                <span class="dt_delete" title="Delete" style="display: block;"></span>
                <span class="dt_clone_module" title="Clone" style="display: block;"></span></div>
            <div class="dt_preview"></div>
            <div class="dt_module_settings"></div>
        </div>
    </div>
    <div class="dt_show_modules_in_popup dt_popup_from_column" title="Add Module" style="display: inline-block;"></div>
</div>
<div class="dt_module dt_m_column dt_disable_resize dt_m_column_one_fourth dt_m_column_has_modules ui-sortable-handle" data-name="one_fourth" data-placeholder="1/4 Column" style="opacity: 1; z-index: 1;">
    <div class="dt_module_controls">
        <span class="dt_module_name dt_column_name" style="opacity: 1;">1/4 Column</span>
        <span class="dt_move"></span>
        <div class="dt_module_options">
            <span class="dt_delete_column" title="Delete" style="display: block;"></span>
            <span class="dt_clone_column" title="Clone" style="display: block;"></span>
            <span class="dt_settings_arrow_column" title="Settings" style="display: block;"></span>
        </div>
        <div class="dt_columndata_settings">
            <div id="column_data"></div>
        </div>
    </div>
    <div class="dt_modules_holder dt_modules_container ui-droppable ui-sortable">
        <div class="dt_module dt_m_button dt_module_general  dt_first ui-sortable-handle" data-name="button" data-placeholder="Button" style="opacity: 1;"><span class="ico-button dt_icon"></span>
            <span class="dt_module_name">Button</span>
            <div class="dt_module_options"><span class="dt_move" style="display: block;"></span><span class="dt_showorhide dt_show" title="Show" style="display: block;"></span>
                <span class="dt_delete" title="Delete" style="display: block;"></span>
                <span class="dt_clone_module" title="Clone" style="display: block;"></span><span class="dt_settings_arrow_module" title="Settings" style="display: block;"></span></div>
            <div class="dt_preview"></div>
            <div class="dt_module_settings">
                <div data-option_name="type" class="type dt_module_setting">type1</div>
                <div data-option_name="iconstyle" class="iconstyle dt_module_setting">no-icon</div>
                <div data-option_name="icon" class="icon dt_module_setting"></div>
                <div data-option_name="link" class="link dt_module_setting">#</div>
                <div data-option_name="size" class="size dt_module_setting">medium</div>
                <div data-option_name="bgcolor" class="bgcolor dt_module_setting"></div>
                <div data-option_name="variation" class="variation dt_module_setting">ocean</div>
                <div data-option_name="textcolor" class="textcolor dt_module_setting"></div>
                <div data-option_name="target" class="target dt_module_setting">_blank</div>
                <div data-option_name="class" class="class dt_module_setting"></div>
                <div data-option_name="button_content" class="button_content dt_module_setting dtthemes_module_content">I am a Button</div>
            </div>
        </div>
        <div class="dt_module dt_m_clear dt_module_others dt_disable_resize  dt_first ui-sortable-handle" data-name="clear" data-placeholder="Clear" style="opacity: 1;"><span class="ico-divider dt_icon"></span>
            <span class="dt_module_name">Clear</span>
            <div class="dt_module_options"><span class="dt_showorhide dt_show" title="Show" style="display: block;"></span>
                <span class="dt_delete" title="Delete" style="display: block;"></span>
                <span class="dt_clone_module" title="Clone" style="display: block;"></span></div>
            <div class="dt_preview"></div>
            <div class="dt_module_settings"></div>
        </div>
        <div class="dt_module dt_m_button dt_module_general  dt_first ui-sortable-handle" data-name="button" data-placeholder="Button" style="opacity: 1;"><span class="ico-button dt_icon"></span>
            <span class="dt_module_name">Button</span>
            <div class="dt_module_options"><span class="dt_move" style="display: block;"></span><span class="dt_showorhide dt_show" title="Show" style="display: block;"></span>
                <span class="dt_delete" title="Delete" style="display: block;"></span>
                <span class="dt_clone_module" title="Clone" style="display: block;"></span><span class="dt_settings_arrow_module" title="Settings" style="display: block;"></span></div>
            <div class="dt_preview"></div>
            <div class="dt_module_settings">
                <div data-option_name="type" class="type dt_module_setting">type1</div>
                <div data-option_name="iconstyle" class="iconstyle dt_module_setting">no-icon</div>
                <div data-option_name="icon" class="icon dt_module_setting"></div>
                <div data-option_name="link" class="link dt_module_setting">#</div>
                <div data-option_name="size" class="size dt_module_setting">medium</div>
                <div data-option_name="bgcolor" class="bgcolor dt_module_setting"></div>
                <div data-option_name="variation" class="variation dt_module_setting">orange</div>
                <div data-option_name="textcolor" class="textcolor dt_module_setting"></div>
                <div data-option_name="target" class="target dt_module_setting">_blank</div>
                <div data-option_name="class" class="class dt_module_setting"></div>
                <div data-option_name="button_content" class="button_content dt_module_setting dtthemes_module_content">I am a Button</div>
            </div>
        </div>
        <div class="dt_module dt_m_clear dt_module_others dt_disable_resize dt_first ui-sortable-handle" data-name="clear" data-placeholder="Clear" style="opacity: 1;"><span class="ico-divider dt_icon"></span>
            <span class="dt_module_name">Clear</span>
            <div class="dt_module_options"><span class="dt_showorhide dt_show" title="Show" style="display: block;"></span>
                <span class="dt_delete" title="Delete" style="display: block;"></span>
                <span class="dt_clone_module" title="Clone" style="display: block;"></span></div>
            <div class="dt_preview"></div>
            <div class="dt_module_settings"></div>
        </div>
        <div class="dt_module dt_m_button dt_module_general  ui-resizable dt_first ui-sortable-handle" data-name="button" data-placeholder="Button" style="opacity: 1;"><span class="ico-button dt_icon"></span>
            <span class="dt_module_name">Button</span>
            <div class="dt_module_options"><span class="dt_move" style="display: block;"></span><span class="dt_showorhide dt_show" title="Show" style="display: block;"></span>
                <span class="dt_delete" title="Delete" style="display: block;"></span>
                <span class="dt_clone_module" title="Clone" style="display: block;"></span><span class="dt_settings_arrow_module" title="Settings" style="display: block;"></span></div>
            <div class="dt_preview"></div>
            <div class="dt_module_settings">
                <div data-option_name="type" class="type dt_module_setting">type1</div>
                <div data-option_name="iconstyle" class="iconstyle dt_module_setting">no-icon</div>
                <div data-option_name="icon" class="icon dt_module_setting"></div>
                <div data-option_name="link" class="link dt_module_setting">#</div>
                <div data-option_name="size" class="size dt_module_setting">medium</div>
                <div data-option_name="bgcolor" class="bgcolor dt_module_setting"></div>
                <div data-option_name="variation" class="variation dt_module_setting">palebrown</div>
                <div data-option_name="textcolor" class="textcolor dt_module_setting"></div>
                <div data-option_name="target" class="target dt_module_setting">_blank</div>
                <div data-option_name="class" class="class dt_module_setting"></div>
                <div data-option_name="button_content" class="button_content dt_module_setting dtthemes_module_content">I am a Button</div>
            </div>
        </div>
        <div class="dt_module dt_m_clear dt_module_others dt_disable_resize dt_first ui-sortable-handle" data-name="clear" data-placeholder="Clear" style="opacity: 1;"><span class="ico-divider dt_icon"></span>
            <span class="dt_module_name">Clear</span>
            <div class="dt_module_options"><span class="dt_showorhide dt_show" title="Show" style="display: block;"></span>
                <span class="dt_delete" title="Delete" style="display: block;"></span>
                <span class="dt_clone_module" title="Clone" style="display: block;"></span></div>
            <div class="dt_preview"></div>
            <div class="dt_module_settings"></div>
        </div>
        <div class="dt_module dt_m_button dt_module_general  ui-resizable dt_first ui-sortable-handle" data-name="button" data-placeholder="Button" style="opacity: 1;"><span class="ico-button dt_icon"></span>
            <span class="dt_module_name">Button</span>
            <div class="dt_module_options"><span class="dt_move" style="display: block;"></span><span class="dt_showorhide dt_show" title="Show" style="display: block;"></span>
                <span class="dt_delete" title="Delete" style="display: block;"></span>
                <span class="dt_clone_module" title="Clone" style="display: block;"></span><span class="dt_settings_arrow_module" title="Settings" style="display: block;"></span></div>
            <div class="dt_preview"></div>
            <div class="dt_module_settings">
                <div data-option_name="type" class="type dt_module_setting">type1</div>
                <div data-option_name="iconstyle" class="iconstyle dt_module_setting">no-icon</div>
                <div data-option_name="icon" class="icon dt_module_setting"></div>
                <div data-option_name="link" class="link dt_module_setting">#</div>
                <div data-option_name="size" class="size dt_module_setting">medium</div>
                <div data-option_name="bgcolor" class="bgcolor dt_module_setting"></div>
                <div data-option_name="variation" class="variation dt_module_setting">pink</div>
                <div data-option_name="textcolor" class="textcolor dt_module_setting"></div>
                <div data-option_name="target" class="target dt_module_setting">_blank</div>
                <div data-option_name="class" class="class dt_module_setting"></div>
                <div data-option_name="button_content" class="button_content dt_module_setting dtthemes_module_content">I am a Button</div>
            </div>
        </div>
        <div class="dt_module dt_m_clear dt_module_others dt_disable_resize dt_first ui-sortable-handle" data-name="clear" data-placeholder="Clear" style="opacity: 1;"><span class="ico-divider dt_icon"></span>
            <span class="dt_module_name">Clear</span>
            <div class="dt_module_options"><span class="dt_showorhide dt_show" title="Show" style="display: block;"></span>
                <span class="dt_delete" title="Delete" style="display: block;"></span>
                <span class="dt_clone_module" title="Clone" style="display: block;"></span></div>
            <div class="dt_preview"></div>
            <div class="dt_module_settings"></div>
        </div>
        <div class="dt_module dt_m_button dt_module_general  ui-resizable dt_first ui-sortable-handle" data-name="button" data-placeholder="Button" style="opacity: 1;"><span class="ico-button dt_icon"></span>
            <span class="dt_module_name">Button</span>
            <div class="dt_module_options"><span class="dt_move" style="display: block;"></span><span class="dt_showorhide dt_show" title="Show" style="display: block;"></span>
                <span class="dt_delete" title="Delete" style="display: block;"></span>
                <span class="dt_clone_module" title="Clone" style="display: block;"></span><span class="dt_settings_arrow_module" title="Settings" style="display: block;"></span></div>
            <div class="dt_preview"></div>
            <div class="dt_module_settings">
                <div data-option_name="type" class="type dt_module_setting">type1</div>
                <div data-option_name="iconstyle" class="iconstyle dt_module_setting">no-icon</div>
                <div data-option_name="icon" class="icon dt_module_setting"></div>
                <div data-option_name="link" class="link dt_module_setting">#</div>
                <div data-option_name="size" class="size dt_module_setting">medium</div>
                <div data-option_name="bgcolor" class="bgcolor dt_module_setting"></div>
                <div data-option_name="variation" class="variation dt_module_setting">purple</div>
                <div data-option_name="textcolor" class="textcolor dt_module_setting"></div>
                <div data-option_name="target" class="target dt_module_setting">_blank</div>
                <div data-option_name="class" class="class dt_module_setting"></div>
                <div data-option_name="button_content" class="button_content dt_module_setting dtthemes_module_content">I am a Button</div>
            </div>
        </div>
        <div class="dt_module dt_m_clear dt_module_others dt_disable_resize dt_first ui-sortable-handle" data-name="clear" data-placeholder="Clear" style="opacity: 1;"><span class="ico-divider dt_icon"></span>
            <span class="dt_module_name">Clear</span>
            <div class="dt_module_options"><span class="dt_showorhide dt_show" title="Show" style="display: block;"></span>
                <span class="dt_delete" title="Delete" style="display: block;"></span>
                <span class="dt_clone_module" title="Clone" style="display: block;"></span></div>
            <div class="dt_preview"></div>
            <div class="dt_module_settings"></div>
        </div>
    </div>
    <div class="dt_show_modules_in_popup dt_popup_from_column" title="Add Module" style="display: inline-block;"></div>
</div>
<div class="dt_module dt_m_column dt_disable_resize dt_m_column_one_fourth dt_m_column_has_modules ui-sortable-handle" data-name="one_fourth" data-placeholder="1/4 Column" style="opacity: 1; z-index: 1;">
    <div class="dt_module_controls">
        <span class="dt_module_name dt_column_name" style="opacity: 1;">1/4 Column</span>
        <span class="dt_move"></span>
        <div class="dt_module_options">
            <span class="dt_delete_column" title="Delete" style="display: block;"></span>
            <span class="dt_clone_column" title="Clone" style="display: block;"></span>
            <span class="dt_settings_arrow_column" title="Settings" style="display: block;"></span>
        </div>
        <div class="dt_columndata_settings">
            <div id="column_data"></div>
        </div>
    </div>
    <div class="dt_modules_holder dt_modules_container ui-droppable ui-sortable">
        <div class="dt_module dt_m_button dt_module_general  dt_first ui-sortable-handle" data-name="button" data-placeholder="Button" style="opacity: 1;"><span class="ico-button dt_icon"></span>
            <span class="dt_module_name">Button</span>
            <div class="dt_module_options"><span class="dt_move" style="display: block;"></span><span class="dt_showorhide dt_show" title="Show" style="display: block;"></span>
                <span class="dt_delete" title="Delete" style="display: block;"></span>
                <span class="dt_clone_module" title="Clone" style="display: block;"></span><span class="dt_settings_arrow_module" title="Settings" style="display: block;"></span></div>
            <div class="dt_preview"></div>
            <div class="dt_module_settings">
                <div data-option_name="type" class="type dt_module_setting">type1</div>
                <div data-option_name="iconstyle" class="iconstyle dt_module_setting">no-icon</div>
                <div data-option_name="icon" class="icon dt_module_setting"></div>
                <div data-option_name="link" class="link dt_module_setting">#</div>
                <div data-option_name="size" class="size dt_module_setting">medium</div>
                <div data-option_name="bgcolor" class="bgcolor dt_module_setting"></div>
                <div data-option_name="variation" class="variation dt_module_setting">raspberry</div>
                <div data-option_name="textcolor" class="textcolor dt_module_setting"></div>
                <div data-option_name="target" class="target dt_module_setting">_blank</div>
                <div data-option_name="class" class="class dt_module_setting"></div>
                <div data-option_name="button_content" class="button_content dt_module_setting dtthemes_module_content">I am a Button</div>
            </div>
        </div>
        <div class="dt_module dt_m_clear dt_module_others dt_disable_resize  dt_first ui-sortable-handle" data-name="clear" data-placeholder="Clear" style="opacity: 1;"><span class="ico-divider dt_icon"></span>
            <span class="dt_module_name">Clear</span>
            <div class="dt_module_options"><span class="dt_showorhide dt_show" title="Show" style="display: block;"></span>
                <span class="dt_delete" title="Delete" style="display: block;"></span>
                <span class="dt_clone_module" title="Clone" style="display: block;"></span></div>
            <div class="dt_preview"></div>
            <div class="dt_module_settings"></div>
        </div>
        <div class="dt_module dt_m_button dt_module_general  dt_first ui-sortable-handle" data-name="button" data-placeholder="Button" style="opacity: 1;"><span class="ico-button dt_icon"></span>
            <span class="dt_module_name">Button</span>
            <div class="dt_module_options"><span class="dt_move" style="display: block;"></span><span class="dt_showorhide dt_show" title="Show" style="display: block;"></span>
                <span class="dt_delete" title="Delete" style="display: block;"></span>
                <span class="dt_clone_module" title="Clone" style="display: block;"></span><span class="dt_settings_arrow_module" title="Settings" style="display: block;"></span></div>
            <div class="dt_preview"></div>
            <div class="dt_module_settings">
                <div data-option_name="type" class="type dt_module_setting">type1</div>
                <div data-option_name="iconstyle" class="iconstyle dt_module_setting">no-icon</div>
                <div data-option_name="icon" class="icon dt_module_setting"></div>
                <div data-option_name="link" class="link dt_module_setting">#</div>
                <div data-option_name="size" class="size dt_module_setting">medium</div>
                <div data-option_name="bgcolor" class="bgcolor dt_module_setting"></div>
                <div data-option_name="variation" class="variation dt_module_setting">red</div>
                <div data-option_name="textcolor" class="textcolor dt_module_setting"></div>
                <div data-option_name="target" class="target dt_module_setting">_blank</div>
                <div data-option_name="class" class="class dt_module_setting"></div>
                <div data-option_name="button_content" class="button_content dt_module_setting dtthemes_module_content">I am a Button</div>
            </div>
        </div>
        <div class="dt_module dt_m_clear dt_module_others dt_disable_resize dt_first ui-sortable-handle" data-name="clear" data-placeholder="Clear" style="opacity: 1;"><span class="ico-divider dt_icon"></span>
            <span class="dt_module_name">Clear</span>
            <div class="dt_module_options"><span class="dt_showorhide dt_show" title="Show" style="display: block;"></span>
                <span class="dt_delete" title="Delete" style="display: block;"></span>
                <span class="dt_clone_module" title="Clone" style="display: block;"></span></div>
            <div class="dt_preview"></div>
            <div class="dt_module_settings"></div>
        </div>
        <div class="dt_module dt_m_button dt_module_general  ui-resizable dt_first ui-sortable-handle" data-name="button" data-placeholder="Button" style="opacity: 1;"><span class="ico-button dt_icon"></span>
            <span class="dt_module_name">Button</span>
            <div class="dt_module_options"><span class="dt_move" style="display: block;"></span><span class="dt_showorhide dt_show" title="Show" style="display: block;"></span>
                <span class="dt_delete" title="Delete" style="display: block;"></span>
                <span class="dt_clone_module" title="Clone" style="display: block;"></span><span class="dt_settings_arrow_module" title="Settings" style="display: block;"></span></div>
            <div class="dt_preview"></div>
            <div class="dt_module_settings">
                <div data-option_name="type" class="type dt_module_setting">type1</div>
                <div data-option_name="iconstyle" class="iconstyle dt_module_setting">no-icon</div>
                <div data-option_name="icon" class="icon dt_module_setting"></div>
                <div data-option_name="link" class="link dt_module_setting">#</div>
                <div data-option_name="size" class="size dt_module_setting">medium</div>
                <div data-option_name="bgcolor" class="bgcolor dt_module_setting"></div>
                <div data-option_name="variation" class="variation dt_module_setting">skyblue</div>
                <div data-option_name="textcolor" class="textcolor dt_module_setting"></div>
                <div data-option_name="target" class="target dt_module_setting">_blank</div>
                <div data-option_name="class" class="class dt_module_setting"></div>
                <div data-option_name="button_content" class="button_content dt_module_setting dtthemes_module_content">I am a Button</div>
            </div>
        </div>
        <div class="dt_module dt_m_clear dt_module_others dt_disable_resize dt_first ui-sortable-handle" data-name="clear" data-placeholder="Clear" style="opacity: 1;"><span class="ico-divider dt_icon"></span>
            <span class="dt_module_name">Clear</span>
            <div class="dt_module_options"><span class="dt_showorhide dt_show" title="Show" style="display: block;"></span>
                <span class="dt_delete" title="Delete" style="display: block;"></span>
                <span class="dt_clone_module" title="Clone" style="display: block;"></span></div>
            <div class="dt_preview"></div>
            <div class="dt_module_settings"></div>
        </div>
        <div class="dt_module dt_m_button dt_module_general  ui-resizable dt_first ui-sortable-handle" data-name="button" data-placeholder="Button" style="opacity: 1;"><span class="ico-button dt_icon"></span>
            <span class="dt_module_name">Button</span>
            <div class="dt_module_options"><span class="dt_move" style="display: block;"></span><span class="dt_showorhide dt_show" title="Show" style="display: block;"></span>
                <span class="dt_delete" title="Delete" style="display: block;"></span>
                <span class="dt_clone_module" title="Clone" style="display: block;"></span><span class="dt_settings_arrow_module" title="Settings" style="display: block;"></span></div>
            <div class="dt_preview"></div>
            <div class="dt_module_settings">
                <div data-option_name="type" class="type dt_module_setting">type1</div>
                <div data-option_name="iconstyle" class="iconstyle dt_module_setting">no-icon</div>
                <div data-option_name="icon" class="icon dt_module_setting"></div>
                <div data-option_name="link" class="link dt_module_setting">#</div>
                <div data-option_name="size" class="size dt_module_setting">medium</div>
                <div data-option_name="bgcolor" class="bgcolor dt_module_setting"></div>
                <div data-option_name="variation" class="variation dt_module_setting">violet</div>
                <div data-option_name="textcolor" class="textcolor dt_module_setting"></div>
                <div data-option_name="target" class="target dt_module_setting">_blank</div>
                <div data-option_name="class" class="class dt_module_setting"></div>
                <div data-option_name="button_content" class="button_content dt_module_setting dtthemes_module_content">I am a Button</div>
            </div>
        </div>
        <div class="dt_module dt_m_clear dt_module_others dt_disable_resize dt_first ui-sortable-handle" data-name="clear" data-placeholder="Clear" style="opacity: 1;"><span class="ico-divider dt_icon"></span>
            <span class="dt_module_name">Clear</span>
            <div class="dt_module_options"><span class="dt_showorhide dt_show" title="Show" style="display: block;"></span>
                <span class="dt_delete" title="Delete" style="display: block;"></span>
                <span class="dt_clone_module" title="Clone" style="display: block;"></span></div>
            <div class="dt_preview"></div>
            <div class="dt_module_settings"></div>
        </div>
        <div class="dt_module dt_m_button dt_module_general  ui-resizable dt_first ui-sortable-handle" data-name="button" data-placeholder="Button" style="opacity: 1;"><span class="ico-button dt_icon"></span>
            <span class="dt_module_name">Button</span>
            <div class="dt_module_options"><span class="dt_move" style="display: block;"></span><span class="dt_showorhide dt_show" title="Show" style="display: block;"></span>
                <span class="dt_delete" title="Delete" style="display: block;"></span>
                <span class="dt_clone_module" title="Clone" style="display: block;"></span><span class="dt_settings_arrow_module" title="Settings" style="display: block;"></span></div>
            <div class="dt_preview"></div>
            <div class="dt_module_settings">
                <div data-option_name="type" class="type dt_module_setting">type1</div>
                <div data-option_name="iconstyle" class="iconstyle dt_module_setting">no-icon</div>
                <div data-option_name="icon" class="icon dt_module_setting"></div>
                <div data-option_name="link" class="link dt_module_setting">#</div>
                <div data-option_name="size" class="size dt_module_setting">medium</div>
                <div data-option_name="bgcolor" class="bgcolor dt_module_setting"></div>
                <div data-option_name="variation" class="variation dt_module_setting">yellow</div>
                <div data-option_name="textcolor" class="textcolor dt_module_setting"></div>
                <div data-option_name="target" class="target dt_module_setting">_blank</div>
                <div data-option_name="class" class="class dt_module_setting"></div>
                <div data-option_name="button_content" class="button_content dt_module_setting dtthemes_module_content">I am a Button</div>
            </div>
        </div>
        <div class="dt_module dt_m_clear dt_module_others dt_disable_resize dt_first ui-sortable-handle" data-name="clear" data-placeholder="Clear" style="opacity: 1;"><span class="ico-divider dt_icon"></span>
            <span class="dt_module_name">Clear</span>
            <div class="dt_module_options"><span class="dt_showorhide dt_show" title="Show" style="display: block;"></span>
                <span class="dt_delete" title="Delete" style="display: block;"></span>
                <span class="dt_clone_module" title="Clone" style="display: block;"></span></div>
            <div class="dt_preview"></div>
            <div class="dt_module_settings"></div>
        </div>
    </div>
    <div class="dt_show_modules_in_popup dt_popup_from_column" title="Add Module" style="display: inline-block;"></div>
</div>
<div class="dt_module dt_m_clear dt_module_others dt_disable_resize ui-sortable-handle dt_first" data-name="clear" data-placeholder="Clear" style="opacity: 1;"><span class="ico-divider dt_icon"></span>
    <span class="dt_module_name">Clear</span>
    <div class="dt_module_options"><span class="dt_showorhide dt_show" title="Show" style="display: block;"></span>
        <span class="dt_delete" title="Delete" style="display: block;"></span>
        <span class="dt_clone_module" title="Clone" style="display: block;"></span></div>
    <div class="dt_preview"></div>
    <div class="dt_module_settings"></div>
</div>
<div class="dt_module dt_m_hr_invisible dt_module_others dt_disable_resize ui-sortable-handle dt_first" data-name="hr_invisible" data-placeholder="Whitespace" style="opacity: 1;"><span class="ico-divider dt_icon"></span>
    <span class="dt_module_name">Whitespace</span>
    <div class="dt_module_options"><span class="dt_showorhide dt_show" title="Show" style="display: block;"></span>
        <span class="dt_delete" title="Delete" style="display: block;"></span>
        <span class="dt_clone_module" title="Clone" style="display: block;"></span></div>
    <div class="dt_preview"></div>
    <div class="dt_module_settings"></div>
</div>
<div class="dt_module dt_m_h3 dt_module_others ui-resizable ui-sortable-handle dt_first" data-name="h3" data-placeholder="H3" style="opacity: 1;"><span class="ico-headings dt_icon"></span>
    <span class="dt_module_name">H3</span>
    <div class="dt_module_options"><span class="dt_move" style="display: block;"></span><span class="dt_showorhide dt_show" title="Show" style="display: block;"></span>
        <span class="dt_delete" title="Delete" style="display: block;"></span>
        <span class="dt_clone_module" title="Clone" style="display: block;"></span><span class="dt_settings_arrow_module" title="Settings" style="display: block;"></span></div>
    <div class="dt_preview"><span class="title"></span></div>
    <div class="dt_module_settings">
        <div data-option_name="class" class="class dt_module_setting"></div>
        <div data-option_name="subtitle" class="subtitle dt_module_setting"></div>
        <div data-option_name="h3_content" class="h3_content dt_module_setting dtthemes_module_content">Buttons With Icon</div>
    </div>
    <div class="ui-resizable-handle ui-resizable-e" style="z-index: 90;"></div>
</div>
<div class="dt_module dt_m_column dt_disable_resize dt_m_column_one_fourth dt_m_column_has_modules ui-sortable-handle dt_first" data-name="one_fourth" data-placeholder="1/4 Column" style="opacity: 1; z-index: 1;">
    <div class="dt_module_controls">
        <span class="dt_module_name dt_column_name" style="opacity: 1;">1/4 Column</span>
        <span class="dt_move"></span>
        <div class="dt_module_options">
            <span class="dt_delete_column" title="Delete" style="display: block;"></span>
            <span class="dt_clone_column" title="Clone" style="display: block;"></span>
            <span class="dt_settings_arrow_column" title="Settings" style="display: block;"></span>
        </div>
        <div class="dt_columndata_settings">
            <div id="column_data"></div>
        </div>
    </div>
    <div class="dt_modules_holder dt_modules_container ui-droppable ui-sortable">
        <div class="dt_module dt_m_button dt_module_general  dt_first ui-sortable-handle" data-name="button" data-placeholder="Button" style="opacity: 1;"><span class="ico-button dt_icon"></span>
            <span class="dt_module_name">Button</span>
            <div class="dt_module_options"><span class="dt_move" style="display: block;"></span><span class="dt_showorhide dt_show" title="Show" style="display: block;"></span>
                <span class="dt_delete" title="Delete" style="display: block;"></span>
                <span class="dt_clone_module" title="Clone" style="display: block;"></span><span class="dt_settings_arrow_module" title="Settings" style="display: block;"></span></div>
            <div class="dt_preview"></div>
            <div class="dt_module_settings">
                <div data-option_name="type" class="type dt_module_setting">type1</div>
                <div data-option_name="iconstyle" class="iconstyle dt_module_setting">with-icon</div>
                <div data-option_name="icon" class="icon dt_module_setting">fa fa-smile-o</div>
                <div data-option_name="link" class="link dt_module_setting">#</div>
                <div data-option_name="size" class="size dt_module_setting">medium</div>
                <div data-option_name="bgcolor" class="bgcolor dt_module_setting"></div>
                <div data-option_name="variation" class="variation dt_module_setting">blue</div>
                <div data-option_name="textcolor" class="textcolor dt_module_setting"></div>
                <div data-option_name="target" class="target dt_module_setting">_blank</div>
                <div data-option_name="class" class="class dt_module_setting"></div>
                <div data-option_name="button_content" class="button_content dt_module_setting dtthemes_module_content">I am a Button</div>
            </div>
        </div>
        <div class="dt_module dt_m_clear dt_module_others dt_disable_resize  dt_first ui-sortable-handle" data-name="clear" data-placeholder="Clear" style="opacity: 1;"><span class="ico-divider dt_icon"></span>
            <span class="dt_module_name">Clear</span>
            <div class="dt_module_options"><span class="dt_showorhide dt_show" title="Show" style="display: block;"></span>
                <span class="dt_delete" title="Delete" style="display: block;"></span>
                <span class="dt_clone_module" title="Clone" style="display: block;"></span></div>
            <div class="dt_preview"></div>
            <div class="dt_module_settings"></div>
        </div>
        <div class="dt_module dt_m_button dt_module_general  dt_first ui-sortable-handle" data-name="button" data-placeholder="Button" style="opacity: 1;"><span class="ico-button dt_icon"></span>
            <span class="dt_module_name">Button</span>
            <div class="dt_module_options"><span class="dt_move" style="display: block;"></span><span class="dt_showorhide dt_show" title="Show" style="display: block;"></span>
                <span class="dt_delete" title="Delete" style="display: block;"></span>
                <span class="dt_clone_module" title="Clone" style="display: block;"></span><span class="dt_settings_arrow_module" title="Settings" style="display: block;"></span></div>
            <div class="dt_preview"></div>
            <div class="dt_module_settings">
                <div data-option_name="type" class="type dt_module_setting">type1</div>
                <div data-option_name="iconstyle" class="iconstyle dt_module_setting">with-icon</div>
                <div data-option_name="icon" class="icon dt_module_setting">fa fa-hand-spock-o</div>
                <div data-option_name="link" class="link dt_module_setting">#</div>
                <div data-option_name="size" class="size dt_module_setting">medium</div>
                <div data-option_name="bgcolor" class="bgcolor dt_module_setting"></div>
                <div data-option_name="variation" class="variation dt_module_setting">chocolate</div>
                <div data-option_name="textcolor" class="textcolor dt_module_setting"></div>
                <div data-option_name="target" class="target dt_module_setting">_blank</div>
                <div data-option_name="class" class="class dt_module_setting"></div>
                <div data-option_name="button_content" class="button_content dt_module_setting dtthemes_module_content">I am a Button</div>
            </div>
        </div>
        <div class="dt_module dt_m_clear dt_module_others dt_disable_resize dt_first ui-sortable-handle" data-name="clear" data-placeholder="Clear" style="opacity: 1;"><span class="ico-divider dt_icon"></span>
            <span class="dt_module_name">Clear</span>
            <div class="dt_module_options"><span class="dt_showorhide dt_show" title="Show" style="display: block;"></span>
                <span class="dt_delete" title="Delete" style="display: block;"></span>
                <span class="dt_clone_module" title="Clone" style="display: block;"></span></div>
            <div class="dt_preview"></div>
            <div class="dt_module_settings"></div>
        </div>
        <div class="dt_module dt_m_button dt_module_general  ui-resizable dt_first ui-sortable-handle" data-name="button" data-placeholder="Button" style="opacity: 1;"><span class="ico-button dt_icon"></span>
            <span class="dt_module_name">Button</span>
            <div class="dt_module_options"><span class="dt_move" style="display: block;"></span><span class="dt_showorhide dt_show" title="Show" style="display: block;"></span>
                <span class="dt_delete" title="Delete" style="display: block;"></span>
                <span class="dt_clone_module" title="Clone" style="display: block;"></span><span class="dt_settings_arrow_module" title="Settings" style="display: block;"></span></div>
            <div class="dt_preview"></div>
            <div class="dt_module_settings">
                <div data-option_name="type" class="type dt_module_setting">type1</div>
                <div data-option_name="iconstyle" class="iconstyle dt_module_setting">with-icon</div>
                <div data-option_name="icon" class="icon dt_module_setting">fa fa-map-signs</div>
                <div data-option_name="link" class="link dt_module_setting">#</div>
                <div data-option_name="size" class="size dt_module_setting">medium</div>
                <div data-option_name="bgcolor" class="bgcolor dt_module_setting"></div>
                <div data-option_name="variation" class="variation dt_module_setting">crimson</div>
                <div data-option_name="textcolor" class="textcolor dt_module_setting"></div>
                <div data-option_name="target" class="target dt_module_setting">_blank</div>
                <div data-option_name="class" class="class dt_module_setting"></div>
                <div data-option_name="button_content" class="button_content dt_module_setting dtthemes_module_content">I am a Button</div>
            </div>
        </div>
        <div class="dt_module dt_m_clear dt_module_others dt_disable_resize dt_first ui-sortable-handle" data-name="clear" data-placeholder="Clear" style="opacity: 1;"><span class="ico-divider dt_icon"></span>
            <span class="dt_module_name">Clear</span>
            <div class="dt_module_options"><span class="dt_showorhide dt_show" title="Show" style="display: block;"></span>
                <span class="dt_delete" title="Delete" style="display: block;"></span>
                <span class="dt_clone_module" title="Clone" style="display: block;"></span></div>
            <div class="dt_preview"></div>
            <div class="dt_module_settings"></div>
        </div>
        <div class="dt_module dt_m_button dt_module_general  ui-resizable dt_first ui-sortable-handle" data-name="button" data-placeholder="Button" style="opacity: 1;"><span class="ico-button dt_icon"></span>
            <span class="dt_module_name">Button</span>
            <div class="dt_module_options"><span class="dt_move" style="display: block;"></span><span class="dt_showorhide dt_show" title="Show" style="display: block;"></span>
                <span class="dt_delete" title="Delete" style="display: block;"></span>
                <span class="dt_clone_module" title="Clone" style="display: block;"></span><span class="dt_settings_arrow_module" title="Settings" style="display: block;"></span></div>
            <div class="dt_preview"></div>
            <div class="dt_module_settings">
                <div data-option_name="type" class="type dt_module_setting">type1</div>
                <div data-option_name="iconstyle" class="iconstyle dt_module_setting">with-icon</div>
                <div data-option_name="icon" class="icon dt_module_setting">fa fa-soccer-ball-o</div>
                <div data-option_name="link" class="link dt_module_setting">#</div>
                <div data-option_name="size" class="size dt_module_setting">medium</div>
                <div data-option_name="bgcolor" class="bgcolor dt_module_setting"></div>
                <div data-option_name="variation" class="variation dt_module_setting">cyan</div>
                <div data-option_name="textcolor" class="textcolor dt_module_setting"></div>
                <div data-option_name="target" class="target dt_module_setting">_blank</div>
                <div data-option_name="class" class="class dt_module_setting"></div>
                <div data-option_name="button_content" class="button_content dt_module_setting dtthemes_module_content">I am a Button</div>
            </div>
        </div>
        <div class="dt_module dt_m_clear dt_module_others dt_disable_resize dt_first ui-sortable-handle" data-name="clear" data-placeholder="Clear" style="opacity: 1;"><span class="ico-divider dt_icon"></span>
            <span class="dt_module_name">Clear</span>
            <div class="dt_module_options"><span class="dt_showorhide dt_show" title="Show" style="display: block;"></span>
                <span class="dt_delete" title="Delete" style="display: block;"></span>
                <span class="dt_clone_module" title="Clone" style="display: block;"></span></div>
            <div class="dt_preview"></div>
            <div class="dt_module_settings"></div>
        </div>
        <div class="dt_module dt_m_button dt_module_general  ui-resizable dt_first ui-sortable-handle" data-name="button" data-placeholder="Button" style="opacity: 1;"><span class="ico-button dt_icon"></span>
            <span class="dt_module_name">Button</span>
            <div class="dt_module_options"><span class="dt_move" style="display: block;"></span><span class="dt_showorhide dt_show" title="Show" style="display: block;"></span>
                <span class="dt_delete" title="Delete" style="display: block;"></span>
                <span class="dt_clone_module" title="Clone" style="display: block;"></span><span class="dt_settings_arrow_module" title="Settings" style="display: block;"></span></div>
            <div class="dt_preview"></div>
            <div class="dt_module_settings">
                <div data-option_name="type" class="type dt_module_setting">type1</div>
                <div data-option_name="iconstyle" class="iconstyle dt_module_setting">with-icon</div>
                <div data-option_name="icon" class="icon dt_module_setting">fa fa-bicycle</div>
                <div data-option_name="link" class="link dt_module_setting">#</div>
                <div data-option_name="size" class="size dt_module_setting">medium</div>
                <div data-option_name="bgcolor" class="bgcolor dt_module_setting"></div>
                <div data-option_name="variation" class="variation dt_module_setting">electricblue</div>
                <div data-option_name="textcolor" class="textcolor dt_module_setting"></div>
                <div data-option_name="target" class="target dt_module_setting">_blank</div>
                <div data-option_name="class" class="class dt_module_setting"></div>
                <div data-option_name="button_content" class="button_content dt_module_setting dtthemes_module_content">I am a Button</div>
            </div>
        </div>
        <div class="dt_module dt_m_clear dt_module_others dt_disable_resize dt_first ui-sortable-handle" data-name="clear" data-placeholder="Clear" style="opacity: 1;"><span class="ico-divider dt_icon"></span>
            <span class="dt_module_name">Clear</span>
            <div class="dt_module_options"><span class="dt_showorhide dt_show" title="Show" style="display: block;"></span>
                <span class="dt_delete" title="Delete" style="display: block;"></span>
                <span class="dt_clone_module" title="Clone" style="display: block;"></span></div>
            <div class="dt_preview"></div>
            <div class="dt_module_settings"></div>
        </div>
    </div>
    <div class="dt_show_modules_in_popup dt_popup_from_column" title="Add Module" style="display: inline-block;"></div>
</div>
<div class="dt_module dt_m_column dt_disable_resize dt_m_column_one_fourth dt_m_column_has_modules ui-sortable-handle" data-name="one_fourth" data-placeholder="1/4 Column" style="opacity: 1; z-index: 1;">
    <div class="dt_module_controls">
        <span class="dt_module_name dt_column_name" style="opacity: 1;">1/4 Column</span>
        <span class="dt_move"></span>
        <div class="dt_module_options">
            <span class="dt_delete_column" title="Delete" style="display: block;"></span>
            <span class="dt_clone_column" title="Clone" style="display: block;"></span>
            <span class="dt_settings_arrow_column" title="Settings" style="display: block;"></span>
        </div>
        <div class="dt_columndata_settings">
            <div id="column_data"></div>
        </div>
    </div>
    <div class="dt_modules_holder dt_modules_container ui-droppable ui-sortable">
        <div class="dt_module dt_m_button dt_module_general  dt_first ui-sortable-handle" data-name="button" data-placeholder="Button" style="opacity: 1;"><span class="ico-button dt_icon"></span>
            <span class="dt_module_name">Button</span>
            <div class="dt_module_options"><span class="dt_move" style="display: block;"></span><span class="dt_showorhide dt_show" title="Show" style="display: block;"></span>
                <span class="dt_delete" title="Delete" style="display: block;"></span>
                <span class="dt_clone_module" title="Clone" style="display: block;"></span><span class="dt_settings_arrow_module" title="Settings" style="display: block;"></span></div>
            <div class="dt_preview"></div>
            <div class="dt_module_settings">
                <div data-option_name="type" class="type dt_module_setting">type1</div>
                <div data-option_name="iconstyle" class="iconstyle dt_module_setting">with-icon</div>
                <div data-option_name="icon" class="icon dt_module_setting">fa fa-apple</div>
                <div data-option_name="link" class="link dt_module_setting">#</div>
                <div data-option_name="size" class="size dt_module_setting">medium</div>
                <div data-option_name="bgcolor" class="bgcolor dt_module_setting"></div>
                <div data-option_name="variation" class="variation dt_module_setting">ferngreen</div>
                <div data-option_name="textcolor" class="textcolor dt_module_setting"></div>
                <div data-option_name="target" class="target dt_module_setting">_blank</div>
                <div data-option_name="class" class="class dt_module_setting"></div>
                <div data-option_name="button_content" class="button_content dt_module_setting dtthemes_module_content">I am a Button</div>
            </div>
        </div>
        <div class="dt_module dt_m_clear dt_module_others dt_disable_resize  dt_first ui-sortable-handle" data-name="clear" data-placeholder="Clear" style="opacity: 1;"><span class="ico-divider dt_icon"></span>
            <span class="dt_module_name">Clear</span>
            <div class="dt_module_options"><span class="dt_showorhide dt_show" title="Show" style="display: block;"></span>
                <span class="dt_delete" title="Delete" style="display: block;"></span>
                <span class="dt_clone_module" title="Clone" style="display: block;"></span></div>
            <div class="dt_preview"></div>
            <div class="dt_module_settings"></div>
        </div>
        <div class="dt_module dt_m_button dt_module_general  dt_first ui-sortable-handle" data-name="button" data-placeholder="Button" style="opacity: 1;"><span class="ico-button dt_icon"></span>
            <span class="dt_module_name">Button</span>
            <div class="dt_module_options"><span class="dt_move" style="display: block;"></span><span class="dt_showorhide dt_show" title="Show" style="display: block;"></span>
                <span class="dt_delete" title="Delete" style="display: block;"></span>
                <span class="dt_clone_module" title="Clone" style="display: block;"></span><span class="dt_settings_arrow_module" title="Settings" style="display: block;"></span></div>
            <div class="dt_preview"></div>
            <div class="dt_module_settings">
                <div data-option_name="type" class="type dt_module_setting">type1</div>
                <div data-option_name="iconstyle" class="iconstyle dt_module_setting">with-icon</div>
                <div data-option_name="icon" class="icon dt_module_setting">fa fa-github-alt</div>
                <div data-option_name="link" class="link dt_module_setting">#</div>
                <div data-option_name="size" class="size dt_module_setting">medium</div>
                <div data-option_name="bgcolor" class="bgcolor dt_module_setting"></div>
                <div data-option_name="variation" class="variation dt_module_setting">light-red</div>
                <div data-option_name="textcolor" class="textcolor dt_module_setting"></div>
                <div data-option_name="target" class="target dt_module_setting">_blank</div>
                <div data-option_name="class" class="class dt_module_setting"></div>
                <div data-option_name="button_content" class="button_content dt_module_setting dtthemes_module_content">I am a Button</div>
            </div>
        </div>
        <div class="dt_module dt_m_clear dt_module_others dt_disable_resize dt_first ui-sortable-handle" data-name="clear" data-placeholder="Clear" style="opacity: 1;"><span class="ico-divider dt_icon"></span>
            <span class="dt_module_name">Clear</span>
            <div class="dt_module_options"><span class="dt_showorhide dt_show" title="Show" style="display: block;"></span>
                <span class="dt_delete" title="Delete" style="display: block;"></span>
                <span class="dt_clone_module" title="Clone" style="display: block;"></span></div>
            <div class="dt_preview"></div>
            <div class="dt_module_settings"></div>
        </div>
        <div class="dt_module dt_m_button dt_module_general  ui-resizable dt_first ui-sortable-handle" data-name="button" data-placeholder="Button" style="opacity: 1;"><span class="ico-button dt_icon"></span>
            <span class="dt_module_name">Button</span>
            <div class="dt_module_options"><span class="dt_move" style="display: block;"></span><span class="dt_showorhide dt_show" title="Show" style="display: block;"></span>
                <span class="dt_delete" title="Delete" style="display: block;"></span>
                <span class="dt_clone_module" title="Clone" style="display: block;"></span><span class="dt_settings_arrow_module" title="Settings" style="display: block;"></span></div>
            <div class="dt_preview"></div>
            <div class="dt_module_settings">
                <div data-option_name="type" class="type dt_module_setting">type1</div>
                <div data-option_name="iconstyle" class="iconstyle dt_module_setting">with-icon</div>
                <div data-option_name="icon" class="icon dt_module_setting">fa fa-sun-o</div>
                <div data-option_name="link" class="link dt_module_setting">#</div>
                <div data-option_name="size" class="size dt_module_setting">medium</div>
                <div data-option_name="bgcolor" class="bgcolor dt_module_setting"></div>
                <div data-option_name="variation" class="variation dt_module_setting">gold</div>
                <div data-option_name="textcolor" class="textcolor dt_module_setting"></div>
                <div data-option_name="target" class="target dt_module_setting">_blank</div>
                <div data-option_name="class" class="class dt_module_setting"></div>
                <div data-option_name="button_content" class="button_content dt_module_setting dtthemes_module_content">I am a Button</div>
            </div>
        </div>
        <div class="dt_module dt_m_clear dt_module_others dt_disable_resize dt_first ui-sortable-handle" data-name="clear" data-placeholder="Clear" style="opacity: 1;"><span class="ico-divider dt_icon"></span>
            <span class="dt_module_name">Clear</span>
            <div class="dt_module_options"><span class="dt_showorhide dt_show" title="Show" style="display: block;"></span>
                <span class="dt_delete" title="Delete" style="display: block;"></span>
                <span class="dt_clone_module" title="Clone" style="display: block;"></span></div>
            <div class="dt_preview"></div>
            <div class="dt_module_settings"></div>
        </div>
        <div class="dt_module dt_m_button dt_module_general  ui-resizable dt_first ui-sortable-handle" data-name="button" data-placeholder="Button" style="opacity: 1;"><span class="ico-button dt_icon"></span>
            <span class="dt_module_name">Button</span>
            <div class="dt_module_options"><span class="dt_move" style="display: block;"></span><span class="dt_showorhide dt_show" title="Show" style="display: block;"></span>
                <span class="dt_delete" title="Delete" style="display: block;"></span>
                <span class="dt_clone_module" title="Clone" style="display: block;"></span><span class="dt_settings_arrow_module" title="Settings" style="display: block;"></span></div>
            <div class="dt_preview"></div>
            <div class="dt_module_settings">
                <div data-option_name="type" class="type dt_module_setting">type1</div>
                <div data-option_name="iconstyle" class="iconstyle dt_module_setting">with-icon</div>
                <div data-option_name="icon" class="icon dt_module_setting">fa fa-plane</div>
                <div data-option_name="link" class="link dt_module_setting">#</div>
                <div data-option_name="size" class="size dt_module_setting">medium</div>
                <div data-option_name="bgcolor" class="bgcolor dt_module_setting"></div>
                <div data-option_name="variation" class="variation dt_module_setting">green</div>
                <div data-option_name="textcolor" class="textcolor dt_module_setting"></div>
                <div data-option_name="target" class="target dt_module_setting">_blank</div>
                <div data-option_name="class" class="class dt_module_setting"></div>
                <div data-option_name="button_content" class="button_content dt_module_setting dtthemes_module_content">I am a Button</div>
            </div>
        </div>
        <div class="dt_module dt_m_clear dt_module_others dt_disable_resize dt_first ui-sortable-handle" data-name="clear" data-placeholder="Clear" style="opacity: 1;"><span class="ico-divider dt_icon"></span>
            <span class="dt_module_name">Clear</span>
            <div class="dt_module_options"><span class="dt_showorhide dt_show" title="Show" style="display: block;"></span>
                <span class="dt_delete" title="Delete" style="display: block;"></span>
                <span class="dt_clone_module" title="Clone" style="display: block;"></span></div>
            <div class="dt_preview"></div>
            <div class="dt_module_settings"></div>
        </div>
        <div class="dt_module dt_m_button dt_module_general  ui-resizable dt_first ui-sortable-handle" data-name="button" data-placeholder="Button" style="opacity: 1;"><span class="ico-button dt_icon"></span>
            <span class="dt_module_name">Button</span>
            <div class="dt_module_options"><span class="dt_move" style="display: block;"></span><span class="dt_showorhide dt_show" title="Show" style="display: block;"></span>
                <span class="dt_delete" title="Delete" style="display: block;"></span>
                <span class="dt_clone_module" title="Clone" style="display: block;"></span><span class="dt_settings_arrow_module" title="Settings" style="display: block;"></span></div>
            <div class="dt_preview"></div>
            <div class="dt_module_settings">
                <div data-option_name="type" class="type dt_module_setting">type1</div>
                <div data-option_name="iconstyle" class="iconstyle dt_module_setting">with-icon</div>
                <div data-option_name="icon" class="icon dt_module_setting">fa fa-music</div>
                <div data-option_name="link" class="link dt_module_setting">#</div>
                <div data-option_name="size" class="size dt_module_setting">medium</div>
                <div data-option_name="bgcolor" class="bgcolor dt_module_setting"></div>
                <div data-option_name="variation" class="variation dt_module_setting">grey</div>
                <div data-option_name="textcolor" class="textcolor dt_module_setting"></div>
                <div data-option_name="target" class="target dt_module_setting">_blank</div>
                <div data-option_name="class" class="class dt_module_setting"></div>
                <div data-option_name="button_content" class="button_content dt_module_setting dtthemes_module_content">I am a Button</div>
            </div>
        </div>
        <div class="dt_module dt_m_clear dt_module_others dt_disable_resize dt_first ui-sortable-handle" data-name="clear" data-placeholder="Clear" style="opacity: 1;"><span class="ico-divider dt_icon"></span>
            <span class="dt_module_name">Clear</span>
            <div class="dt_module_options"><span class="dt_showorhide dt_show" title="Show" style="display: block;"></span>
                <span class="dt_delete" title="Delete" style="display: block;"></span>
                <span class="dt_clone_module" title="Clone" style="display: block;"></span></div>
            <div class="dt_preview"></div>
            <div class="dt_module_settings"></div>
        </div>
    </div>
    <div class="dt_show_modules_in_popup dt_popup_from_column" title="Add Module" style="display: inline-block;"></div>
</div>
<div class="dt_module dt_m_column dt_disable_resize dt_m_column_one_fourth dt_m_column_has_modules ui-sortable-handle" data-name="one_fourth" data-placeholder="1/4 Column" style="opacity: 1; z-index: 1;">
    <div class="dt_module_controls">
        <span class="dt_module_name dt_column_name" style="opacity: 1;">1/4 Column</span>
        <span class="dt_move"></span>
        <div class="dt_module_options">
            <span class="dt_delete_column" title="Delete" style="display: block;"></span>
            <span class="dt_clone_column" title="Clone" style="display: block;"></span>
            <span class="dt_settings_arrow_column" title="Settings" style="display: block;"></span>
        </div>
        <div class="dt_columndata_settings">
            <div id="column_data"></div>
        </div>
    </div>
    <div class="dt_modules_holder dt_modules_container ui-droppable ui-sortable">
        <div class="dt_module dt_m_button dt_module_general  dt_first ui-sortable-handle" data-name="button" data-placeholder="Button" style="opacity: 1;"><span class="ico-button dt_icon"></span>
            <span class="dt_module_name">Button</span>
            <div class="dt_module_options"><span class="dt_move" style="display: block;"></span><span class="dt_showorhide dt_show" title="Show" style="display: block;"></span>
                <span class="dt_delete" title="Delete" style="display: block;"></span>
                <span class="dt_clone_module" title="Clone" style="display: block;"></span><span class="dt_settings_arrow_module" title="Settings" style="display: block;"></span></div>
            <div class="dt_preview"></div>
            <div class="dt_module_settings">
                <div data-option_name="type" class="type dt_module_setting">type1</div>
                <div data-option_name="iconstyle" class="iconstyle dt_module_setting">with-icon</div>
                <div data-option_name="icon" class="icon dt_module_setting">icon icon-like</div>
                <div data-option_name="link" class="link dt_module_setting">#</div>
                <div data-option_name="size" class="size dt_module_setting">medium</div>
                <div data-option_name="bgcolor" class="bgcolor dt_module_setting"></div>
                <div data-option_name="variation" class="variation dt_module_setting">ocean</div>
                <div data-option_name="textcolor" class="textcolor dt_module_setting"></div>
                <div data-option_name="target" class="target dt_module_setting">_blank</div>
                <div data-option_name="class" class="class dt_module_setting"></div>
                <div data-option_name="button_content" class="button_content dt_module_setting dtthemes_module_content">I am a Button</div>
            </div>
        </div>
        <div class="dt_module dt_m_clear dt_module_others dt_disable_resize  dt_first ui-sortable-handle" data-name="clear" data-placeholder="Clear" style="opacity: 1;"><span class="ico-divider dt_icon"></span>
            <span class="dt_module_name">Clear</span>
            <div class="dt_module_options"><span class="dt_showorhide dt_show" title="Show" style="display: block;"></span>
                <span class="dt_delete" title="Delete" style="display: block;"></span>
                <span class="dt_clone_module" title="Clone" style="display: block;"></span></div>
            <div class="dt_preview"></div>
            <div class="dt_module_settings"></div>
        </div>
        <div class="dt_module dt_m_button dt_module_general  dt_first ui-sortable-handle" data-name="button" data-placeholder="Button" style="opacity: 1;"><span class="ico-button dt_icon"></span>
            <span class="dt_module_name">Button</span>
            <div class="dt_module_options"><span class="dt_move" style="display: block;"></span><span class="dt_showorhide dt_show" title="Show" style="display: block;"></span>
                <span class="dt_delete" title="Delete" style="display: block;"></span>
                <span class="dt_clone_module" title="Clone" style="display: block;"></span><span class="dt_settings_arrow_module" title="Settings" style="display: block;"></span></div>
            <div class="dt_preview"></div>
            <div class="dt_module_settings">
                <div data-option_name="type" class="type dt_module_setting">type1</div>
                <div data-option_name="iconstyle" class="iconstyle dt_module_setting">with-icon</div>
                <div data-option_name="icon" class="icon dt_module_setting">icon icon-cup</div>
                <div data-option_name="link" class="link dt_module_setting">#</div>
                <div data-option_name="size" class="size dt_module_setting">medium</div>
                <div data-option_name="bgcolor" class="bgcolor dt_module_setting"></div>
                <div data-option_name="variation" class="variation dt_module_setting">orange</div>
                <div data-option_name="textcolor" class="textcolor dt_module_setting"></div>
                <div data-option_name="target" class="target dt_module_setting">_blank</div>
                <div data-option_name="class" class="class dt_module_setting"></div>
                <div data-option_name="button_content" class="button_content dt_module_setting dtthemes_module_content">I am a Button</div>
            </div>
        </div>
        <div class="dt_module dt_m_clear dt_module_others dt_disable_resize dt_first ui-sortable-handle" data-name="clear" data-placeholder="Clear" style="opacity: 1;"><span class="ico-divider dt_icon"></span>
            <span class="dt_module_name">Clear</span>
            <div class="dt_module_options"><span class="dt_showorhide dt_show" title="Show" style="display: block;"></span>
                <span class="dt_delete" title="Delete" style="display: block;"></span>
                <span class="dt_clone_module" title="Clone" style="display: block;"></span></div>
            <div class="dt_preview"></div>
            <div class="dt_module_settings"></div>
        </div>
        <div class="dt_module dt_m_button dt_module_general  ui-resizable dt_first ui-sortable-handle" data-name="button" data-placeholder="Button" style="opacity: 1;"><span class="ico-button dt_icon"></span>
            <span class="dt_module_name">Button</span>
            <div class="dt_module_options"><span class="dt_move" style="display: block;"></span><span class="dt_showorhide dt_show" title="Show" style="display: block;"></span>
                <span class="dt_delete" title="Delete" style="display: block;"></span>
                <span class="dt_clone_module" title="Clone" style="display: block;"></span><span class="dt_settings_arrow_module" title="Settings" style="display: block;"></span></div>
            <div class="dt_preview"></div>
            <div class="dt_module_settings">
                <div data-option_name="type" class="type dt_module_setting">type1</div>
                <div data-option_name="iconstyle" class="iconstyle dt_module_setting">with-icon</div>
                <div data-option_name="icon" class="icon dt_module_setting">icon icon-bascketball</div>
                <div data-option_name="link" class="link dt_module_setting">#</div>
                <div data-option_name="size" class="size dt_module_setting">medium</div>
                <div data-option_name="bgcolor" class="bgcolor dt_module_setting"></div>
                <div data-option_name="variation" class="variation dt_module_setting">palebrown</div>
                <div data-option_name="textcolor" class="textcolor dt_module_setting"></div>
                <div data-option_name="target" class="target dt_module_setting">_blank</div>
                <div data-option_name="class" class="class dt_module_setting"></div>
                <div data-option_name="button_content" class="button_content dt_module_setting dtthemes_module_content">I am a Button</div>
            </div>
        </div>
        <div class="dt_module dt_m_clear dt_module_others dt_disable_resize dt_first ui-sortable-handle" data-name="clear" data-placeholder="Clear" style="opacity: 1;"><span class="ico-divider dt_icon"></span>
            <span class="dt_module_name">Clear</span>
            <div class="dt_module_options"><span class="dt_showorhide dt_show" title="Show" style="display: block;"></span>
                <span class="dt_delete" title="Delete" style="display: block;"></span>
                <span class="dt_clone_module" title="Clone" style="display: block;"></span></div>
            <div class="dt_preview"></div>
            <div class="dt_module_settings"></div>
        </div>
        <div class="dt_module dt_m_button dt_module_general  ui-resizable dt_first ui-sortable-handle" data-name="button" data-placeholder="Button" style="opacity: 1;"><span class="ico-button dt_icon"></span>
            <span class="dt_module_name">Button</span>
            <div class="dt_module_options"><span class="dt_move" style="display: block;"></span><span class="dt_showorhide dt_show" title="Show" style="display: block;"></span>
                <span class="dt_delete" title="Delete" style="display: block;"></span>
                <span class="dt_clone_module" title="Clone" style="display: block;"></span><span class="dt_settings_arrow_module" title="Settings" style="display: block;"></span></div>
            <div class="dt_preview"></div>
            <div class="dt_module_settings">
                <div data-option_name="type" class="type dt_module_setting">type1</div>
                <div data-option_name="iconstyle" class="iconstyle dt_module_setting">with-icon</div>
                <div data-option_name="icon" class="icon dt_module_setting">icon icon-sodacan</div>
                <div data-option_name="link" class="link dt_module_setting">#</div>
                <div data-option_name="size" class="size dt_module_setting">medium</div>
                <div data-option_name="bgcolor" class="bgcolor dt_module_setting"></div>
                <div data-option_name="variation" class="variation dt_module_setting">pink</div>
                <div data-option_name="textcolor" class="textcolor dt_module_setting"></div>
                <div data-option_name="target" class="target dt_module_setting">_blank</div>
                <div data-option_name="class" class="class dt_module_setting"></div>
                <div data-option_name="button_content" class="button_content dt_module_setting dtthemes_module_content">I am a Button</div>
            </div>
        </div>
        <div class="dt_module dt_m_clear dt_module_others dt_disable_resize dt_first ui-sortable-handle" data-name="clear" data-placeholder="Clear" style="opacity: 1;"><span class="ico-divider dt_icon"></span>
            <span class="dt_module_name">Clear</span>
            <div class="dt_module_options"><span class="dt_showorhide dt_show" title="Show" style="display: block;"></span>
                <span class="dt_delete" title="Delete" style="display: block;"></span>
                <span class="dt_clone_module" title="Clone" style="display: block;"></span></div>
            <div class="dt_preview"></div>
            <div class="dt_module_settings"></div>
        </div>
        <div class="dt_module dt_m_button dt_module_general  ui-resizable dt_first ui-sortable-handle" data-name="button" data-placeholder="Button" style="opacity: 1;"><span class="ico-button dt_icon"></span>
            <span class="dt_module_name">Button</span>
            <div class="dt_module_options"><span class="dt_move" style="display: block;"></span><span class="dt_showorhide dt_show" title="Show" style="display: block;"></span>
                <span class="dt_delete" title="Delete" style="display: block;"></span>
                <span class="dt_clone_module" title="Clone" style="display: block;"></span><span class="dt_settings_arrow_module" title="Settings" style="display: block;"></span></div>
            <div class="dt_preview"></div>
            <div class="dt_module_settings">
                <div data-option_name="type" class="type dt_module_setting">type1</div>
                <div data-option_name="iconstyle" class="iconstyle dt_module_setting">with-icon</div>
                <div data-option_name="icon" class="icon dt_module_setting">icon icon-pizza</div>
                <div data-option_name="link" class="link dt_module_setting">#</div>
                <div data-option_name="size" class="size dt_module_setting">medium</div>
                <div data-option_name="bgcolor" class="bgcolor dt_module_setting"></div>
                <div data-option_name="variation" class="variation dt_module_setting">purple</div>
                <div data-option_name="textcolor" class="textcolor dt_module_setting"></div>
                <div data-option_name="target" class="target dt_module_setting">_blank</div>
                <div data-option_name="class" class="class dt_module_setting"></div>
                <div data-option_name="button_content" class="button_content dt_module_setting dtthemes_module_content">I am a Button</div>
            </div>
        </div>
        <div class="dt_module dt_m_clear dt_module_others dt_disable_resize dt_first ui-sortable-handle" data-name="clear" data-placeholder="Clear" style="opacity: 1;"><span class="ico-divider dt_icon"></span>
            <span class="dt_module_name">Clear</span>
            <div class="dt_module_options"><span class="dt_showorhide dt_show" title="Show" style="display: block;"></span>
                <span class="dt_delete" title="Delete" style="display: block;"></span>
                <span class="dt_clone_module" title="Clone" style="display: block;"></span></div>
            <div class="dt_preview"></div>
            <div class="dt_module_settings"></div>
        </div>
    </div>
    <div class="dt_show_modules_in_popup dt_popup_from_column" title="Add Module" style="display: inline-block;"></div>
</div>
<div class="dt_module dt_m_column dt_disable_resize dt_m_column_one_fourth dt_m_column_has_modules ui-sortable-handle" data-name="one_fourth" data-placeholder="1/4 Column" style="opacity: 1; z-index: 1;">
    <div class="dt_module_controls">
        <span class="dt_module_name dt_column_name" style="opacity: 1;">1/4 Column</span>
        <span class="dt_move"></span>
        <div class="dt_module_options">
            <span class="dt_delete_column" title="Delete" style="display: block;"></span>
            <span class="dt_clone_column" title="Clone" style="display: block;"></span>
            <span class="dt_settings_arrow_column" title="Settings" style="display: block;"></span>
        </div>
        <div class="dt_columndata_settings">
            <div id="column_data"></div>
        </div>
    </div>
    <div class="dt_modules_holder dt_modules_container ui-droppable ui-sortable">
        <div class="dt_module dt_m_button dt_module_general  dt_first ui-sortable-handle" data-name="button" data-placeholder="Button" style="opacity: 1;"><span class="ico-button dt_icon"></span>
            <span class="dt_module_name">Button</span>
            <div class="dt_module_options"><span class="dt_move" style="display: block;"></span><span class="dt_showorhide dt_show" title="Show" style="display: block;"></span>
                <span class="dt_delete" title="Delete" style="display: block;"></span>
                <span class="dt_clone_module" title="Clone" style="display: block;"></span><span class="dt_settings_arrow_module" title="Settings" style="display: block;"></span></div>
            <div class="dt_preview"></div>
            <div class="dt_module_settings">
                <div data-option_name="type" class="type dt_module_setting">type1</div>
                <div data-option_name="iconstyle" class="iconstyle dt_module_setting">with-icon</div>
                <div data-option_name="icon" class="icon dt_module_setting">icon icon-icecream2</div>
                <div data-option_name="link" class="link dt_module_setting">#</div>
                <div data-option_name="size" class="size dt_module_setting">medium</div>
                <div data-option_name="bgcolor" class="bgcolor dt_module_setting"></div>
                <div data-option_name="variation" class="variation dt_module_setting">raspberry</div>
                <div data-option_name="textcolor" class="textcolor dt_module_setting"></div>
                <div data-option_name="target" class="target dt_module_setting">_blank</div>
                <div data-option_name="class" class="class dt_module_setting"></div>
                <div data-option_name="button_content" class="button_content dt_module_setting dtthemes_module_content">I am a Button</div>
            </div>
        </div>
        <div class="dt_module dt_m_clear dt_module_others dt_disable_resize  dt_first ui-sortable-handle" data-name="clear" data-placeholder="Clear" style="opacity: 1;"><span class="ico-divider dt_icon"></span>
            <span class="dt_module_name">Clear</span>
            <div class="dt_module_options"><span class="dt_showorhide dt_show" title="Show" style="display: block;"></span>
                <span class="dt_delete" title="Delete" style="display: block;"></span>
                <span class="dt_clone_module" title="Clone" style="display: block;"></span></div>
            <div class="dt_preview"></div>
            <div class="dt_module_settings"></div>
        </div>
        <div class="dt_module dt_m_button dt_module_general  dt_first ui-sortable-handle" data-name="button" data-placeholder="Button" style="opacity: 1;"><span class="ico-button dt_icon"></span>
            <span class="dt_module_name">Button</span>
            <div class="dt_module_options"><span class="dt_move" style="display: block;"></span><span class="dt_showorhide dt_show" title="Show" style="display: block;"></span>
                <span class="dt_delete" title="Delete" style="display: block;"></span>
                <span class="dt_clone_module" title="Clone" style="display: block;"></span><span class="dt_settings_arrow_module" title="Settings" style="display: block;"></span></div>
            <div class="dt_preview"></div>
            <div class="dt_module_settings">
                <div data-option_name="type" class="type dt_module_setting">type1</div>
                <div data-option_name="iconstyle" class="iconstyle dt_module_setting">with-icon</div>
                <div data-option_name="icon" class="icon dt_module_setting">icon icon-icecream1</div>
                <div data-option_name="link" class="link dt_module_setting">#</div>
                <div data-option_name="size" class="size dt_module_setting">medium</div>
                <div data-option_name="bgcolor" class="bgcolor dt_module_setting"></div>
                <div data-option_name="variation" class="variation dt_module_setting">red</div>
                <div data-option_name="textcolor" class="textcolor dt_module_setting"></div>
                <div data-option_name="target" class="target dt_module_setting">_blank</div>
                <div data-option_name="class" class="class dt_module_setting"></div>
                <div data-option_name="button_content" class="button_content dt_module_setting dtthemes_module_content">I am a Button</div>
            </div>
        </div>
        <div class="dt_module dt_m_clear dt_module_others dt_disable_resize dt_first ui-sortable-handle" data-name="clear" data-placeholder="Clear" style="opacity: 1;"><span class="ico-divider dt_icon"></span>
            <span class="dt_module_name">Clear</span>
            <div class="dt_module_options"><span class="dt_showorhide dt_show" title="Show" style="display: block;"></span>
                <span class="dt_delete" title="Delete" style="display: block;"></span>
                <span class="dt_clone_module" title="Clone" style="display: block;"></span></div>
            <div class="dt_preview"></div>
            <div class="dt_module_settings"></div>
        </div>
        <div class="dt_module dt_m_button dt_module_general  ui-resizable dt_first ui-sortable-handle" data-name="button" data-placeholder="Button" style="opacity: 1;"><span class="ico-button dt_icon"></span>
            <span class="dt_module_name">Button</span>
            <div class="dt_module_options"><span class="dt_move" style="display: block;"></span><span class="dt_showorhide dt_show" title="Show" style="display: block;"></span>
                <span class="dt_delete" title="Delete" style="display: block;"></span>
                <span class="dt_clone_module" title="Clone" style="display: block;"></span><span class="dt_settings_arrow_module" title="Settings" style="display: block;"></span></div>
            <div class="dt_preview"></div>
            <div class="dt_module_settings">
                <div data-option_name="type" class="type dt_module_setting">type1</div>
                <div data-option_name="iconstyle" class="iconstyle dt_module_setting">with-icon</div>
                <div data-option_name="icon" class="icon dt_module_setting">icon icon-dollars</div>
                <div data-option_name="link" class="link dt_module_setting">#</div>
                <div data-option_name="size" class="size dt_module_setting">medium</div>
                <div data-option_name="bgcolor" class="bgcolor dt_module_setting"></div>
                <div data-option_name="variation" class="variation dt_module_setting">skyblue</div>
                <div data-option_name="textcolor" class="textcolor dt_module_setting"></div>
                <div data-option_name="target" class="target dt_module_setting">_blank</div>
                <div data-option_name="class" class="class dt_module_setting"></div>
                <div data-option_name="button_content" class="button_content dt_module_setting dtthemes_module_content">I am a Button</div>
            </div>
        </div>
        <div class="dt_module dt_m_clear dt_module_others dt_disable_resize dt_first ui-sortable-handle" data-name="clear" data-placeholder="Clear" style="opacity: 1;"><span class="ico-divider dt_icon"></span>
            <span class="dt_module_name">Clear</span>
            <div class="dt_module_options"><span class="dt_showorhide dt_show" title="Show" style="display: block;"></span>
                <span class="dt_delete" title="Delete" style="display: block;"></span>
                <span class="dt_clone_module" title="Clone" style="display: block;"></span></div>
            <div class="dt_preview"></div>
            <div class="dt_module_settings"></div>
        </div>
        <div class="dt_module dt_m_button dt_module_general  ui-resizable dt_first ui-sortable-handle" data-name="button" data-placeholder="Button" style="opacity: 1;"><span class="ico-button dt_icon"></span>
            <span class="dt_module_name">Button</span>
            <div class="dt_module_options"><span class="dt_move" style="display: block;"></span><span class="dt_showorhide dt_show" title="Show" style="display: block;"></span>
                <span class="dt_delete" title="Delete" style="display: block;"></span>
                <span class="dt_clone_module" title="Clone" style="display: block;"></span><span class="dt_settings_arrow_module" title="Settings" style="display: block;"></span></div>
            <div class="dt_preview"></div>
            <div class="dt_module_settings">
                <div data-option_name="type" class="type dt_module_setting">type1</div>
                <div data-option_name="iconstyle" class="iconstyle dt_module_setting">with-icon</div>
                <div data-option_name="icon" class="icon dt_module_setting">icon icon-star</div>
                <div data-option_name="link" class="link dt_module_setting">#</div>
                <div data-option_name="size" class="size dt_module_setting">medium</div>
                <div data-option_name="bgcolor" class="bgcolor dt_module_setting"></div>
                <div data-option_name="variation" class="variation dt_module_setting">violet</div>
                <div data-option_name="textcolor" class="textcolor dt_module_setting"></div>
                <div data-option_name="target" class="target dt_module_setting">_blank</div>
                <div data-option_name="class" class="class dt_module_setting"></div>
                <div data-option_name="button_content" class="button_content dt_module_setting dtthemes_module_content">I am a Button</div>
            </div>
        </div>
        <div class="dt_module dt_m_clear dt_module_others dt_disable_resize dt_first ui-sortable-handle" data-name="clear" data-placeholder="Clear" style="opacity: 1;"><span class="ico-divider dt_icon"></span>
            <span class="dt_module_name">Clear</span>
            <div class="dt_module_options"><span class="dt_showorhide dt_show" title="Show" style="display: block;"></span>
                <span class="dt_delete" title="Delete" style="display: block;"></span>
                <span class="dt_clone_module" title="Clone" style="display: block;"></span></div>
            <div class="dt_preview"></div>
            <div class="dt_module_settings"></div>
        </div>
        <div class="dt_module dt_m_button dt_module_general  ui-resizable dt_first ui-sortable-handle" data-name="button" data-placeholder="Button" style="opacity: 1;"><span class="ico-button dt_icon"></span>
            <span class="dt_module_name">Button</span>
            <div class="dt_module_options"><span class="dt_move" style="display: block;"></span><span class="dt_showorhide dt_show" title="Show" style="display: block;"></span>
                <span class="dt_delete" title="Delete" style="display: block;"></span>
                <span class="dt_clone_module" title="Clone" style="display: block;"></span><span class="dt_settings_arrow_module" title="Settings" style="display: block;"></span></div>
            <div class="dt_preview"></div>
            <div class="dt_module_settings">
                <div data-option_name="type" class="type dt_module_setting">type1</div>
                <div data-option_name="iconstyle" class="iconstyle dt_module_setting">with-icon</div>
                <div data-option_name="icon" class="icon dt_module_setting">icon icon-pencil</div>
                <div data-option_name="link" class="link dt_module_setting">#</div>
                <div data-option_name="size" class="size dt_module_setting">medium</div>
                <div data-option_name="bgcolor" class="bgcolor dt_module_setting"></div>
                <div data-option_name="variation" class="variation dt_module_setting">yellow</div>
                <div data-option_name="textcolor" class="textcolor dt_module_setting"></div>
                <div data-option_name="target" class="target dt_module_setting">_blank</div>
                <div data-option_name="class" class="class dt_module_setting"></div>
                <div data-option_name="button_content" class="button_content dt_module_setting dtthemes_module_content">I am a Button</div>
            </div>
        </div>
        <div class="dt_module dt_m_clear dt_module_others dt_disable_resize dt_first ui-sortable-handle" data-name="clear" data-placeholder="Clear" style="opacity: 1;"><span class="ico-divider dt_icon"></span>
            <span class="dt_module_name">Clear</span>
            <div class="dt_module_options"><span class="dt_showorhide dt_show" title="Show" style="display: block;"></span>
                <span class="dt_delete" title="Delete" style="display: block;"></span>
                <span class="dt_clone_module" title="Clone" style="display: block;"></span></div>
            <div class="dt_preview"></div>
            <div class="dt_module_settings"></div>
        </div>
    </div>
    <div class="dt_show_modules_in_popup dt_popup_from_column" title="Add Module" style="display: inline-block;"></div>
</div>
<div class="dt_module dt_m_clear dt_module_others dt_disable_resize ui-sortable-handle dt_first" data-name="clear" data-placeholder="Clear" style="opacity: 1;"><span class="ico-divider dt_icon"></span>
    <span class="dt_module_name">Clear</span>
    <div class="dt_module_options"><span class="dt_showorhide dt_show" title="Show" style="display: block;"></span>
        <span class="dt_delete" title="Delete" style="display: block;"></span>
        <span class="dt_clone_module" title="Clone" style="display: block;"></span></div>
    <div class="dt_preview"></div>
    <div class="dt_module_settings"></div>
</div>
<div class="dt_module dt_m_hr_invisible dt_module_others dt_disable_resize ui-sortable-handle dt_first" data-name="hr_invisible" data-placeholder="Whitespace" style="opacity: 1;"><span class="ico-divider dt_icon"></span>
    <span class="dt_module_name">Whitespace</span>
    <div class="dt_module_options"><span class="dt_showorhide dt_show" title="Show" style="display: block;"></span>
        <span class="dt_delete" title="Delete" style="display: block;"></span>
        <span class="dt_clone_module" title="Clone" style="display: block;"></span></div>
    <div class="dt_preview"></div>
    <div class="dt_module_settings"></div>
</div>
<div class="dt_module dt_m_h3 dt_module_others ui-resizable ui-sortable-handle dt_first" data-name="h3" data-placeholder="H3" style="opacity: 1;"><span class="ico-headings dt_icon"></span>
    <span class="dt_module_name">H3</span>
    <div class="dt_module_options"><span class="dt_move" style="display: block;"></span><span class="dt_showorhide dt_show" title="Show" style="display: block;"></span>
        <span class="dt_delete" title="Delete" style="display: block;"></span>
        <span class="dt_clone_module" title="Clone" style="display: block;"></span><span class="dt_settings_arrow_module" title="Settings" style="display: block;"></span></div>
    <div class="dt_preview"><span class="title"></span></div>
    <div class="dt_module_settings">
        <div data-option_name="class" class="class dt_module_setting"></div>
        <div data-option_name="subtitle" class="subtitle dt_module_setting"></div>
        <div data-option_name="h3_content" class="h3_content dt_module_setting dtthemes_module_content">Button Sizes</div>
    </div>
    <div class="ui-resizable-handle ui-resizable-e" style="z-index: 90;"></div>
</div>
<div class="dt_module dt_m_column dt_disable_resize dt_m_column_one_third dt_m_column_has_modules ui-sortable-handle dt_first" data-name="one_third" data-placeholder="1/3 Column" style="opacity: 1; z-index: 1;">
    <div class="dt_module_controls">
        <span class="dt_module_name dt_column_name" style="opacity: 1;">1/3 Column</span>
        <span class="dt_move"></span>
        <div class="dt_module_options">
            <span class="dt_delete_column" title="Delete" style="display: block;"></span>
            <span class="dt_clone_column" title="Clone" style="display: block;"></span>
            <span class="dt_settings_arrow_column" title="Settings" style="display: block;"></span>
        </div>
        <div class="dt_columndata_settings">
            <div id="column_data"></div>
        </div>
    </div>
    <div class="dt_modules_holder dt_modules_container ui-droppable ui-sortable">
        <div class="dt_module dt_m_button dt_module_general  dt_first ui-sortable-handle" data-name="button" data-placeholder="Button" style="opacity: 1;"><span class="ico-button dt_icon"></span>
            <span class="dt_module_name">Button</span>
            <div class="dt_module_options"><span class="dt_move" style="display: block;"></span><span class="dt_showorhide dt_show" title="Show" style="display: block;"></span>
                <span class="dt_delete" title="Delete" style="display: block;"></span>
                <span class="dt_clone_module" title="Clone" style="display: block;"></span><span class="dt_settings_arrow_module" title="Settings" style="display: block;"></span></div>
            <div class="dt_preview"></div>
            <div class="dt_module_settings">
                <div data-option_name="type" class="type dt_module_setting">type1</div>
                <div data-option_name="iconstyle" class="iconstyle dt_module_setting">no-icon</div>
                <div data-option_name="icon" class="icon dt_module_setting"></div>
                <div data-option_name="link" class="link dt_module_setting">#</div>
                <div data-option_name="size" class="size dt_module_setting">small</div>
                <div data-option_name="bgcolor" class="bgcolor dt_module_setting"></div>
                <div data-option_name="variation" class="variation dt_module_setting"></div>
                <div data-option_name="textcolor" class="textcolor dt_module_setting"></div>
                <div data-option_name="target" class="target dt_module_setting">_blank</div>
                <div data-option_name="class" class="class dt_module_setting"></div>
                <div data-option_name="button_content" class="button_content dt_module_setting dtthemes_module_content">I am a Button</div>
            </div>
        </div>
        <div class="dt_module dt_m_clear dt_module_others dt_disable_resize  dt_first ui-sortable-handle" data-name="clear" data-placeholder="Clear" style="opacity: 1;"><span class="ico-divider dt_icon"></span>
            <span class="dt_module_name">Clear</span>
            <div class="dt_module_options"><span class="dt_showorhide dt_show" title="Show" style="display: block;"></span>
                <span class="dt_delete" title="Delete" style="display: block;"></span>
                <span class="dt_clone_module" title="Clone" style="display: block;"></span></div>
            <div class="dt_preview"></div>
            <div class="dt_module_settings"></div>
        </div>
        <div class="dt_module dt_m_button dt_module_general  dt_first ui-sortable-handle" data-name="button" data-placeholder="Button" style="opacity: 1;"><span class="ico-button dt_icon"></span>
            <span class="dt_module_name">Button</span>
            <div class="dt_module_options"><span class="dt_move" style="display: block;"></span><span class="dt_showorhide dt_show" title="Show" style="display: block;"></span>
                <span class="dt_delete" title="Delete" style="display: block;"></span>
                <span class="dt_clone_module" title="Clone" style="display: block;"></span><span class="dt_settings_arrow_module" title="Settings" style="display: block;"></span></div>
            <div class="dt_preview"></div>
            <div class="dt_module_settings">
                <div data-option_name="type" class="type dt_module_setting">type1</div>
                <div data-option_name="iconstyle" class="iconstyle dt_module_setting">no-icon</div>
                <div data-option_name="icon" class="icon dt_module_setting"></div>
                <div data-option_name="link" class="link dt_module_setting">#</div>
                <div data-option_name="size" class="size dt_module_setting">medium</div>
                <div data-option_name="bgcolor" class="bgcolor dt_module_setting"></div>
                <div data-option_name="variation" class="variation dt_module_setting"></div>
                <div data-option_name="textcolor" class="textcolor dt_module_setting"></div>
                <div data-option_name="target" class="target dt_module_setting">_blank</div>
                <div data-option_name="class" class="class dt_module_setting"></div>
                <div data-option_name="button_content" class="button_content dt_module_setting dtthemes_module_content">I am a Button</div>
            </div>
        </div>
        <div class="dt_module dt_m_clear dt_module_others dt_disable_resize  dt_first ui-sortable-handle" data-name="clear" data-placeholder="Clear" style="opacity: 1;"><span class="ico-divider dt_icon"></span>
            <span class="dt_module_name">Clear</span>
            <div class="dt_module_options"><span class="dt_showorhide dt_show" title="Show" style="display: block;"></span>
                <span class="dt_delete" title="Delete" style="display: block;"></span>
                <span class="dt_clone_module" title="Clone" style="display: block;"></span></div>
            <div class="dt_preview"></div>
            <div class="dt_module_settings"></div>
        </div>
        <div class="dt_module dt_m_button dt_module_general  dt_first ui-sortable-handle" data-name="button" data-placeholder="Button" style="opacity: 1;"><span class="ico-button dt_icon"></span>
            <span class="dt_module_name">Button</span>
            <div class="dt_module_options"><span class="dt_move" style="display: block;"></span><span class="dt_showorhide dt_show" title="Show" style="display: block;"></span>
                <span class="dt_delete" title="Delete" style="display: block;"></span>
                <span class="dt_clone_module" title="Clone" style="display: block;"></span><span class="dt_settings_arrow_module" title="Settings" style="display: block;"></span></div>
            <div class="dt_preview"></div>
            <div class="dt_module_settings">
                <div data-option_name="type" class="type dt_module_setting">type1</div>
                <div data-option_name="iconstyle" class="iconstyle dt_module_setting">no-icon</div>
                <div data-option_name="icon" class="icon dt_module_setting"></div>
                <div data-option_name="link" class="link dt_module_setting">#</div>
                <div data-option_name="size" class="size dt_module_setting">large</div>
                <div data-option_name="bgcolor" class="bgcolor dt_module_setting"></div>
                <div data-option_name="variation" class="variation dt_module_setting"></div>
                <div data-option_name="textcolor" class="textcolor dt_module_setting"></div>
                <div data-option_name="target" class="target dt_module_setting">_blank</div>
                <div data-option_name="class" class="class dt_module_setting"></div>
                <div data-option_name="button_content" class="button_content dt_module_setting dtthemes_module_content">I am a Button</div>
            </div>
        </div>
        <div class="dt_module dt_m_clear dt_module_others dt_disable_resize  dt_first ui-sortable-handle" data-name="clear" data-placeholder="Clear" style="opacity: 1;"><span class="ico-divider dt_icon"></span>
            <span class="dt_module_name">Clear</span>
            <div class="dt_module_options"><span class="dt_showorhide dt_show" title="Show" style="display: block;"></span>
                <span class="dt_delete" title="Delete" style="display: block;"></span>
                <span class="dt_clone_module" title="Clone" style="display: block;"></span></div>
            <div class="dt_preview"></div>
            <div class="dt_module_settings"></div>
        </div>
        <div class="dt_module dt_m_button dt_module_general  dt_first ui-sortable-handle" data-name="button" data-placeholder="Button" style="opacity: 1;"><span class="ico-button dt_icon"></span>
            <span class="dt_module_name">Button</span>
            <div class="dt_module_options"><span class="dt_move" style="display: block;"></span><span class="dt_showorhide dt_show" title="Show" style="display: block;"></span>
                <span class="dt_delete" title="Delete" style="display: block;"></span>
                <span class="dt_clone_module" title="Clone" style="display: block;"></span><span class="dt_settings_arrow_module" title="Settings" style="display: block;"></span></div>
            <div class="dt_preview"></div>
            <div class="dt_module_settings">
                <div data-option_name="type" class="type dt_module_setting">type1</div>
                <div data-option_name="iconstyle" class="iconstyle dt_module_setting">no-icon</div>
                <div data-option_name="icon" class="icon dt_module_setting"></div>
                <div data-option_name="link" class="link dt_module_setting">#</div>
                <div data-option_name="size" class="size dt_module_setting">xlarge</div>
                <div data-option_name="bgcolor" class="bgcolor dt_module_setting"></div>
                <div data-option_name="variation" class="variation dt_module_setting"></div>
                <div data-option_name="textcolor" class="textcolor dt_module_setting"></div>
                <div data-option_name="target" class="target dt_module_setting">_blank</div>
                <div data-option_name="class" class="class dt_module_setting"></div>
                <div data-option_name="button_content" class="button_content dt_module_setting dtthemes_module_content">I am a Button</div>
            </div>
        </div>
        <div class="dt_module dt_m_clear dt_module_others dt_disable_resize  dt_first ui-sortable-handle" data-name="clear" data-placeholder="Clear" style="opacity: 1;"><span class="ico-divider dt_icon"></span>
            <span class="dt_module_name">Clear</span>
            <div class="dt_module_options"><span class="dt_showorhide dt_show" title="Show" style="display: block;"></span>
                <span class="dt_delete" title="Delete" style="display: block;"></span>
                <span class="dt_clone_module" title="Clone" style="display: block;"></span></div>
            <div class="dt_preview"></div>
            <div class="dt_module_settings"></div>
        </div>
    </div>
    <div class="dt_show_modules_in_popup dt_popup_from_column" title="Add Module" style="display: inline-block;"></div>
</div>
<div class="dt_module dt_m_column dt_disable_resize dt_m_column_one_third dt_m_column_has_modules ui-sortable-handle" data-name="one_third" data-placeholder="1/3 Column" style="opacity: 1; z-index: 1;">
    <div class="dt_module_controls">
        <span class="dt_module_name dt_column_name" style="opacity: 1;">1/3 Column</span>
        <span class="dt_move"></span>
        <div class="dt_module_options">
            <span class="dt_delete_column" title="Delete" style="display: block;"></span>
            <span class="dt_clone_column" title="Clone" style="display: block;"></span>
            <span class="dt_settings_arrow_column" title="Settings" style="display: block;"></span>
        </div>
        <div class="dt_columndata_settings">
            <div id="column_data"></div>
        </div>
    </div>
    <div class="dt_modules_holder dt_modules_container ui-droppable ui-sortable">
        <div class="dt_module dt_m_button dt_module_general  dt_first ui-sortable-handle" data-name="button" data-placeholder="Button" style="opacity: 1;"><span class="ico-button dt_icon"></span>
            <span class="dt_module_name">Button</span>
            <div class="dt_module_options"><span class="dt_move" style="display: block;"></span><span class="dt_showorhide dt_show" title="Show" style="display: block;"></span>
                <span class="dt_delete" title="Delete" style="display: block;"></span>
                <span class="dt_clone_module" title="Clone" style="display: block;"></span><span class="dt_settings_arrow_module" title="Settings" style="display: block;"></span></div>
            <div class="dt_preview"></div>
            <div class="dt_module_settings">
                <div data-option_name="type" class="type dt_module_setting">type1</div>
                <div data-option_name="iconstyle" class="iconstyle dt_module_setting">with-icon</div>
                <div data-option_name="icon" class="icon dt_module_setting">fa fa-smile-o</div>
                <div data-option_name="link" class="link dt_module_setting">#</div>
                <div data-option_name="size" class="size dt_module_setting">small</div>
                <div data-option_name="bgcolor" class="bgcolor dt_module_setting"></div>
                <div data-option_name="variation" class="variation dt_module_setting">blue</div>
                <div data-option_name="textcolor" class="textcolor dt_module_setting"></div>
                <div data-option_name="target" class="target dt_module_setting">_blank</div>
                <div data-option_name="class" class="class dt_module_setting"></div>
                <div data-option_name="button_content" class="button_content dt_module_setting dtthemes_module_content">I am a Button</div>
            </div>
        </div>
        <div class="dt_module dt_m_clear dt_module_others dt_disable_resize  dt_first ui-sortable-handle" data-name="clear" data-placeholder="Clear" style="opacity: 1;"><span class="ico-divider dt_icon"></span>
            <span class="dt_module_name">Clear</span>
            <div class="dt_module_options"><span class="dt_showorhide dt_show" title="Show" style="display: block;"></span>
                <span class="dt_delete" title="Delete" style="display: block;"></span>
                <span class="dt_clone_module" title="Clone" style="display: block;"></span></div>
            <div class="dt_preview"></div>
            <div class="dt_module_settings"></div>
        </div>
        <div class="dt_module dt_m_button dt_module_general  dt_first ui-sortable-handle" data-name="button" data-placeholder="Button" style="opacity: 1;"><span class="ico-button dt_icon"></span>
            <span class="dt_module_name">Button</span>
            <div class="dt_module_options"><span class="dt_move" style="display: block;"></span><span class="dt_showorhide dt_show" title="Show" style="display: block;"></span>
                <span class="dt_delete" title="Delete" style="display: block;"></span>
                <span class="dt_clone_module" title="Clone" style="display: block;"></span><span class="dt_settings_arrow_module" title="Settings" style="display: block;"></span></div>
            <div class="dt_preview"></div>
            <div class="dt_module_settings">
                <div data-option_name="type" class="type dt_module_setting">type1</div>
                <div data-option_name="iconstyle" class="iconstyle dt_module_setting">with-icon</div>
                <div data-option_name="icon" class="icon dt_module_setting">fa fa-hand-spock-o</div>
                <div data-option_name="link" class="link dt_module_setting">#</div>
                <div data-option_name="size" class="size dt_module_setting">medium</div>
                <div data-option_name="bgcolor" class="bgcolor dt_module_setting"></div>
                <div data-option_name="variation" class="variation dt_module_setting">chocolate</div>
                <div data-option_name="textcolor" class="textcolor dt_module_setting"></div>
                <div data-option_name="target" class="target dt_module_setting">_blank</div>
                <div data-option_name="class" class="class dt_module_setting"></div>
                <div data-option_name="button_content" class="button_content dt_module_setting dtthemes_module_content">I am a Button</div>
            </div>
        </div>
        <div class="dt_module dt_m_clear dt_module_others dt_disable_resize  dt_first ui-sortable-handle" data-name="clear" data-placeholder="Clear" style="opacity: 1;"><span class="ico-divider dt_icon"></span>
            <span class="dt_module_name">Clear</span>
            <div class="dt_module_options"><span class="dt_showorhide dt_show" title="Show" style="display: block;"></span>
                <span class="dt_delete" title="Delete" style="display: block;"></span>
                <span class="dt_clone_module" title="Clone" style="display: block;"></span></div>
            <div class="dt_preview"></div>
            <div class="dt_module_settings"></div>
        </div>
        <div class="dt_module dt_m_button dt_module_general  dt_first ui-sortable-handle" data-name="button" data-placeholder="Button" style="opacity: 1;"><span class="ico-button dt_icon"></span>
            <span class="dt_module_name">Button</span>
            <div class="dt_module_options"><span class="dt_move" style="display: block;"></span><span class="dt_showorhide dt_show" title="Show" style="display: block;"></span>
                <span class="dt_delete" title="Delete" style="display: block;"></span>
                <span class="dt_clone_module" title="Clone" style="display: block;"></span><span class="dt_settings_arrow_module" title="Settings" style="display: block;"></span></div>
            <div class="dt_preview"></div>
            <div class="dt_module_settings">
                <div data-option_name="type" class="type dt_module_setting">type1</div>
                <div data-option_name="iconstyle" class="iconstyle dt_module_setting">with-icon</div>
                <div data-option_name="icon" class="icon dt_module_setting">fa fa-map-signs</div>
                <div data-option_name="link" class="link dt_module_setting">#</div>
                <div data-option_name="size" class="size dt_module_setting">large</div>
                <div data-option_name="bgcolor" class="bgcolor dt_module_setting"></div>
                <div data-option_name="variation" class="variation dt_module_setting">crimson</div>
                <div data-option_name="textcolor" class="textcolor dt_module_setting"></div>
                <div data-option_name="target" class="target dt_module_setting">_blank</div>
                <div data-option_name="class" class="class dt_module_setting"></div>
                <div data-option_name="button_content" class="button_content dt_module_setting dtthemes_module_content">I am a Button</div>
            </div>
        </div>
        <div class="dt_module dt_m_clear dt_module_others dt_disable_resize  dt_first ui-sortable-handle" data-name="clear" data-placeholder="Clear" style="opacity: 1;"><span class="ico-divider dt_icon"></span>
            <span class="dt_module_name">Clear</span>
            <div class="dt_module_options"><span class="dt_showorhide dt_show" title="Show" style="display: block;"></span>
                <span class="dt_delete" title="Delete" style="display: block;"></span>
                <span class="dt_clone_module" title="Clone" style="display: block;"></span></div>
            <div class="dt_preview"></div>
            <div class="dt_module_settings"></div>
        </div>
        <div class="dt_module dt_m_button dt_module_general  dt_first ui-sortable-handle" data-name="button" data-placeholder="Button" style="opacity: 1;"><span class="ico-button dt_icon"></span>
            <span class="dt_module_name">Button</span>
            <div class="dt_module_options"><span class="dt_move" style="display: block;"></span><span class="dt_showorhide dt_show" title="Show" style="display: block;"></span>
                <span class="dt_delete" title="Delete" style="display: block;"></span>
                <span class="dt_clone_module" title="Clone" style="display: block;"></span><span class="dt_settings_arrow_module" title="Settings" style="display: block;"></span></div>
            <div class="dt_preview"></div>
            <div class="dt_module_settings">
                <div data-option_name="type" class="type dt_module_setting">type1</div>
                <div data-option_name="iconstyle" class="iconstyle dt_module_setting">with-icon</div>
                <div data-option_name="icon" class="icon dt_module_setting">fa fa-soccer-ball-o</div>
                <div data-option_name="link" class="link dt_module_setting">#</div>
                <div data-option_name="size" class="size dt_module_setting">xlarge</div>
                <div data-option_name="bgcolor" class="bgcolor dt_module_setting"></div>
                <div data-option_name="variation" class="variation dt_module_setting">cyan</div>
                <div data-option_name="textcolor" class="textcolor dt_module_setting"></div>
                <div data-option_name="target" class="target dt_module_setting">_blank</div>
                <div data-option_name="class" class="class dt_module_setting"></div>
                <div data-option_name="button_content" class="button_content dt_module_setting dtthemes_module_content">I am a Button</div>
            </div>
        </div>
        <div class="dt_module dt_m_clear dt_module_others dt_disable_resize  dt_first ui-sortable-handle" data-name="clear" data-placeholder="Clear" style="opacity: 1;"><span class="ico-divider dt_icon"></span>
            <span class="dt_module_name">Clear</span>
            <div class="dt_module_options"><span class="dt_showorhide dt_show" title="Show" style="display: block;"></span>
                <span class="dt_delete" title="Delete" style="display: block;"></span>
                <span class="dt_clone_module" title="Clone" style="display: block;"></span></div>
            <div class="dt_preview"></div>
            <div class="dt_module_settings"></div>
        </div>
    </div>
    <div class="dt_show_modules_in_popup dt_popup_from_column" title="Add Module" style="display: inline-block;"></div>
</div>
<div class="dt_module dt_m_column dt_disable_resize dt_m_column_one_third dt_m_column_has_modules ui-sortable-handle" data-name="one_third" data-placeholder="1/3 Column" style="opacity: 1; z-index: 1;">
    <div class="dt_module_controls">
        <span class="dt_module_name dt_column_name" style="opacity: 1;">1/3 Column</span>
        <span class="dt_move"></span>
        <div class="dt_module_options">
            <span class="dt_delete_column" title="Delete" style="display: block;"></span>
            <span class="dt_clone_column" title="Clone" style="display: block;"></span>
            <span class="dt_settings_arrow_column" title="Settings" style="display: block;"></span>
        </div>
        <div class="dt_columndata_settings">
            <div id="column_data"></div>
        </div>
    </div>
    <div class="dt_modules_holder dt_modules_container ui-droppable ui-sortable">
        <div class="dt_module dt_m_button dt_module_general  dt_first ui-sortable-handle" data-name="button" data-placeholder="Button" style="opacity: 1;"><span class="ico-button dt_icon"></span>
            <span class="dt_module_name">Button</span>
            <div class="dt_module_options"><span class="dt_move" style="display: block;"></span><span class="dt_showorhide dt_show" title="Show" style="display: block;"></span>
                <span class="dt_delete" title="Delete" style="display: block;"></span>
                <span class="dt_clone_module" title="Clone" style="display: block;"></span><span class="dt_settings_arrow_module" title="Settings" style="display: block;"></span></div>
            <div class="dt_preview"></div>
            <div class="dt_module_settings">
                <div data-option_name="type" class="type dt_module_setting">type1</div>
                <div data-option_name="iconstyle" class="iconstyle dt_module_setting">with-icon</div>
                <div data-option_name="icon" class="icon dt_module_setting">icon icon-like</div>
                <div data-option_name="link" class="link dt_module_setting">#</div>
                <div data-option_name="size" class="size dt_module_setting">small</div>
                <div data-option_name="bgcolor" class="bgcolor dt_module_setting"></div>
                <div data-option_name="variation" class="variation dt_module_setting">ocean</div>
                <div data-option_name="textcolor" class="textcolor dt_module_setting"></div>
                <div data-option_name="target" class="target dt_module_setting">_blank</div>
                <div data-option_name="class" class="class dt_module_setting"></div>
                <div data-option_name="button_content" class="button_content dt_module_setting dtthemes_module_content">I am a Button</div>
            </div>
        </div>
        <div class="dt_module dt_m_clear dt_module_others dt_disable_resize  dt_first ui-sortable-handle" data-name="clear" data-placeholder="Clear" style="opacity: 1;"><span class="ico-divider dt_icon"></span>
            <span class="dt_module_name">Clear</span>
            <div class="dt_module_options"><span class="dt_showorhide dt_show" title="Show" style="display: block;"></span>
                <span class="dt_delete" title="Delete" style="display: block;"></span>
                <span class="dt_clone_module" title="Clone" style="display: block;"></span></div>
            <div class="dt_preview"></div>
            <div class="dt_module_settings"></div>
        </div>
        <div class="dt_module dt_m_button dt_module_general  dt_first ui-sortable-handle" data-name="button" data-placeholder="Button" style="opacity: 1;"><span class="ico-button dt_icon"></span>
            <span class="dt_module_name">Button</span>
            <div class="dt_module_options"><span class="dt_move" style="display: block;"></span><span class="dt_showorhide dt_show" title="Show" style="display: block;"></span>
                <span class="dt_delete" title="Delete" style="display: block;"></span>
                <span class="dt_clone_module" title="Clone" style="display: block;"></span><span class="dt_settings_arrow_module" title="Settings" style="display: block;"></span></div>
            <div class="dt_preview"></div>
            <div class="dt_module_settings">
                <div data-option_name="type" class="type dt_module_setting">type1</div>
                <div data-option_name="iconstyle" class="iconstyle dt_module_setting">with-icon</div>
                <div data-option_name="icon" class="icon dt_module_setting">icon icon-cup</div>
                <div data-option_name="link" class="link dt_module_setting">#</div>
                <div data-option_name="size" class="size dt_module_setting">medium</div>
                <div data-option_name="bgcolor" class="bgcolor dt_module_setting"></div>
                <div data-option_name="variation" class="variation dt_module_setting">orange</div>
                <div data-option_name="textcolor" class="textcolor dt_module_setting"></div>
                <div data-option_name="target" class="target dt_module_setting">_blank</div>
                <div data-option_name="class" class="class dt_module_setting"></div>
                <div data-option_name="button_content" class="button_content dt_module_setting dtthemes_module_content">I am a Button</div>
            </div>
        </div>
        <div class="dt_module dt_m_clear dt_module_others dt_disable_resize  dt_first ui-sortable-handle" data-name="clear" data-placeholder="Clear" style="opacity: 1;"><span class="ico-divider dt_icon"></span>
            <span class="dt_module_name">Clear</span>
            <div class="dt_module_options"><span class="dt_showorhide dt_show" title="Show" style="display: block;"></span>
                <span class="dt_delete" title="Delete" style="display: block;"></span>
                <span class="dt_clone_module" title="Clone" style="display: block;"></span></div>
            <div class="dt_preview"></div>
            <div class="dt_module_settings"></div>
        </div>
        <div class="dt_module dt_m_button dt_module_general  dt_first ui-sortable-handle" data-name="button" data-placeholder="Button" style="opacity: 1;"><span class="ico-button dt_icon"></span>
            <span class="dt_module_name">Button</span>
            <div class="dt_module_options"><span class="dt_move" style="display: block;"></span><span class="dt_showorhide dt_show" title="Show" style="display: block;"></span>
                <span class="dt_delete" title="Delete" style="display: block;"></span>
                <span class="dt_clone_module" title="Clone" style="display: block;"></span><span class="dt_settings_arrow_module" title="Settings" style="display: block;"></span></div>
            <div class="dt_preview"></div>
            <div class="dt_module_settings">
                <div data-option_name="type" class="type dt_module_setting">type1</div>
                <div data-option_name="iconstyle" class="iconstyle dt_module_setting">with-icon</div>
                <div data-option_name="icon" class="icon dt_module_setting">icon icon-bascketball</div>
                <div data-option_name="link" class="link dt_module_setting">#</div>
                <div data-option_name="size" class="size dt_module_setting">large</div>
                <div data-option_name="bgcolor" class="bgcolor dt_module_setting"></div>
                <div data-option_name="variation" class="variation dt_module_setting">palebrown</div>
                <div data-option_name="textcolor" class="textcolor dt_module_setting"></div>
                <div data-option_name="target" class="target dt_module_setting">_blank</div>
                <div data-option_name="class" class="class dt_module_setting"></div>
                <div data-option_name="button_content" class="button_content dt_module_setting dtthemes_module_content">I am a Button</div>
            </div>
        </div>
        <div class="dt_module dt_m_clear dt_module_others dt_disable_resize  dt_first ui-sortable-handle" data-name="clear" data-placeholder="Clear" style="opacity: 1;"><span class="ico-divider dt_icon"></span>
            <span class="dt_module_name">Clear</span>
            <div class="dt_module_options"><span class="dt_showorhide dt_show" title="Show" style="display: block;"></span>
                <span class="dt_delete" title="Delete" style="display: block;"></span>
                <span class="dt_clone_module" title="Clone" style="display: block;"></span></div>
            <div class="dt_preview"></div>
            <div class="dt_module_settings"></div>
        </div>
        <div class="dt_module dt_m_button dt_module_general  dt_first ui-sortable-handle" data-name="button" data-placeholder="Button" style="opacity: 1;"><span class="ico-button dt_icon"></span>
            <span class="dt_module_name">Button</span>
            <div class="dt_module_options"><span class="dt_move" style="display: block;"></span><span class="dt_showorhide dt_show" title="Show" style="display: block;"></span>
                <span class="dt_delete" title="Delete" style="display: block;"></span>
                <span class="dt_clone_module" title="Clone" style="display: block;"></span><span class="dt_settings_arrow_module" title="Settings" style="display: block;"></span></div>
            <div class="dt_preview"></div>
            <div class="dt_module_settings">
                <div data-option_name="type" class="type dt_module_setting">type1</div>
                <div data-option_name="iconstyle" class="iconstyle dt_module_setting">with-icon</div>
                <div data-option_name="icon" class="icon dt_module_setting">icon icon-sodacan</div>
                <div data-option_name="link" class="link dt_module_setting">#</div>
                <div data-option_name="size" class="size dt_module_setting">xlarge</div>
                <div data-option_name="bgcolor" class="bgcolor dt_module_setting"></div>
                <div data-option_name="variation" class="variation dt_module_setting">pink</div>
                <div data-option_name="textcolor" class="textcolor dt_module_setting"></div>
                <div data-option_name="target" class="target dt_module_setting">_blank</div>
                <div data-option_name="class" class="class dt_module_setting"></div>
                <div data-option_name="button_content" class="button_content dt_module_setting dtthemes_module_content">I am a Button</div>
            </div>
        </div>
        <div class="dt_module dt_m_clear dt_module_others dt_disable_resize  dt_first ui-sortable-handle" data-name="clear" data-placeholder="Clear" style="opacity: 1;"><span class="ico-divider dt_icon"></span>
            <span class="dt_module_name">Clear</span>
            <div class="dt_module_options"><span class="dt_showorhide dt_show" title="Show" style="display: block;"></span>
                <span class="dt_delete" title="Delete" style="display: block;"></span>
                <span class="dt_clone_module" title="Clone" style="display: block;"></span></div>
            <div class="dt_preview"></div>
            <div class="dt_module_settings"></div>
        </div>
    </div>
    <div class="dt_show_modules_in_popup dt_popup_from_column" title="Add Module" style="display: inline-block;"></div>
</div>
<div class="dt_module dt_m_clear dt_module_others dt_disable_resize ui-sortable-handle dt_first" data-name="clear" data-placeholder="Clear" style="opacity: 1;"><span class="ico-divider dt_icon"></span>
    <span class="dt_module_name">Clear</span>
    <div class="dt_module_options"><span class="dt_showorhide dt_show" title="Show" style="display: block;"></span>
        <span class="dt_delete" title="Delete" style="display: block;"></span>
        <span class="dt_clone_module" title="Clone" style="display: block;"></span></div>
    <div class="dt_preview"></div>
    <div class="dt_module_settings"></div>
</div>
<div class="dt_module dt_m_hr_invisible dt_module_others dt_disable_resize ui-sortable-handle dt_first" data-name="hr_invisible" data-placeholder="Whitespace" style="opacity: 1;"><span class="ico-divider dt_icon"></span>
    <span class="dt_module_name">Whitespace</span>
    <div class="dt_module_options"><span class="dt_showorhide dt_show" title="Show" style="display: block;"></span>
        <span class="dt_delete" title="Delete" style="display: block;"></span>
        <span class="dt_clone_module" title="Clone" style="display: block;"></span></div>
    <div class="dt_preview"></div>
    <div class="dt_module_settings"></div>
</div>
<div class="dt_module dt_m_h3 dt_module_others ui-resizable ui-sortable-handle dt_first" data-name="h3" data-placeholder="H3" style="opacity: 1;"><span class="ico-headings dt_icon"></span>
    <span class="dt_module_name">H3</span>
    <div class="dt_module_options"><span class="dt_move" style="display: block;"></span><span class="dt_showorhide dt_show" title="Show" style="display: block;"></span>
        <span class="dt_delete" title="Delete" style="display: block;"></span>
        <span class="dt_clone_module" title="Clone" style="display: block;"></span><span class="dt_settings_arrow_module" title="Settings" style="display: block;"></span></div>
    <div class="dt_preview"><span class="title"></span></div>
    <div class="dt_module_settings">
        <div data-option_name="class" class="class dt_module_setting"></div>
        <div data-option_name="subtitle" class="subtitle dt_module_setting"></div>
        <div data-option_name="h3_content" class="h3_content dt_module_setting dtthemes_module_content">BUTTON TYPE II</div>
    </div>
    <div class="ui-resizable-handle ui-resizable-e" style="z-index: 90;"></div>
</div>
<div class="dt_module dt_m_column dt_disable_resize dt_m_column_one_third dt_m_column_has_modules ui-sortable-handle dt_first" data-name="one_third" data-placeholder="1/3 Column" style="opacity: 1; z-index: 1;">
    <div class="dt_module_controls">
        <span class="dt_module_name dt_column_name" style="opacity: 1;">1/3 Column</span>
        <span class="dt_move"></span>
        <div class="dt_module_options">
            <span class="dt_delete_column" title="Delete" style="display: block;"></span>
            <span class="dt_clone_column" title="Clone" style="display: block;"></span>
            <span class="dt_settings_arrow_column" title="Settings" style="display: block;"></span>
        </div>
        <div class="dt_columndata_settings">
            <div id="column_data"></div>
        </div>
    </div>
    <div class="dt_modules_holder dt_modules_container ui-droppable ui-sortable">
        <div class="dt_module dt_m_button dt_module_general  dt_first ui-sortable-handle" data-name="button" data-placeholder="Button" style="opacity: 1;"><span class="ico-button dt_icon"></span>
            <span class="dt_module_name">Button</span>
            <div class="dt_module_options"><span class="dt_move" style="display: block;"></span><span class="dt_showorhide dt_show" title="Show" style="display: block;"></span>
                <span class="dt_delete" title="Delete" style="display: block;"></span>
                <span class="dt_clone_module" title="Clone" style="display: block;"></span><span class="dt_settings_arrow_module" title="Settings" style="display: block;"></span></div>
            <div class="dt_preview"></div>
            <div class="dt_module_settings">
                <div data-option_name="type" class="type dt_module_setting">type2</div>
                <div data-option_name="iconstyle" class="iconstyle dt_module_setting">no-icon</div>
                <div data-option_name="icon" class="icon dt_module_setting"></div>
                <div data-option_name="link" class="link dt_module_setting">#</div>
                <div data-option_name="size" class="size dt_module_setting">small</div>
                <div data-option_name="bgcolor" class="bgcolor dt_module_setting"></div>
                <div data-option_name="variation" class="variation dt_module_setting"></div>
                <div data-option_name="textcolor" class="textcolor dt_module_setting"></div>
                <div data-option_name="target" class="target dt_module_setting">_blank</div>
                <div data-option_name="class" class="class dt_module_setting"></div>
                <div data-option_name="button_content" class="button_content dt_module_setting dtthemes_module_content">I am a Button Link</div>
            </div>
        </div>
        <div class="dt_module dt_m_clear dt_module_others dt_disable_resize  dt_first ui-sortable-handle" data-name="clear" data-placeholder="Clear" style="opacity: 1;"><span class="ico-divider dt_icon"></span>
            <span class="dt_module_name">Clear</span>
            <div class="dt_module_options"><span class="dt_showorhide dt_show" title="Show" style="display: block;"></span>
                <span class="dt_delete" title="Delete" style="display: block;"></span>
                <span class="dt_clone_module" title="Clone" style="display: block;"></span></div>
            <div class="dt_preview"></div>
            <div class="dt_module_settings"></div>
        </div>
        <div class="dt_module dt_m_hr_invisible_small dt_module_others dt_disable_resize  dt_first ui-sortable-handle" data-name="hr_invisible_small" data-placeholder="Whitespace Small" style="opacity: 1;"><span class="ico-divider dt_icon"></span>
            <span class="dt_module_name">Whitespace Small</span>
            <div class="dt_module_options"><span class="dt_showorhide dt_show" title="Show" style="display: block;"></span>
                <span class="dt_delete" title="Delete" style="display: block;"></span>
                <span class="dt_clone_module" title="Clone" style="display: block;"></span></div>
            <div class="dt_preview"></div>
            <div class="dt_module_settings"></div>
        </div>
        <div class="dt_module dt_m_button dt_module_general  dt_first ui-sortable-handle" data-name="button" data-placeholder="Button" style="opacity: 1;"><span class="ico-button dt_icon"></span>
            <span class="dt_module_name">Button</span>
            <div class="dt_module_options"><span class="dt_move" style="display: block;"></span><span class="dt_showorhide dt_show" title="Show" style="display: block;"></span>
                <span class="dt_delete" title="Delete" style="display: block;"></span>
                <span class="dt_clone_module" title="Clone" style="display: block;"></span><span class="dt_settings_arrow_module" title="Settings" style="display: block;"></span></div>
            <div class="dt_preview"></div>
            <div class="dt_module_settings">
                <div data-option_name="type" class="type dt_module_setting">type2</div>
                <div data-option_name="iconstyle" class="iconstyle dt_module_setting">no-icon</div>
                <div data-option_name="icon" class="icon dt_module_setting"></div>
                <div data-option_name="link" class="link dt_module_setting">#</div>
                <div data-option_name="size" class="size dt_module_setting">medium</div>
                <div data-option_name="bgcolor" class="bgcolor dt_module_setting"></div>
                <div data-option_name="variation" class="variation dt_module_setting"></div>
                <div data-option_name="textcolor" class="textcolor dt_module_setting"></div>
                <div data-option_name="target" class="target dt_module_setting">_blank</div>
                <div data-option_name="class" class="class dt_module_setting"></div>
                <div data-option_name="button_content" class="button_content dt_module_setting dtthemes_module_content">I am a Button Link</div>
            </div>
        </div>
        <div class="dt_module dt_m_clear dt_module_others dt_disable_resize  dt_first ui-sortable-handle" data-name="clear" data-placeholder="Clear" style="opacity: 1;"><span class="ico-divider dt_icon"></span>
            <span class="dt_module_name">Clear</span>
            <div class="dt_module_options"><span class="dt_showorhide dt_show" title="Show" style="display: block;"></span>
                <span class="dt_delete" title="Delete" style="display: block;"></span>
                <span class="dt_clone_module" title="Clone" style="display: block;"></span></div>
            <div class="dt_preview"></div>
            <div class="dt_module_settings"></div>
        </div>
        <div class="dt_module dt_m_hr_invisible_small dt_module_others dt_disable_resize  dt_first ui-sortable-handle" data-name="hr_invisible_small" data-placeholder="Whitespace Small" style="opacity: 1;"><span class="ico-divider dt_icon"></span>
            <span class="dt_module_name">Whitespace Small</span>
            <div class="dt_module_options"><span class="dt_showorhide dt_show" title="Show" style="display: block;"></span>
                <span class="dt_delete" title="Delete" style="display: block;"></span>
                <span class="dt_clone_module" title="Clone" style="display: block;"></span></div>
            <div class="dt_preview"></div>
            <div class="dt_module_settings"></div>
        </div>
        <div class="dt_module dt_m_button dt_module_general  dt_first ui-sortable-handle" data-name="button" data-placeholder="Button" style="opacity: 1;"><span class="ico-button dt_icon"></span>
            <span class="dt_module_name">Button</span>
            <div class="dt_module_options"><span class="dt_move" style="display: block;"></span><span class="dt_showorhide dt_show" title="Show" style="display: block;"></span>
                <span class="dt_delete" title="Delete" style="display: block;"></span>
                <span class="dt_clone_module" title="Clone" style="display: block;"></span><span class="dt_settings_arrow_module" title="Settings" style="display: block;"></span></div>
            <div class="dt_preview"></div>
            <div class="dt_module_settings">
                <div data-option_name="type" class="type dt_module_setting">type2</div>
                <div data-option_name="iconstyle" class="iconstyle dt_module_setting">no-icon</div>
                <div data-option_name="icon" class="icon dt_module_setting"></div>
                <div data-option_name="link" class="link dt_module_setting">#</div>
                <div data-option_name="size" class="size dt_module_setting">large</div>
                <div data-option_name="bgcolor" class="bgcolor dt_module_setting"></div>
                <div data-option_name="variation" class="variation dt_module_setting"></div>
                <div data-option_name="textcolor" class="textcolor dt_module_setting"></div>
                <div data-option_name="target" class="target dt_module_setting">_blank</div>
                <div data-option_name="class" class="class dt_module_setting"></div>
                <div data-option_name="button_content" class="button_content dt_module_setting dtthemes_module_content">I am a Button Link</div>
            </div>
        </div>
        <div class="dt_module dt_m_clear dt_module_others dt_disable_resize  dt_first ui-sortable-handle" data-name="clear" data-placeholder="Clear" style="opacity: 1;"><span class="ico-divider dt_icon"></span>
            <span class="dt_module_name">Clear</span>
            <div class="dt_module_options"><span class="dt_showorhide dt_show" title="Show" style="display: block;"></span>
                <span class="dt_delete" title="Delete" style="display: block;"></span>
                <span class="dt_clone_module" title="Clone" style="display: block;"></span></div>
            <div class="dt_preview"></div>
            <div class="dt_module_settings"></div>
        </div>
        <div class="dt_module dt_m_hr_invisible_small dt_module_others dt_disable_resize  dt_first ui-sortable-handle" data-name="hr_invisible_small" data-placeholder="Whitespace Small" style="opacity: 1;"><span class="ico-divider dt_icon"></span>
            <span class="dt_module_name">Whitespace Small</span>
            <div class="dt_module_options"><span class="dt_showorhide dt_show" title="Show" style="display: block;"></span>
                <span class="dt_delete" title="Delete" style="display: block;"></span>
                <span class="dt_clone_module" title="Clone" style="display: block;"></span></div>
            <div class="dt_preview"></div>
            <div class="dt_module_settings"></div>
        </div>
        <div class="dt_module dt_m_button dt_module_general  dt_first ui-sortable-handle" data-name="button" data-placeholder="Button" style="opacity: 1;"><span class="ico-button dt_icon"></span>
            <span class="dt_module_name">Button</span>
            <div class="dt_module_options"><span class="dt_move" style="display: block;"></span><span class="dt_showorhide dt_show" title="Show" style="display: block;"></span>
                <span class="dt_delete" title="Delete" style="display: block;"></span>
                <span class="dt_clone_module" title="Clone" style="display: block;"></span><span class="dt_settings_arrow_module" title="Settings" style="display: block;"></span></div>
            <div class="dt_preview"></div>
            <div class="dt_module_settings">
                <div data-option_name="type" class="type dt_module_setting">type2</div>
                <div data-option_name="iconstyle" class="iconstyle dt_module_setting">no-icon</div>
                <div data-option_name="icon" class="icon dt_module_setting"></div>
                <div data-option_name="link" class="link dt_module_setting">#</div>
                <div data-option_name="size" class="size dt_module_setting">xlarge</div>
                <div data-option_name="bgcolor" class="bgcolor dt_module_setting"></div>
                <div data-option_name="variation" class="variation dt_module_setting"></div>
                <div data-option_name="textcolor" class="textcolor dt_module_setting"></div>
                <div data-option_name="target" class="target dt_module_setting">_blank</div>
                <div data-option_name="class" class="class dt_module_setting"></div>
                <div data-option_name="button_content" class="button_content dt_module_setting dtthemes_module_content">I am a Button Link</div>
            </div>
        </div>
        <div class="dt_module dt_m_clear dt_module_others dt_disable_resize  dt_first ui-sortable-handle" data-name="clear" data-placeholder="Clear" style="opacity: 1;"><span class="ico-divider dt_icon"></span>
            <span class="dt_module_name">Clear</span>
            <div class="dt_module_options"><span class="dt_showorhide dt_show" title="Show" style="display: block;"></span>
                <span class="dt_delete" title="Delete" style="display: block;"></span>
                <span class="dt_clone_module" title="Clone" style="display: block;"></span></div>
            <div class="dt_preview"></div>
            <div class="dt_module_settings"></div>
        </div>
        <div class="dt_module dt_m_hr_invisible_small dt_module_others dt_disable_resize  dt_first ui-sortable-handle" data-name="hr_invisible_small" data-placeholder="Whitespace Small" style="opacity: 1;"><span class="ico-divider dt_icon"></span>
            <span class="dt_module_name">Whitespace Small</span>
            <div class="dt_module_options"><span class="dt_showorhide dt_show" title="Show" style="display: block;"></span>
                <span class="dt_delete" title="Delete" style="display: block;"></span>
                <span class="dt_clone_module" title="Clone" style="display: block;"></span></div>
            <div class="dt_preview"></div>
            <div class="dt_module_settings"></div>
        </div>
    </div>
    <div class="dt_show_modules_in_popup dt_popup_from_column" title="Add Module" style="display: inline-block;"></div>
</div>
<div class="dt_module dt_m_column dt_disable_resize dt_m_column_one_third dt_m_column_has_modules ui-sortable-handle" data-name="one_third" data-placeholder="1/3 Column" style="opacity: 1; z-index: 1;">
    <div class="dt_module_controls">
        <span class="dt_module_name dt_column_name" style="opacity: 1;">1/3 Column</span>
        <span class="dt_move"></span>
        <div class="dt_module_options">
            <span class="dt_delete_column" title="Delete" style="display: block;"></span>
            <span class="dt_clone_column" title="Clone" style="display: block;"></span>
            <span class="dt_settings_arrow_column" title="Settings" style="display: block;"></span>
        </div>
        <div class="dt_columndata_settings">
            <div id="column_data"></div>
        </div>
    </div>
    <div class="dt_modules_holder dt_modules_container ui-droppable ui-sortable">
        <div class="dt_module dt_m_button dt_module_general  dt_first ui-sortable-handle" data-name="button" data-placeholder="Button" style="opacity: 1;"><span class="ico-button dt_icon"></span>
            <span class="dt_module_name">Button</span>
            <div class="dt_module_options"><span class="dt_move" style="display: block;"></span><span class="dt_showorhide dt_show" title="Show" style="display: block;"></span>
                <span class="dt_delete" title="Delete" style="display: block;"></span>
                <span class="dt_clone_module" title="Clone" style="display: block;"></span><span class="dt_settings_arrow_module" title="Settings" style="display: block;"></span></div>
            <div class="dt_preview"></div>
            <div class="dt_module_settings">
                <div data-option_name="type" class="type dt_module_setting">type2</div>
                <div data-option_name="iconstyle" class="iconstyle dt_module_setting">with-icon</div>
                <div data-option_name="icon" class="icon dt_module_setting">fa fa-paw</div>
                <div data-option_name="link" class="link dt_module_setting">#</div>
                <div data-option_name="size" class="size dt_module_setting">small</div>
                <div data-option_name="bgcolor" class="bgcolor dt_module_setting"></div>
                <div data-option_name="variation" class="variation dt_module_setting">pink</div>
                <div data-option_name="textcolor" class="textcolor dt_module_setting"></div>
                <div data-option_name="target" class="target dt_module_setting">_blank</div>
                <div data-option_name="class" class="class dt_module_setting"></div>
                <div data-option_name="button_content" class="button_content dt_module_setting dtthemes_module_content">I am a Button Link</div>
            </div>
        </div>
        <div class="dt_module dt_m_clear dt_module_others dt_disable_resize  dt_first ui-sortable-handle" data-name="clear" data-placeholder="Clear" style="opacity: 1;"><span class="ico-divider dt_icon"></span>
            <span class="dt_module_name">Clear</span>
            <div class="dt_module_options"><span class="dt_showorhide dt_show" title="Show" style="display: block;"></span>
                <span class="dt_delete" title="Delete" style="display: block;"></span>
                <span class="dt_clone_module" title="Clone" style="display: block;"></span></div>
            <div class="dt_preview"></div>
            <div class="dt_module_settings"></div>
        </div>
        <div class="dt_module dt_m_hr_invisible_small dt_module_others dt_disable_resize  dt_first ui-sortable-handle" data-name="hr_invisible_small" data-placeholder="Whitespace Small" style="opacity: 1;"><span class="ico-divider dt_icon"></span>
            <span class="dt_module_name">Whitespace Small</span>
            <div class="dt_module_options"><span class="dt_showorhide dt_show" title="Show" style="display: block;"></span>
                <span class="dt_delete" title="Delete" style="display: block;"></span>
                <span class="dt_clone_module" title="Clone" style="display: block;"></span></div>
            <div class="dt_preview"></div>
            <div class="dt_module_settings"></div>
        </div>
        <div class="dt_module dt_m_button dt_module_general  dt_first ui-sortable-handle" data-name="button" data-placeholder="Button" style="opacity: 1;"><span class="ico-button dt_icon"></span>
            <span class="dt_module_name">Button</span>
            <div class="dt_module_options"><span class="dt_move" style="display: block;"></span><span class="dt_showorhide dt_show" title="Show" style="display: block;"></span>
                <span class="dt_delete" title="Delete" style="display: block;"></span>
                <span class="dt_clone_module" title="Clone" style="display: block;"></span><span class="dt_settings_arrow_module" title="Settings" style="display: block;"></span></div>
            <div class="dt_preview"></div>
            <div class="dt_module_settings">
                <div data-option_name="type" class="type dt_module_setting">type2</div>
                <div data-option_name="iconstyle" class="iconstyle dt_module_setting">with-icon</div>
                <div data-option_name="icon" class="icon dt_module_setting">fa fa-puzzle-piece</div>
                <div data-option_name="link" class="link dt_module_setting">#</div>
                <div data-option_name="size" class="size dt_module_setting">medium</div>
                <div data-option_name="bgcolor" class="bgcolor dt_module_setting"></div>
                <div data-option_name="variation" class="variation dt_module_setting">pink</div>
                <div data-option_name="textcolor" class="textcolor dt_module_setting"></div>
                <div data-option_name="target" class="target dt_module_setting">_blank</div>
                <div data-option_name="class" class="class dt_module_setting"></div>
                <div data-option_name="button_content" class="button_content dt_module_setting dtthemes_module_content">I am a Button Link</div>
            </div>
        </div>
        <div class="dt_module dt_m_clear dt_module_others dt_disable_resize  dt_first ui-sortable-handle" data-name="clear" data-placeholder="Clear" style="opacity: 1;"><span class="ico-divider dt_icon"></span>
            <span class="dt_module_name">Clear</span>
            <div class="dt_module_options"><span class="dt_showorhide dt_show" title="Show" style="display: block;"></span>
                <span class="dt_delete" title="Delete" style="display: block;"></span>
                <span class="dt_clone_module" title="Clone" style="display: block;"></span></div>
            <div class="dt_preview"></div>
            <div class="dt_module_settings"></div>
        </div>
        <div class="dt_module dt_m_hr_invisible_small dt_module_others dt_disable_resize  dt_first ui-sortable-handle" data-name="hr_invisible_small" data-placeholder="Whitespace Small" style="opacity: 1;"><span class="ico-divider dt_icon"></span>
            <span class="dt_module_name">Whitespace Small</span>
            <div class="dt_module_options"><span class="dt_showorhide dt_show" title="Show" style="display: block;"></span>
                <span class="dt_delete" title="Delete" style="display: block;"></span>
                <span class="dt_clone_module" title="Clone" style="display: block;"></span></div>
            <div class="dt_preview"></div>
            <div class="dt_module_settings"></div>
        </div>
        <div class="dt_module dt_m_button dt_module_general  dt_first ui-sortable-handle" data-name="button" data-placeholder="Button" style="opacity: 1;"><span class="ico-button dt_icon"></span>
            <span class="dt_module_name">Button</span>
            <div class="dt_module_options"><span class="dt_move" style="display: block;"></span><span class="dt_showorhide dt_show" title="Show" style="display: block;"></span>
                <span class="dt_delete" title="Delete" style="display: block;"></span>
                <span class="dt_clone_module" title="Clone" style="display: block;"></span><span class="dt_settings_arrow_module" title="Settings" style="display: block;"></span></div>
            <div class="dt_preview"></div>
            <div class="dt_module_settings">
                <div data-option_name="type" class="type dt_module_setting">type2</div>
                <div data-option_name="iconstyle" class="iconstyle dt_module_setting">with-icon</div>
                <div data-option_name="icon" class="icon dt_module_setting">fa fa-rocket</div>
                <div data-option_name="link" class="link dt_module_setting">#</div>
                <div data-option_name="size" class="size dt_module_setting">large</div>
                <div data-option_name="bgcolor" class="bgcolor dt_module_setting"></div>
                <div data-option_name="variation" class="variation dt_module_setting">pink</div>
                <div data-option_name="textcolor" class="textcolor dt_module_setting"></div>
                <div data-option_name="target" class="target dt_module_setting">_blank</div>
                <div data-option_name="class" class="class dt_module_setting"></div>
                <div data-option_name="button_content" class="button_content dt_module_setting dtthemes_module_content">I am a Button Link</div>
            </div>
        </div>
        <div class="dt_module dt_m_clear dt_module_others dt_disable_resize  dt_first ui-sortable-handle" data-name="clear" data-placeholder="Clear" style="opacity: 1;"><span class="ico-divider dt_icon"></span>
            <span class="dt_module_name">Clear</span>
            <div class="dt_module_options"><span class="dt_showorhide dt_show" title="Show" style="display: block;"></span>
                <span class="dt_delete" title="Delete" style="display: block;"></span>
                <span class="dt_clone_module" title="Clone" style="display: block;"></span></div>
            <div class="dt_preview"></div>
            <div class="dt_module_settings"></div>
        </div>
        <div class="dt_module dt_m_hr_invisible_small dt_module_others dt_disable_resize  dt_first ui-sortable-handle" data-name="hr_invisible_small" data-placeholder="Whitespace Small" style="opacity: 1;"><span class="ico-divider dt_icon"></span>
            <span class="dt_module_name">Whitespace Small</span>
            <div class="dt_module_options"><span class="dt_showorhide dt_show" title="Show" style="display: block;"></span>
                <span class="dt_delete" title="Delete" style="display: block;"></span>
                <span class="dt_clone_module" title="Clone" style="display: block;"></span></div>
            <div class="dt_preview"></div>
            <div class="dt_module_settings"></div>
        </div>
        <div class="dt_module dt_m_button dt_module_general  dt_first ui-sortable-handle" data-name="button" data-placeholder="Button" style="opacity: 1;"><span class="ico-button dt_icon"></span>
            <span class="dt_module_name">Button</span>
            <div class="dt_module_options"><span class="dt_move" style="display: block;"></span><span class="dt_showorhide dt_show" title="Show" style="display: block;"></span>
                <span class="dt_delete" title="Delete" style="display: block;"></span>
                <span class="dt_clone_module" title="Clone" style="display: block;"></span><span class="dt_settings_arrow_module" title="Settings" style="display: block;"></span></div>
            <div class="dt_preview"></div>
            <div class="dt_module_settings">
                <div data-option_name="type" class="type dt_module_setting">type2</div>
                <div data-option_name="iconstyle" class="iconstyle dt_module_setting">with-icon</div>
                <div data-option_name="icon" class="icon dt_module_setting">fa fa-tree</div>
                <div data-option_name="link" class="link dt_module_setting">#</div>
                <div data-option_name="size" class="size dt_module_setting">xlarge</div>
                <div data-option_name="bgcolor" class="bgcolor dt_module_setting"></div>
                <div data-option_name="variation" class="variation dt_module_setting">pink</div>
                <div data-option_name="textcolor" class="textcolor dt_module_setting"></div>
                <div data-option_name="target" class="target dt_module_setting">_blank</div>
                <div data-option_name="class" class="class dt_module_setting"></div>
                <div data-option_name="button_content" class="button_content dt_module_setting dtthemes_module_content">I am a Button Link</div>
            </div>
        </div>
        <div class="dt_module dt_m_clear dt_module_others dt_disable_resize  dt_first ui-sortable-handle" data-name="clear" data-placeholder="Clear" style="opacity: 1;"><span class="ico-divider dt_icon"></span>
            <span class="dt_module_name">Clear</span>
            <div class="dt_module_options"><span class="dt_showorhide dt_show" title="Show" style="display: block;"></span>
                <span class="dt_delete" title="Delete" style="display: block;"></span>
                <span class="dt_clone_module" title="Clone" style="display: block;"></span></div>
            <div class="dt_preview"></div>
            <div class="dt_module_settings"></div>
        </div>
        <div class="dt_module dt_m_hr_invisible_small dt_module_others dt_disable_resize  dt_first ui-sortable-handle" data-name="hr_invisible_small" data-placeholder="Whitespace Small" style="opacity: 1;"><span class="ico-divider dt_icon"></span>
            <span class="dt_module_name">Whitespace Small</span>
            <div class="dt_module_options"><span class="dt_showorhide dt_show" title="Show" style="display: block;"></span>
                <span class="dt_delete" title="Delete" style="display: block;"></span>
                <span class="dt_clone_module" title="Clone" style="display: block;"></span></div>
            <div class="dt_preview"></div>
            <div class="dt_module_settings"></div>
        </div>
    </div>
    <div class="dt_show_modules_in_popup dt_popup_from_column" title="Add Module" style="display: inline-block;"></div>
</div>
<div class="dt_module dt_m_column dt_disable_resize dt_m_column_one_third dt_m_column_has_modules ui-sortable-handle" data-name="one_third" data-placeholder="1/3 Column" style="opacity: 1; z-index: 1;">
    <div class="dt_module_controls">
        <span class="dt_module_name dt_column_name" style="opacity: 1;">1/3 Column</span>
        <span class="dt_move"></span>
        <div class="dt_module_options">
            <span class="dt_delete_column" title="Delete" style="display: block;"></span>
            <span class="dt_clone_column" title="Clone" style="display: block;"></span>
            <span class="dt_settings_arrow_column" title="Settings" style="display: block;"></span>
        </div>
        <div class="dt_columndata_settings">
            <div id="column_data"></div>
        </div>
    </div>
    <div class="dt_modules_holder dt_modules_container ui-droppable ui-sortable">
        <div class="dt_module dt_m_button dt_module_general  dt_first ui-sortable-handle" data-name="button" data-placeholder="Button" style="opacity: 1;"><span class="ico-button dt_icon"></span>
            <span class="dt_module_name">Button</span>
            <div class="dt_module_options"><span class="dt_move" style="display: block;"></span><span class="dt_showorhide dt_show" title="Show" style="display: block;"></span>
                <span class="dt_delete" title="Delete" style="display: block;"></span>
                <span class="dt_clone_module" title="Clone" style="display: block;"></span><span class="dt_settings_arrow_module" title="Settings" style="display: block;"></span></div>
            <div class="dt_preview"></div>
            <div class="dt_module_settings">
                <div data-option_name="type" class="type dt_module_setting">type2</div>
                <div data-option_name="iconstyle" class="iconstyle dt_module_setting">with-icon</div>
                <div data-option_name="icon" class="icon dt_module_setting">icon icon-tennisball</div>
                <div data-option_name="link" class="link dt_module_setting">#</div>
                <div data-option_name="size" class="size dt_module_setting">small</div>
                <div data-option_name="bgcolor" class="bgcolor dt_module_setting"></div>
                <div data-option_name="variation" class="variation dt_module_setting">green</div>
                <div data-option_name="textcolor" class="textcolor dt_module_setting"></div>
                <div data-option_name="target" class="target dt_module_setting">_blank</div>
                <div data-option_name="class" class="class dt_module_setting"></div>
                <div data-option_name="button_content" class="button_content dt_module_setting dtthemes_module_content">I am a Button Link</div>
            </div>
        </div>
        <div class="dt_module dt_m_clear dt_module_others dt_disable_resize  dt_first ui-sortable-handle" data-name="clear" data-placeholder="Clear" style="opacity: 1;"><span class="ico-divider dt_icon"></span>
            <span class="dt_module_name">Clear</span>
            <div class="dt_module_options"><span class="dt_showorhide dt_show" title="Show" style="display: block;"></span>
                <span class="dt_delete" title="Delete" style="display: block;"></span>
                <span class="dt_clone_module" title="Clone" style="display: block;"></span></div>
            <div class="dt_preview"></div>
            <div class="dt_module_settings"></div>
        </div>
        <div class="dt_module dt_m_hr_invisible_small dt_module_others dt_disable_resize  dt_first ui-sortable-handle" data-name="hr_invisible_small" data-placeholder="Whitespace Small" style="opacity: 1;"><span class="ico-divider dt_icon"></span>
            <span class="dt_module_name">Whitespace Small</span>
            <div class="dt_module_options"><span class="dt_showorhide dt_show" title="Show" style="display: block;"></span>
                <span class="dt_delete" title="Delete" style="display: block;"></span>
                <span class="dt_clone_module" title="Clone" style="display: block;"></span></div>
            <div class="dt_preview"></div>
            <div class="dt_module_settings"></div>
        </div>
        <div class="dt_module dt_m_button dt_module_general  dt_first ui-sortable-handle" data-name="button" data-placeholder="Button" style="opacity: 1;"><span class="ico-button dt_icon"></span>
            <span class="dt_module_name">Button</span>
            <div class="dt_module_options"><span class="dt_move" style="display: block;"></span><span class="dt_showorhide dt_show" title="Show" style="display: block;"></span>
                <span class="dt_delete" title="Delete" style="display: block;"></span>
                <span class="dt_clone_module" title="Clone" style="display: block;"></span><span class="dt_settings_arrow_module" title="Settings" style="display: block;"></span></div>
            <div class="dt_preview"></div>
            <div class="dt_module_settings">
                <div data-option_name="type" class="type dt_module_setting">type2</div>
                <div data-option_name="iconstyle" class="iconstyle dt_module_setting">with-icon</div>
                <div data-option_name="icon" class="icon dt_module_setting">icon icon-gameboy</div>
                <div data-option_name="link" class="link dt_module_setting">#</div>
                <div data-option_name="size" class="size dt_module_setting">medium</div>
                <div data-option_name="bgcolor" class="bgcolor dt_module_setting"></div>
                <div data-option_name="variation" class="variation dt_module_setting">green</div>
                <div data-option_name="textcolor" class="textcolor dt_module_setting"></div>
                <div data-option_name="target" class="target dt_module_setting">_blank</div>
                <div data-option_name="class" class="class dt_module_setting"></div>
                <div data-option_name="button_content" class="button_content dt_module_setting dtthemes_module_content">I am a Button Link</div>
            </div>
        </div>
        <div class="dt_module dt_m_clear dt_module_others dt_disable_resize  dt_first ui-sortable-handle" data-name="clear" data-placeholder="Clear" style="opacity: 1;"><span class="ico-divider dt_icon"></span>
            <span class="dt_module_name">Clear</span>
            <div class="dt_module_options"><span class="dt_showorhide dt_show" title="Show" style="display: block;"></span>
                <span class="dt_delete" title="Delete" style="display: block;"></span>
                <span class="dt_clone_module" title="Clone" style="display: block;"></span></div>
            <div class="dt_preview"></div>
            <div class="dt_module_settings"></div>
        </div>
        <div class="dt_module dt_m_hr_invisible_small dt_module_others dt_disable_resize  dt_first ui-sortable-handle" data-name="hr_invisible_small" data-placeholder="Whitespace Small" style="opacity: 1;"><span class="ico-divider dt_icon"></span>
            <span class="dt_module_name">Whitespace Small</span>
            <div class="dt_module_options"><span class="dt_showorhide dt_show" title="Show" style="display: block;"></span>
                <span class="dt_delete" title="Delete" style="display: block;"></span>
                <span class="dt_clone_module" title="Clone" style="display: block;"></span></div>
            <div class="dt_preview"></div>
            <div class="dt_module_settings"></div>
        </div>
        <div class="dt_module dt_m_button dt_module_general  dt_first ui-sortable-handle" data-name="button" data-placeholder="Button" style="opacity: 1;"><span class="ico-button dt_icon"></span>
            <span class="dt_module_name">Button</span>
            <div class="dt_module_options"><span class="dt_move" style="display: block;"></span><span class="dt_showorhide dt_show" title="Show" style="display: block;"></span>
                <span class="dt_delete" title="Delete" style="display: block;"></span>
                <span class="dt_clone_module" title="Clone" style="display: block;"></span><span class="dt_settings_arrow_module" title="Settings" style="display: block;"></span></div>
            <div class="dt_preview"></div>
            <div class="dt_module_settings">
                <div data-option_name="type" class="type dt_module_setting">type2</div>
                <div data-option_name="iconstyle" class="iconstyle dt_module_setting">with-icon</div>
                <div data-option_name="icon" class="icon dt_module_setting">icon icon-picnicbasket</div>
                <div data-option_name="link" class="link dt_module_setting">#</div>
                <div data-option_name="size" class="size dt_module_setting">large</div>
                <div data-option_name="bgcolor" class="bgcolor dt_module_setting"></div>
                <div data-option_name="variation" class="variation dt_module_setting">green</div>
                <div data-option_name="textcolor" class="textcolor dt_module_setting"></div>
                <div data-option_name="target" class="target dt_module_setting">_blank</div>
                <div data-option_name="class" class="class dt_module_setting"></div>
                <div data-option_name="button_content" class="button_content dt_module_setting dtthemes_module_content">I am a Button Link</div>
            </div>
        </div>
        <div class="dt_module dt_m_clear dt_module_others dt_disable_resize  dt_first ui-sortable-handle" data-name="clear" data-placeholder="Clear" style="opacity: 1;"><span class="ico-divider dt_icon"></span>
            <span class="dt_module_name">Clear</span>
            <div class="dt_module_options"><span class="dt_showorhide dt_show" title="Show" style="display: block;"></span>
                <span class="dt_delete" title="Delete" style="display: block;"></span>
                <span class="dt_clone_module" title="Clone" style="display: block;"></span></div>
            <div class="dt_preview"></div>
            <div class="dt_module_settings"></div>
        </div>
        <div class="dt_module dt_m_hr_invisible_small dt_module_others dt_disable_resize  dt_first ui-sortable-handle" data-name="hr_invisible_small" data-placeholder="Whitespace Small" style="opacity: 1;"><span class="ico-divider dt_icon"></span>
            <span class="dt_module_name">Whitespace Small</span>
            <div class="dt_module_options"><span class="dt_showorhide dt_show" title="Show" style="display: block;"></span>
                <span class="dt_delete" title="Delete" style="display: block;"></span>
                <span class="dt_clone_module" title="Clone" style="display: block;"></span></div>
            <div class="dt_preview"></div>
            <div class="dt_module_settings"></div>
        </div>
        <div class="dt_module dt_m_button dt_module_general  dt_first ui-sortable-handle" data-name="button" data-placeholder="Button" style="opacity: 1;"><span class="ico-button dt_icon"></span>
            <span class="dt_module_name">Button</span>
            <div class="dt_module_options"><span class="dt_move" style="display: block;"></span><span class="dt_showorhide dt_show" title="Show" style="display: block;"></span>
                <span class="dt_delete" title="Delete" style="display: block;"></span>
                <span class="dt_clone_module" title="Clone" style="display: block;"></span><span class="dt_settings_arrow_module" title="Settings" style="display: block;"></span></div>
            <div class="dt_preview"></div>
            <div class="dt_module_settings">
                <div data-option_name="type" class="type dt_module_setting">type2</div>
                <div data-option_name="iconstyle" class="iconstyle dt_module_setting">with-icon</div>
                <div data-option_name="icon" class="icon dt_module_setting">icon icon-paperclip</div>
                <div data-option_name="link" class="link dt_module_setting">#</div>
                <div data-option_name="size" class="size dt_module_setting">xlarge</div>
                <div data-option_name="bgcolor" class="bgcolor dt_module_setting"></div>
                <div data-option_name="variation" class="variation dt_module_setting">green</div>
                <div data-option_name="textcolor" class="textcolor dt_module_setting"></div>
                <div data-option_name="target" class="target dt_module_setting">_blank</div>
                <div data-option_name="class" class="class dt_module_setting"></div>
                <div data-option_name="button_content" class="button_content dt_module_setting dtthemes_module_content">I am a Button Link</div>
            </div>
        </div>
        <div class="dt_module dt_m_clear dt_module_others dt_disable_resize  dt_first ui-sortable-handle" data-name="clear" data-placeholder="Clear" style="opacity: 1;"><span class="ico-divider dt_icon"></span>
            <span class="dt_module_name">Clear</span>
            <div class="dt_module_options"><span class="dt_showorhide dt_show" title="Show" style="display: block;"></span>
                <span class="dt_delete" title="Delete" style="display: block;"></span>
                <span class="dt_clone_module" title="Clone" style="display: block;"></span></div>
            <div class="dt_preview"></div>
            <div class="dt_module_settings"></div>
        </div>
        <div class="dt_module dt_m_hr_invisible_small dt_module_others dt_disable_resize  dt_first ui-sortable-handle" data-name="hr_invisible_small" data-placeholder="Whitespace Small" style="opacity: 1;"><span class="ico-divider dt_icon"></span>
            <span class="dt_module_name">Whitespace Small</span>
            <div class="dt_module_options"><span class="dt_showorhide dt_show" title="Show" style="display: block;"></span>
                <span class="dt_delete" title="Delete" style="display: block;"></span>
                <span class="dt_clone_module" title="Clone" style="display: block;"></span></div>
            <div class="dt_preview"></div>
            <div class="dt_module_settings"></div>
        </div>
    </div>
    <div class="dt_show_modules_in_popup dt_popup_from_column" title="Add Module" style="display: inline-block;"></div>
</div>