Login screen skin page for DNN

Login.ascx

<%@ Control language="VB" AutoEventWireup="false" Explicit="True" Inherits="DotNetNuke.UI.Skins.Skin" %><%@ Register TagPrefix="connect" Namespace="Connect.DNN.Modules.SkinControls" Assembly="Connect.DNN.Modules.SkinControls" %><%@ Register TagPrefix="dnn" Namespace="DotNetNuke.Web.Client.ClientResourceManagement" Assembly="DotNetNuke.Web.Client" %><%@ Register TagPrefix="dnn" TagName="MENU" Src="~/DesktopModules/DDRMenu/Menu.ascx" %>
<%@ Register TagPrefix="dnn" TagName="PRIVACY" Src="~/Admin/Skins/Privacy.ascx" %>
<%@ Register TagPrefix="dnn" TagName="TERMS" Src="~/Admin/Skins/Terms.ascx" %>
<dnn:DnnCssInclude runat="server" FilePath="css/bootstrap.min.css" PathNameAlias="SkinPath" />
<dnn:DnnCssInclude runat="server" FilePath="css/font-awesome.min.css" PathNameAlias="SkinPath" />
<dnn:DnnCssInclude runat="server" FilePath="css/sb-admin-2.min.css" PathNameAlias="SkinPath" />
<dnn:DnnCssInclude runat="server" FilePath="dnndefault/8.0.0/default.css" PathNameAlias="SharedScripts" Name="dnndefault" Version="8.0.0" />
<dnn:DnnCssInclude runat="server" FilePath="css/loaders.min.css" PathNameAlias="SkinPath" />
<dnn:DnnJsInclude runat="server" FilePath="js/bootstrap.min.js" PathNameAlias="SkinPath" />
<div id="wrapper loginpage">
    <div class="container">
        <div class="row">
            <div class="col-md-4 col-md-offset-4" runat="server" id="ContentPane"></div>
        </div>
        <div class="row">
            <div class="col-lg-6 col-md-12" runat="server" id="LeftPane"></div>
            <div class="col-lg-6 col-md-12" runat="server" id="RightPane"></div>
        </div>
    </div>
    <div style="position: relative;bottom: 0;width: 100%;text-align: center;padding-bottom: 10px;margin-top: 20px">
        <dnn:TERMS ID="dnnTerms" runat="server" />
        |
        <dnn:PRIVACY ID="dnnPrivacy" runat="server" />
    </div>
</div>
<script type="text/javascript">
(function ($, Sys) {
$(document).ready(function () {
    preparePage();
});
Sys.WebForms.PageRequestManager.getInstance().add_endRequest(preparePage);
function preparePage() {
    //$('.dnnLabel').hide();
    //$('.dnnFormLabel').hide();
    $('.dnnFormItem > a.dnnSecondaryAction').hide();
    $('.dnnLoginService').removeClass('dnnLoginService').addClass('panel-body').parent().addClass('login-panel panel panel-default').prepend('<div class="panel-heading"><h3 class="panel-title">Veuillez vous connecter</h3></div>');
    $('.dnnFormItem').addClass('form-group');
    $('.dnnFormItem input').addClass('form-control');
    $('.dnnPrimaryAction').addClass('btn btn-lg btn-success btn-block');
    var e = $('.dnnLoginRememberMe').parent();
    e.prev().insertAfter(e);
    $('.dnnLoginRememberMe input').removeClass('form-control').removeAttr('style').after('&nbsp;');
    $('.dnnLoginActions ul li a').removeAttr('onclick');
    $.fn.dnnCheckbox = function(options) {};
    $('.dnnPrimaryAction').click(function(e) {
        $('.p-overlay').show();
    });
    $('.LoginPanel').append('<div class="p-overlay"><div class="p-overlay-message"><div class="loader-inner ball-pulse"><div /><div /><div /></div></div></div>');
    $('.p-overlay').height($('.login-panel').height()).width($('.login-panel').width()).hide();
    $('#dnn_ctr653_Login_Login_DNN_lblLoginRememberMe').hide();
}
}(jQuery, window.Sys));

</script>

<style type="text/css">
ul.dnnActions li {
  list-style-type: none;
  margin-left: 0;
  width: 100%;
  text-align: right;
}
.dnnPrimaryAction {
  margin-bottom: 10px;
}
.dnnSendPassword .dnnFormMessage {
  padding: 30px 0;
}
.dnnSendPasswordContent {
  width: 100%;
}
.dnnSendPasswordContent input[type=text] {
  width: 100%;
}
.dnnFormHelp, .dnnTooltip {
  display: none;
}
</style>

This uses loaders.css and Bootstrap. The sb-admin and font-awesome are not needed.