whmcsDNSManager/modules/addons/DNSManager2/templates/clientarea/default/main.tpl

<div class="mg-module mg-wrapper">
    <link rel="stylesheet" type="text/css" href="{$assetsURL}/css/bootstrap.min.css">
    <link rel="stylesheet" type="text/css" href="{$assetsURL}/css/font-awesome.min.css">
    <link rel="stylesheet" type="text/css" href="{$assetsURL}/css/layout.css">
    <link rel="stylesheet" type="text/css" href="{$assetsURL}/css/theme.css">
    <link rel="stylesheet" type="text/css" href="{$assetsURL}/css/select2.css"/>
    <link rel="stylesheet" type="text/css" href="{$assetsURL}/css/jquery.dataTables.css"/>
    <link rel="stylesheet" type="text/css" href="{$assetsURL}/css/icheck/all.css">

    {literal}
           <script type="text/javascript">
            var bootstrap_src = "{/literal}{$assetsURL}{literal}/js/bootstrap.min.js";
            if (!window.jQuery) { 
                
                document.write('<script data-cfasync="false" src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js" type="text/javascript"><\/script>'); 
               document.write('<script data-cfasync="false" src="' + bootstrap_src +'" type="text/javascript"><\/script>'); 
            } else {
                var sp = jQuery.fn.jquery.split(" ")[0].split(".");
                if(sp[0]<2 && sp[1]<9 || 1==sp[0] && 9==sp[1] && sp[2]<1) {
                 document.write('<script data-cfasync="false" src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js" type="text/javascript"><\/script>'); 
                 
                jQuery(window).load(function () {
                    if(!jQuery.fn.modal)
                        jQuery('.mg-wrapper').prepend('<script src="' + bootstrap_src +'" type="text/javascript"><\/script>'); 
                });
            }
            }
        </script>
    {/literal}
    
    <script data-cfasync="false" type="text/javascript" src="{$assetsURL}/js/bootsrap.tooltip.js"></script>
    <script data-cfasync="false" type="text/javascript" src="{$assetsURL}/js/validator.js"></script>
    <script data-cfasync="false" type="text/javascript" src="{$assetsURL}/js/jquery.dataTables.js"></script>
    <script data-cfasync="false" type="text/javascript" src="{$assetsURL}/js/dataTables.bootstrap.js"></script>    
    <script data-cfasync="false" type="text/javascript" src="{$assetsURL}/js/icheck.min.js"></script>
    <script data-cfasync="false" type="text/javascript" src="{$assetsURL}/js/select2.min.js"></script>
    <script data-cfasync="false" type="text/javascript" src="{$assetsURL}/js/mgLibs.js"></script>
    <script data-cfasync="false" type="text/javascript" src="{$assetsURL}/js/customDatatablePagination.js"></script>

    <script data-cfasync="false" type="text/javascript">
        JSONParser.create('{$mainJSONURL}');
    </script>
    
    <div id="mg-wrapper" class="module-container">
        <div class="module-content">
            <div class="row" id="MGAlerts">
                {if $error}
                    <div class="alert alert-danger">
                        <button type="button" class="close" data-dismiss="alert"><span aria-hidden="true">&times;</span><span class="sr-only"></span></button>
                        <p><strong>{$error}</strong></p>
                    </div>
                {/if}
                {if $success}
                    <div class="alert alert-success">
                        <button type="button" class="close" data-dismiss="alert"><span aria-hidden="true">&times;</span><span class="sr-only"></span></button>
                        <p><strong>{$success}</strong></p>
                    </div>
                {/if}
                <div style="display:none;" data-prototype="error">
                    <div class="col-md-12">
                        <div class="alert alert-danger">
                            <button type="button" class="close" data-dismiss="alert"><span aria-hidden="true">&times;</span><span class="sr-only"></span></button>
                            <strong></strong>
                            <a style="display:none;" class="errorID" href=""></a>
                        </div>
                    </div>
                </div>
                <div style="display:none;" data-prototype="success">
                    <div class="col-md-12">
                        <div class="alert alert-success">
                            <button type="button" class="close" data-dismiss="alert"><span aria-hidden="true">&times;</span><span class="sr-only"></span></button>
                            <strong></strong>
                        </div>
                    </div>
                </div>
            </div>
            <div id="mg-container">
                {$mgcontent}
            </div>
        </div>
        <div class="row-fluid"> 
            <div id="MGModal">

            </div>
        </div>
        <div id="MGLoader" style="display:none;" >
            <div>
                <img src="{$assetsURL}/img/ajax-loader.gif" alt="Loading ..." />
            </div>
        </div>
        <div id="MGConfirmationModal" class="modal" style="z-index: 1055; margin: 30vh auto; overflow-y: hidden;">
            <div class="modal-dialog">
                <div class="modal-content">
                    <div class="modal-header">
                        <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">{$MGLANG->T('confirmation_close')}</span></button>
                        <h4 class="modal-title"></h4>
                        <span style="display: none" class="default-title">{$MGLANG->T('confirmation_default_title')}</span>
                    </div>
                    <div class="modal-body">
                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-default" data-dismiss="modal">{$MGLANG->T('confirmation_close')}</button>
                        <button type="button" class="btn btn-danger" data-dismiss="modal" data-confirm="">{$MGLANG->T('confirmation_confirm')}</button>
                    </div>
                </div><!-- /.modal-content -->
            </div><!-- /.modal-dialog -->
        </div> 
    </div>
</div>