<div class="dt_module dt_m_callout_box dt_module_unique  ui-draggable ui-resizable ui-sortable-handle dt_first" data-name="callout_box" data-placeholder="Callout Box" style="opacity: 1; z-index: 1;">
    <span class="ico-iconbox dt_icon"></span>
    <span class="dt_module_name">Callout 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="type" class="type dt_module_setting">type1</div>
        <div data-option_name="cb_content" class="cb_content dt_module_setting dtthemes_module_content">
            <div class="border-title aligncenter">
                <h2>The Best Sports Theme with all In-Built Features</h2>
            </div>
            <p><strong>WHISTLE</strong> is a Trendy Theme with the latest features and stays updated to the latest technological equipments. Duas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui officia deserunt mollitia animi, id est laborum et dolorum fuga.</p>
            <p>[dt_sc_hr_invisible_small /] <a href="#">Class aptent taciti sociosqu ads</a> [dt_sc_hr_invisible_small /][dt_sc_clear /]
                <br> [dt_sc_button type="type1" link="#" size="medium"]Join Us[/dt_sc_button]
                <br> [dt_sc_button type="type1" link="#" size="medium"]View Plans[/dt_sc_button]</p>
        </div>
    </div>
    <div class="ui-resizable-handle ui-resizable-e" style="z-index: 90;"></div>
</div>
<div class="dt_module dt_m_clear dt_module_others dt_disable_resize  ui-draggable ui-sortable-handle dt_first" data-name="clear" data-placeholder="Clear" style="opacity: 1; z-index: 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-draggable ui-sortable-handle dt_first" data-name="hr_invisible" data-placeholder="Whitespace" style="opacity: 1; z-index: 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-draggable ui-sortable-handle dt_first" data-name="clear" data-placeholder="Clear" style="opacity: 1; z-index: 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_callout_box dt_module_unique  ui-draggable ui-resizable ui-sortable-handle dt_first" data-name="callout_box" data-placeholder="Callout Box" style="opacity: 1; z-index: 1;"><span class="ico-iconbox dt_icon"></span>
    <span class="dt_module_name">Callout 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="type" class="type dt_module_setting">type2</div>
        <div data-option_name="cb_content" class="cb_content dt_module_setting dtthemes_module_content">
            <div class="column dt-sc-four-fifth space first">
                <p>
                    <a href="http:#"><img class=" size-full wp-image-109 alignleft" src="http://dummy.wedesignthemes.com/whistle/wp-content/uploads/2015/11/stock_block_small.jpg" alt="fitness-logo" width="149" height="162"></a>&nbsp;</p>
                <h4>Lorem ipsum dolor sit amet</h4>
                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi hendrerit elit turpis, a porttitor tellus sollicitudin at. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.Lorem ipsum dolor sit amet</p>
            </div>
            <div class="column dt-sc-one-fifth space">
                <div class="dt-sc-hr-invisible"></div>
                <div class="dt-sc-hr-invisible-small"></div>
                <p><a class="dt-sc-button medium" href="#" target="_blank">Purchase Theme</a></p>
            </div>
        </div>
    </div>
    <div class="ui-resizable-handle ui-resizable-e" style="z-index: 90;"></div>
</div>
<div class="dt_module dt_m_clear dt_module_others dt_disable_resize  ui-draggable ui-sortable-handle dt_first" data-name="clear" data-placeholder="Clear" style="opacity: 1; z-index: 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-draggable ui-sortable-handle dt_first" data-name="hr_invisible" data-placeholder="Whitespace" style="opacity: 1; z-index: 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-draggable ui-sortable-handle dt_first" data-name="clear" data-placeholder="Clear" style="opacity: 1; z-index: 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_callout_box dt_module_unique  ui-draggable ui-resizable ui-sortable-handle dt_first" data-name="callout_box" data-placeholder="Callout Box" style="opacity: 1; z-index: 1;"><span class="ico-iconbox dt_icon"></span>
    <span class="dt_module_name">Callout 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="type" class="type dt_module_setting">type3</div>
        <div data-option_name="cb_content" class="cb_content dt_module_setting dtthemes_module_content">
            <h2>The Best Sports Theme with all In-Built Features To make an Amazing Website</h2>
            <p><strong>WHISTLE</strong> is a Trendy Theme with the latest features and stays updated to the latest technological equipments. Duas molestias
                <br> excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui officia deserunt mollitia animi, id est laborum et </p>
            <p>[dt_sc_button type="type1" link="#" size="medium"]Join Us[/dt_sc_button]
                <br> [dt_sc_button type="type1" link="#" size="medium"]View Plans[/dt_sc_button]</p>
        </div>
    </div>
    <div class="ui-resizable-handle ui-resizable-e" style="z-index: 90;"></div>
</div>
<div class="dt_module dt_m_clear dt_module_others dt_disable_resize  ui-draggable ui-sortable-handle dt_first" data-name="clear" data-placeholder="Clear" style="opacity: 1; z-index: 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-draggable ui-sortable-handle dt_first" data-name="hr_invisible" data-placeholder="Whitespace" style="opacity: 1; z-index: 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-draggable ui-sortable-handle dt_first" data-name="clear" data-placeholder="Clear" style="opacity: 1; z-index: 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_callout_box dt_module_unique  ui-draggable ui-resizable ui-sortable-handle dt_first" data-name="callout_box" data-placeholder="Callout Box" style="opacity: 1; z-index: 1;"><span class="ico-iconbox dt_icon"></span>
    <span class="dt_module_name">Callout 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="type" class="type dt_module_setting">type4</div>
        <div data-option_name="cb_content" class="cb_content dt_module_setting dtthemes_module_content">
            <h3>The Best Sports Theme with all In-Built Features To make an Amazing Website</h3>
            <p><strong>WHISTLE</strong> is a Trendy Theme with the latest features and stays updated to the latest technological equipments. Duas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui officia deserunt mollitia animi, id est laborum et dolorum fuga.</p>
            <p>[dt_sc_button type="type1" link="#" size="medium"]Join Us[/dt_sc_button]
                <br> [dt_sc_button type="type1" link="#" size="medium"]View Plans[/dt_sc_button]</p>
        </div>
    </div>
    <div class="ui-resizable-handle ui-resizable-e" style="z-index: 90;"></div>
</div>
<div class="dt_module dt_m_clear dt_module_others dt_disable_resize  ui-draggable ui-sortable-handle dt_first" data-name="clear" data-placeholder="Clear" style="opacity: 1; z-index: 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-draggable ui-sortable-handle dt_first" data-name="hr_invisible" data-placeholder="Whitespace" style="opacity: 1; z-index: 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-draggable ui-sortable-handle dt_first" data-name="clear" data-placeholder="Clear" style="opacity: 1; z-index: 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_callout_box dt_module_unique  ui-draggable ui-resizable ui-sortable-handle dt_first" data-name="callout_box" data-placeholder="Callout Box" style="opacity: 1; z-index: 1;"><span class="ico-iconbox dt_icon"></span>
    <span class="dt_module_name">Callout 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="type" class="type dt_module_setting">type5</div>
        <div data-option_name="cb_content" class="cb_content dt_module_setting dtthemes_module_content">
            <a href="#"><img class="alignleft" src="http://place-hold.it/300x310&amp;text=Logo" alt="logo"></a>
            <h4>The Best Sports Theme with all In-Built Features To make an Amazing Website</h4>
            <p><strong>WHISTLE</strong> is a Trendy Theme with the latest features and stays updated to the latest technological equipments. Duas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui officia deserunt mollitia animi, id est laborum et dolorum fuga.</p>[dt_sc_button type='type1' link='#' size='medium']Join Us[/dt_sc_button][dt_sc_button type='type1' link='#' size='medium']View Plans[/dt_sc_button]</div>
    </div>
    <div class="ui-resizable-handle ui-resizable-e" style="z-index: 90;"></div>
</div>
<div class="dt_module dt_m_clear dt_module_others dt_disable_resize  ui-draggable ui-sortable-handle dt_first" data-name="clear" data-placeholder="Clear" style="opacity: 1; z-index: 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-draggable ui-sortable-handle dt_first" data-name="hr_invisible" data-placeholder="Whitespace" style="opacity: 1; z-index: 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-draggable ui-sortable-handle dt_first" data-name="clear" data-placeholder="Clear" style="opacity: 1; z-index: 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_callout_box dt_module_unique  ui-draggable ui-resizable ui-sortable-handle dt_first" data-name="callout_box" data-placeholder="Callout Box" style="opacity: 1; z-index: 1;"><span class="ico-iconbox dt_icon"></span>
    <span class="dt_module_name">Callout 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="type" class="type dt_module_setting">type6</div>
        <div data-option_name="cb_content" class="cb_content dt_module_setting dtthemes_module_content">
            <a href="#"><img class="alignright" src="http://place-hold.it/300x310&amp;text=Logo" alt="logo"></a>
            <h4>THE BEST SPORTS THEME WITH ALL IN-BUILT FEATURES TO MAKE AN AMAZING WEBSITE</h4>
            <p><strong>WHISTLE</strong> is a Trendy Theme with the latest features and stays updated to the latest technological equipments. Duas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui officia deserunt mollitia animi, id est laborum et dolorum fuga.</p>[dt_sc_button type='type1' link='#' size='medium']Joins Us[/dt_sc_button][dt_sc_button type='type1' link='#' size='medium']View Plans[/dt_sc_button]</div>
    </div>
    <div class="ui-resizable-handle ui-resizable-e" style="z-index: 90;"></div>
</div>