Untitled

<%@ Master Language="C#" AutoEventWireup="true" CodeFile="WebSite.master.cs" Inherits="WebSite" %>

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
    <asp:ContentPlaceHolder id="head" runat="server">
        <link href="Content/boostrap.css" rel="stylesheet" runat="server" />
        <link href="Content/fontawesome.min.css" rel="stylesheet" runat="server"/>
    </asp:ContentPlaceHolder>
</head>
<body>
<asp:ContentPlaceHolder id="body" runat="server">
    <label>Funciona</label>
</asp:ContentPlaceHolder>
</body>
</html>

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Login.aspx.cs" Inherits="Login" MasterPageFile="~/WebSite.master" %>


<asp:Content ID="IdHead" ContentPlaceHolderID="head" Runat="Server">
    <title>Gestion de Certificaciones</title>
    <%--    <link href="Content/boostrap.css" rel="stylesheet" />
    <link href="Content/fontawesome.min.css" rel="stylesheet" /--%>
    <link href="Content/normalize.css" rel="stylesheet" />
    <link href="Content/Login.css" rel="stylesheet" />
    <link rel="shortcut icon" type="image/x-icon" href="Multimedia/img/isban_cube.ico" />
    <link href="Plugins/SweetAlert2/SweetAlert2/dist/sweetalert2.min.css" rel="stylesheet" />
    <script src="Plugins/SweetAlert2/SweetAlert2/dist/sweetalert2.min.js"></script>
    <script src="Js/jquery.js"></script>

    <script>

        function alertErros(ex) {
            swal({
                type: 'error',
                title: 'Problemas',
                text: ex,
                footer: '<a href>porfavor, cierre esta ventana.</a>'
            })
        }

    </script>

</asp:Content>


<asp:Content ID="Content1" ContentPlaceHolderID="body" Runat="Server">

<div class="wrapper">
    <form runat="server" id="frmLogin" class="login" defaultbutton="btnLogin">
        <p class="title"><asp:Image runat="server" ID="imgLogo" ImageUrl="Multimedia/img/isban_cube_sm.png" ImageAlign="AbsBottom"/>&nbsp;&nbsp;&nbsp;Gestion de Certificaciones</p>
        <span><asp:Label runat="server" ID="lblUserName" Text="Usuario" AssociatedControlID="txtUserName" CssClass="label"></asp:Label>
            <asp:TextBox runat="server" ID="txtUserName" placeholder="" style="text-transform:uppercase;"/>
            <i class="fa fa-user"></i></span>
        <span><asp:Label runat="server" ID="lblPassword" Text="Contraseña" AssociatedControlID="txtPassword" CssClass="label"></asp:Label>
            <asp:TextBox runat="server" ID="txtPassword" TextMode="Password" />
            <i class="fa fa-lock"></i></span>
        <asp:Label runat="server" ID="lblMsg" Text="" CssClass="labelMsg"></asp:Label>
        <asp:HiddenField runat="server" ID="ReturnUrl" Value="Default.aspx" />
        <asp:LinkButton runat="server" ID="btnLogin" CssClass="button" OnClientClick="return validateEnter();" OnClick="btnLogin_OnClick" >
            <i class="spinner"></i>
            <span class="state">ENTRAR</span>
        </asp:LinkButton>
    </form>
</div>


<script>

    function validateEnter() {
        var user = $("#txtUserName").val();
        var pass = $("#txtPassword").val();
        if (user == "" || pass == "") {
            alertErros("Debe rellenar los campos de inicio de sesion");
            return false;
        } else {
            return true;
        }
    }

</script>

</asp:Content>