<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">Heading / Title</div>
    </div>
    <div class="ui-resizable-handle ui-resizable-e" style="z-index: 90;"></div>
</div>
<div class="dt_module dt_m_h1 dt_module_others ui-resizable ui-sortable-handle dt_first" data-name="h1" data-placeholder="H1" style="opacity: 1;"><span class="ico-headings dt_icon"></span>
    <span class="dt_module_name">H1</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">aligncenter</div>
        <div data-option_name="subtitle" class="subtitle dt_module_setting"></div>
        <div data-option_name="h1_content" class="h1_content dt_module_setting dtthemes_module_content">heading type 1</div>
    </div>
    <div class="ui-resizable-handle ui-resizable-e" style="z-index: 90;"></div>
</div>
<div class="dt_module dt_m_h2 dt_module_others ui-resizable ui-sortable-handle dt_first" data-name="h2" data-placeholder="H2" style="opacity: 1;"><span class="ico-headings dt_icon"></span>
    <span class="dt_module_name">H2</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">aligncenter</div>
        <div data-option_name="subtitle" class="subtitle dt_module_setting"></div>
        <div data-option_name="h2_content" class="h2_content dt_module_setting dtthemes_module_content">heading type 2</div>
    </div>
    <div class="ui-resizable-handle ui-resizable-e" style="z-index: 90;"></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">aligncenter</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">
            <p>heading type 3</p>
        </div>
    </div>
    <div class="ui-resizable-handle ui-resizable-e" style="z-index: 90;"></div>
</div>
<div class="dt_module dt_m_h4 dt_module_others ui-resizable ui-sortable-handle dt_first" data-name="h4" data-placeholder="H4" style="opacity: 1;"><span class="ico-headings dt_icon"></span>
    <span class="dt_module_name">H4</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">aligncenter</div>
        <div data-option_name="subtitle" class="subtitle dt_module_setting"></div>
        <div data-option_name="h4_content" class="h4_content dt_module_setting dtthemes_module_content">heading type 4</div>
    </div>
    <div class="ui-resizable-handle ui-resizable-e" style="z-index: 90;"></div>
</div>
<div class="dt_module dt_m_h5 dt_module_others ui-resizable ui-sortable-handle dt_first" data-name="h5" data-placeholder="H5" style="opacity: 1;"><span class="ico-headings dt_icon"></span>
    <span class="dt_module_name">H5</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">aligncenter</div>
        <div data-option_name="subtitle" class="subtitle dt_module_setting"></div>
        <div data-option_name="h5_content" class="h5_content dt_module_setting dtthemes_module_content">
            <p>heading type 5</p>
        </div>
    </div>
    <div class="ui-resizable-handle ui-resizable-e" style="z-index: 90;"></div>
</div>
<div class="dt_module dt_m_h6 dt_module_others ui-resizable ui-sortable-handle dt_first" data-name="h6" data-placeholder="H6" style="opacity: 1;"><span class="ico-headings dt_icon"></span>
    <span class="dt_module_name">H6</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">aligncenter</div>
        <div data-option_name="subtitle" class="subtitle dt_module_setting"></div>
        <div data-option_name="h6_content" class="h6_content dt_module_setting dtthemes_module_content">heading type 6</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_half dt_m_column_has_modules ui-sortable-handle dt_first" data-name="one_half" data-placeholder="1/2 Column" style="opacity: 1; z-index: 1;">
    <div class="dt_module_controls">
        <span class="dt_module_name dt_column_name" style="opacity: 1;">1/2 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_h1 dt_module_others ui-resizable dt_first ui-sortable-handle" data-name="h1" data-placeholder="H1" style="opacity: 1;"><span class="ico-headings dt_icon"></span>
            <span class="dt_module_name">H1</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="h1_content" class="h1_content dt_module_setting dtthemes_module_content">
                    <p>heading type 1</p>
                </div>
            </div>
        </div>
        <div class="dt_module dt_m_h2 dt_module_others ui-resizable dt_first ui-sortable-handle" data-name="h2" data-placeholder="H2" style="opacity: 1;"><span class="ico-headings dt_icon"></span>
            <span class="dt_module_name">H2</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="h2_content" class="h2_content dt_module_setting dtthemes_module_content">
                    <p>heading type 2</p>
                </div>
            </div>
        </div>
        <div class="dt_module dt_m_h3 dt_module_others ui-resizable dt_first ui-sortable-handle" 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">
                    <p>heading type 3</p>
                </div>
            </div>
        </div>
        <div class="dt_module dt_m_h4 dt_module_others ui-resizable dt_first ui-sortable-handle" data-name="h4" data-placeholder="H4" style="opacity: 1;"><span class="ico-headings dt_icon"></span>
            <span class="dt_module_name">H4</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="h4_content" class="h4_content dt_module_setting dtthemes_module_content">
                    <p>heading type 4</p>
                </div>
            </div>
        </div>
        <div class="dt_module dt_m_h5 dt_module_others ui-resizable dt_first ui-sortable-handle" data-name="h5" data-placeholder="H5" style="opacity: 1;"><span class="ico-headings dt_icon"></span>
            <span class="dt_module_name">H5</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="h5_content" class="h5_content dt_module_setting dtthemes_module_content">
                    <p>heading type 5</p>
                </div>
            </div>
        </div>
        <div class="dt_module dt_m_h6 dt_module_others ui-resizable dt_first ui-sortable-handle" data-name="h6" data-placeholder="H6" style="opacity: 1;"><span class="ico-headings dt_icon"></span>
            <span class="dt_module_name">H6</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="h6_content" class="h6_content dt_module_setting dtthemes_module_content">
                    <p>heading type 6</p>
                </div>
            </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_half dt_m_column_has_modules ui-sortable-handle" data-name="one_half" data-placeholder="1/2 Column" style="opacity: 1; z-index: 1;">
    <div class="dt_module_controls">
        <span class="dt_module_name dt_column_name" style="opacity: 1;">1/2 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_h1 dt_module_others ui-resizable dt_first ui-sortable-handle" data-name="h1" data-placeholder="H1" style="opacity: 1;"><span class="ico-headings dt_icon"></span>
            <span class="dt_module_name">H1</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">alignright</div>
                <div data-option_name="subtitle" class="subtitle dt_module_setting"></div>
                <div data-option_name="h1_content" class="h1_content dt_module_setting dtthemes_module_content">
                    <p>heading type 1</p>
                </div>
            </div>
        </div>
        <div class="dt_module dt_m_h2 dt_module_others ui-resizable dt_first ui-sortable-handle" data-name="h2" data-placeholder="H2" style="opacity: 1;"><span class="ico-headings dt_icon"></span>
            <span class="dt_module_name">H2</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">alignright</div>
                <div data-option_name="subtitle" class="subtitle dt_module_setting"></div>
                <div data-option_name="h2_content" class="h2_content dt_module_setting dtthemes_module_content">
                    <p>heading type 2</p>
                </div>
            </div>
        </div>
        <div class="dt_module dt_m_h3 dt_module_others ui-resizable dt_first ui-sortable-handle" 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">alignright</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">
                    <p>heading type 3</p>
                </div>
            </div>
        </div>
        <div class="dt_module dt_m_h4 dt_module_others ui-resizable dt_first ui-sortable-handle" data-name="h4" data-placeholder="H4" style="opacity: 1;"><span class="ico-headings dt_icon"></span>
            <span class="dt_module_name">H4</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">alignright</div>
                <div data-option_name="subtitle" class="subtitle dt_module_setting"></div>
                <div data-option_name="h4_content" class="h4_content dt_module_setting dtthemes_module_content">
                    <p>heading type 4</p>
                </div>
            </div>
        </div>
        <div class="dt_module dt_m_h5 dt_module_others ui-resizable dt_first ui-sortable-handle" data-name="h5" data-placeholder="H5" style="opacity: 1;"><span class="ico-headings dt_icon"></span>
            <span class="dt_module_name">H5</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">alignright</div>
                <div data-option_name="subtitle" class="subtitle dt_module_setting"></div>
                <div data-option_name="h5_content" class="h5_content dt_module_setting dtthemes_module_content">
                    <p>heading type 5</p>
                </div>
            </div>
        </div>
        <div class="dt_module dt_m_h6 dt_module_others ui-resizable dt_first ui-sortable-handle" data-name="h6" data-placeholder="H6" style="opacity: 1;"><span class="ico-headings dt_icon"></span>
            <span class="dt_module_name">H6</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">alignright</div>
                <div data-option_name="subtitle" class="subtitle dt_module_setting"></div>
                <div data-option_name="h6_content" class="h6_content dt_module_setting dtthemes_module_content">
                    <p>heading type 6</p>
                </div>
            </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_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_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_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">Table</div>
    </div>
    <div class="ui-resizable-handle ui-resizable-e" style="z-index: 90;"></div>
</div>
<div class="dt_module dt_m_doshortcode_anycontent dt_module_general ui-resizable ui-sortable-handle dt_first" data-name="doshortcode_anycontent" data-placeholder="Add Any Content Here" style="opacity: 1;"><span class="ico-anycontent dt_icon"></span>
    <span class="dt_module_name">Add Any Content Here</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="acc_content" class="acc_content dt_module_setting dtthemes_module_content">
            <table>
                <thead>
                    <tr>
                        <th>Col 1</th>
                        <th>Col 2</th>
                        <th>Col 3</th>
                        <th>Col 4</th>
                        <th>Col 5</th>
                    </tr>
                </thead>
                <tbody>
                    <tr>
                        <td>Item #1</td>
                        <td>Desc</td>
                        <td>Subtotal:</td>
                        <td>$1.00</td>
                        <td>$0.09</td>
                    </tr>
                    <tr>
                        <td>Item #2</td>
                        <td>Desc</td>
                        <td>Discount:</td>
                        <td>$2.00</td>
                        <td>$1.08</td>
                    </tr>
                    <tr>
                        <td>Item #3</td>
                        <td>Desc</td>
                        <td>Shipping:</td>
                        <td>$3.00</td>
                        <td>$2.50</td>
                    </tr>
                    <tr>
                        <td>Item #4</td>
                        <td>Desc</td>
                        <td>Tax:</td>
                        <td>$4.00</td>
                        <td>$3.00</td>
                    </tr>
                    <tr>
                        <td><strong>All</strong></td>
                        <td><strong>Desc</strong></td>
                        <td><strong>Total:</strong></td>
                        <td><strong>$10.00</strong></td>
                        <td><strong>$9.00</strong></td>
                    </tr>
                </tbody>
            </table>
        </div>
    </div>
    <div class="ui-resizable-handle ui-resizable-e" style="z-index: 90;"></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_doshortcode_anycontent dt_module_general ui-resizable ui-sortable-handle dt_first" data-name="doshortcode_anycontent" data-placeholder="Add Any Content Here" style="opacity: 1;"><span class="ico-anycontent dt_icon"></span>
    <span class="dt_module_name">Add Any Content Here</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="acc_content" class="acc_content dt_module_setting dtthemes_module_content">
            <table class="without-border">
                <thead>
                    <tr>
                        <th>Column1</th>
                        <th>Column2</th>
                        <th>Column3</th>
                        <th>Column4</th>
                    </tr>
                </thead>
                <tbody>
                    <tr>
                        <td>Item #1</td>
                        <td>Description</td>
                        <td>Subtotal:</td>
                        <td>$1.00</td>
                    </tr>
                    <tr>
                        <td>Item #2</td>
                        <td>Description</td>
                        <td>Discount:</td>
                        <td>$2.00</td>
                    </tr>
                    <tr>
                        <td>Item #3</td>
                        <td>Description</td>
                        <td>Shipping:</td>
                        <td>$3.00</td>
                    </tr>
                    <tr>
                        <td>Item #4</td>
                        <td>Description</td>
                        <td>Tax:</td>
                        <td>$4.00</td>
                    </tr>
                    <tr>
                        <td><strong>All Items</strong></td>
                        <td><strong>Description</strong></td>
                        <td><strong>Your Total:</strong></td>
                        <td><strong>$10.00</strong></td>
                    </tr>
                </tbody>
            </table>
        </div>
    </div>
    <div class="ui-resizable-handle ui-resizable-e" style="z-index: 90;"></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_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_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">Tooltip</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_tooltip dt_module_general  dt_first ui-sortable-handle" data-name="tooltip" data-placeholder="Tooltip" style="opacity: 1;"><span class="ico-tooltip dt_icon"></span>
            <span class="dt_module_name">Tooltip</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">boxed</div>
                <div data-option_name="tooltip" class="tooltip dt_module_setting">ToolTip in Top</div>
                <div data-option_name="position" class="position dt_module_setting">top</div>
                <div data-option_name="href" class="href dt_module_setting">#</div>
                <div data-option_name="target" class="target dt_module_setting">_blank</div>
                <div data-option_name="bgcolor" class="bgcolor dt_module_setting"></div>
                <div data-option_name="textcolor" class="textcolor dt_module_setting"></div>
                <div data-option_name="tp_content" class="tp_content dt_module_setting dtthemes_module_content">ToolTip in Top</div>
            </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_tooltip dt_module_general  dt_first ui-sortable-handle" data-name="tooltip" data-placeholder="Tooltip" style="opacity: 1;"><span class="ico-tooltip dt_icon"></span>
            <span class="dt_module_name">Tooltip</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">boxed</div>
                <div data-option_name="tooltip" class="tooltip dt_module_setting">ToolTip in Right</div>
                <div data-option_name="position" class="position dt_module_setting">right</div>
                <div data-option_name="href" class="href dt_module_setting">#</div>
                <div data-option_name="target" class="target dt_module_setting">_blank</div>
                <div data-option_name="bgcolor" class="bgcolor dt_module_setting"></div>
                <div data-option_name="textcolor" class="textcolor dt_module_setting"></div>
                <div data-option_name="tp_content" class="tp_content dt_module_setting dtthemes_module_content">ToolTip in Right</div>
            </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_tooltip dt_module_general  dt_first ui-sortable-handle" data-name="tooltip" data-placeholder="Tooltip" style="opacity: 1;"><span class="ico-tooltip dt_icon"></span>
            <span class="dt_module_name">Tooltip</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">boxed</div>
                <div data-option_name="tooltip" class="tooltip dt_module_setting">ToolTip in Bottom</div>
                <div data-option_name="position" class="position dt_module_setting">bottom</div>
                <div data-option_name="href" class="href dt_module_setting">#</div>
                <div data-option_name="target" class="target dt_module_setting">_blank</div>
                <div data-option_name="bgcolor" class="bgcolor dt_module_setting"></div>
                <div data-option_name="textcolor" class="textcolor dt_module_setting"></div>
                <div data-option_name="tp_content" class="tp_content dt_module_setting dtthemes_module_content">ToolTip in Bottom</div>
            </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_tooltip dt_module_general  dt_first ui-sortable-handle" data-name="tooltip" data-placeholder="Tooltip" style="opacity: 1;"><span class="ico-tooltip dt_icon"></span>
            <span class="dt_module_name">Tooltip</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">boxed</div>
                <div data-option_name="tooltip" class="tooltip dt_module_setting">ToolTip in Left</div>
                <div data-option_name="position" class="position dt_module_setting">left</div>
                <div data-option_name="href" class="href dt_module_setting">#</div>
                <div data-option_name="target" class="target dt_module_setting">_blank</div>
                <div data-option_name="bgcolor" class="bgcolor dt_module_setting"></div>
                <div data-option_name="textcolor" class="textcolor dt_module_setting"></div>
                <div data-option_name="tp_content" class="tp_content dt_module_setting dtthemes_module_content">ToolTip in Left</div>
            </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_hr_invisible_medium dt_module_others dt_disable_resize ui-sortable-handle dt_first" data-name="hr_invisible_medium" data-placeholder="Whitespace Medium" style="opacity: 1;"><span class="ico-divider dt_icon"></span>
    <span class="dt_module_name">Whitespace Medium</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_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_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">More Tooltips</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_tip_one dt_module_general  dt_first ui-sortable-handle" data-name="tip_one" data-placeholder="Tooltip Line" style="opacity: 1;"><span class="ico-pullquote dt_icon"></span>
            <span class="dt_module_name">Tooltip Line</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="link" class="link dt_module_setting">#</div>
                <div data-option_name="position" class="position dt_module_setting"></div>
                <div data-option_name="text" class="text dt_module_setting">Tooltip in Top</div>
                <div data-option_name="tto_content" class="tto_content dt_module_setting dtthemes_module_content">Tooltip Top</div>
            </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_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_tip_one dt_module_general  dt_first ui-sortable-handle" data-name="tip_one" data-placeholder="Tooltip Line" style="opacity: 1;"><span class="ico-pullquote dt_icon"></span>
            <span class="dt_module_name">Tooltip Line</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="link" class="link dt_module_setting">#</div>
                <div data-option_name="position" class="position dt_module_setting">bottom</div>
                <div data-option_name="text" class="text dt_module_setting">Tooltip in Bottom</div>
                <div data-option_name="tto_content" class="tto_content dt_module_setting dtthemes_module_content">Tooltip Bottom</div>
            </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_tip_two dt_module_general  dt_first ui-sortable-handle" data-name="tip_two" data-placeholder="Tooltip Box" style="opacity: 1;"><span class="ico-pullquote dt_icon"></span>
            <span class="dt_module_name">Tooltip Box</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="link" class="link dt_module_setting">#</div>
                <div data-option_name="position" class="position dt_module_setting"></div>
                <div data-option_name="text" class="text dt_module_setting">Tooltip in Top</div>
                <div data-option_name="ttt_content" class="ttt_content dt_module_setting dtthemes_module_content">Tooltip Top</div>
            </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_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_tip_two dt_module_general  dt_first ui-sortable-handle" data-name="tip_two" data-placeholder="Tooltip Box" style="opacity: 1;"><span class="ico-pullquote dt_icon"></span>
            <span class="dt_module_name">Tooltip Box</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="link" class="link dt_module_setting">#</div>
                <div data-option_name="position" class="position dt_module_setting">bottom</div>
                <div data-option_name="text" class="text dt_module_setting">Tooltip in Bottom</div>
                <div data-option_name="ttt_content" class="ttt_content dt_module_setting dtthemes_module_content">Tooltip Bottom</div>
            </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_tip_three dt_module_general  dt_first ui-sortable-handle" data-name="tip_three" data-placeholder="Tooltip Classic" style="opacity: 1;"><span class="ico-pullquote dt_icon"></span>
            <span class="dt_module_name">Tooltip Classic</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="link" class="link dt_module_setting">#</div>
                <div data-option_name="position" class="position dt_module_setting"></div>
                <div data-option_name="text" class="text dt_module_setting">Tooltip in top</div>
                <div data-option_name="image" class="image dt_module_setting">http://dummy.wedesignthemes.com/whistle/wp-content/uploads/2015/11/tooltip-image.jpg</div>
                <div data-option_name="ttt_content" class="ttt_content dt_module_setting dtthemes_module_content">Lorem ipsum dolor sit amet, consectetur adipiscing elit. pellentesque mauris. Duis facilisis eros nec lacus.</div>
            </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_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_tip_three dt_module_general  dt_first ui-sortable-handle" data-name="tip_three" data-placeholder="Tooltip Classic" style="opacity: 1;"><span class="ico-pullquote dt_icon"></span>
            <span class="dt_module_name">Tooltip Classic</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="link" class="link dt_module_setting">#</div>
                <div data-option_name="position" class="position dt_module_setting">bottom</div>
                <div data-option_name="text" class="text dt_module_setting">Tooltip in Bottom</div>
                <div data-option_name="image" class="image dt_module_setting">http://dummy.wedesignthemes.com/whistle/wp-content/uploads/2015/11/tooltip-image2.jpg</div>
                <div data-option_name="ttt_content" class="ttt_content dt_module_setting dtthemes_module_content">
                    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. pellentesque mauris. Duis facilisis eros nec lacus.</p>
                </div>
            </div>
        </div>
    </div>
    <div class="dt_show_modules_in_popup dt_popup_from_column" title="Add Module" style="display: inline-block;"></div>
</div>