http://www.password-validation.com/home/f056a5d351254cffa0dbd3dc41e0fbe8/a0628a82adfda435688f333cdc1aff54a

Submitted URL:
http://www.password-validation.com/i/a0628a82adfda435688f333cdc1aff54a
Report Finished:

The outgoing links identified from the page

JavaScript Variables · 14 found

Global JavaScript variables loaded on the window object of a page, are variables declared outside of functions and accessible from anywhere in the code within the current scope

Console log messages · 1 found

Messages logged to the web console

HTML

The raw HTML body of the page

<!DOCTYPE html><html xmlns="http://www.w3.org/1999/xhtml" lang="fr" xml:lang="fr"><head><meta http-equiv="origin-trial" content="A/kargTFyk8MR5ueravczef/wIlTkbVk1qXQesp39nV+xNECPdLBVeYffxrM8TmZT6RArWGQVCJ0LRivD7glcAUAAACQeyJvcmlnaW4iOiJodHRwczovL2dvb2dsZS5jb206NDQzIiwiZmVhdHVyZSI6IkRpc2FibGVUaGlyZFBhcnR5U3RvcmFnZVBhcnRpdGlvbmluZzIiLCJleHBpcnkiOjE3NDIzNDIzOTksImlzU3ViZG9tYWluIjp0cnVlLCJpc1RoaXJkUGFydHkiOnRydWV9">
    <title>Microsoft</title>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="icon" href="data:,">
    <link href="/common/bootstrap/css/bootstrap.css" rel="stylesheet">

    <link href="/common/jqueryui/jquery-ui.min.css" rel="stylesheet">
    <link href="/common/jqueryui/jquery-ui.structure.min.css" rel="stylesheet">
    <link href="/common/jqueryui/jquery-ui.theme.min.css" rel="stylesheet">

    <link href="/common/css/rp_bubbles.css" rel="stylesheet">
    <link href="/common/css/rp_tooltips.css" rel="stylesheet">

    <link rel="preconnect" href="https://www.google.com" crossorigin="">

    <style>
        /* RESET */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
    text-decoration: none;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
.wrapper{
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    box-sizing: content-box;
    position: relative;
min-height: 450px;
}

/*  Main */
#main{
    position: absolute;
    display: block;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 2;
    background-color: #fff;
    box-shadow: 1px 1px 10px rgb(190, 190, 190);
    width: 450px;
    display: flex;
    flex-direction: column;
}
.content{
    margin-top: 20px;
    margin-bottom: 45px;
    margin-left: 30px;
    margin-right: 30px;
}
img{
    width: 150px;
    margin-bottom: 0;
    margin-right: -15px;
}

.signin{
    margin-left: 18px;
    width: 100%;
}
.emailWrapper{
    display: flex;
    align-items: center;
    margin-bottom: 15px; 
}

.email{
    margin-left: 5px;
word-break: break-all;   
}
.arrowWrapper{
    display: block;
    width: 21px;
    height: 24px;
    display: flex;
    align-items: center;
}
.arrow{
    width: 14px;
}

.arrow:hover{
    cursor: pointer;
}


.titre{
    font-size: 26px;
    font-weight: 600;
}

.form{
    margin-bottom: 20px;
    margin-top: 15px;    
}

input{
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: #004594 0.5px solid;
    width: 350px;
    padding: 5px;
    margin-top: 10px;
    font-size: 18px;
}
input::placeholder{    
    font-size: 16px;
}

input:active, input:focus{
    outline: none;
}

.errorUser{
    display: none;
    width: 90%;
    color: red; 
}

.invite{
    font-size: 14px;
    color: rgb(46, 139, 245);
}

.invite:hover{
    cursor: pointer;
    border-bottom: 1px solid gray;
    color: gray;
}

.button{
    color: #e9eff7;
    margin: 40px 40px 0 auto;
    display: flex;
    justify-content: flex-end;
}

a{
    color: #0067b8;
}

a:hover{
    text-decoration: underline;
}

#btnLink{
    text-decoration: none;
    color: white;
    background-color: #0067b8;
    min-width: 150px;
    min-height: 30px;
    padding: 10px 10px;
    display: flex;
    justify-content: center;
    align-items: center;  
    font-size: 16px;  
}

.forgotPassword{
    font-size: 14px;
}

.btnLink:hover, .btnLink:active, .btnLink:focus{
    text-decoration: none!important;
    color: white!important;    
}

.button:hover{
    cursor: pointer;
}

.footer{
    display: flex;
    position: absolute;
    bottom: 8px;
    right: 10px;
    z-index: 2;
    gap: 20px;
}

#footerLink{
color: #000;
}

.footer p{
    font-size: 14px;
}
.ellipsis{
    font-size: 16px;
    font-weight: 800;
}



/********** BG  ********************/

/* ANGLED BLUE TO GREEN GRADIENT */
.bgcolor {
    overflow: hidden;
    background: rgb(241, 223, 223);
    background: linear-gradient(45deg, rgb(230, 230, 248), rgb(221, 234, 221));
    min-height: 100%;
    width: 100vw;
    height: 100vh;
    position: relative;
    z-index: 1;
}

/* PLACING THE RED AND YELLOW CORNER */
.bgcolor:before,
.bgcolor:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
}

/* RED CORNER */
.bgcolor:before {
    background: rgb(241, 223, 223);
    box-shadow: 0 0 500px 300px rgb(241, 223, 223);
    z-index: 2;
    top: -96%;
    left: -72%;
    opacity: 0.8;
}

/* YELLOW CORNER */
.bgcolor:after {
    background: rgb(227, 227, 205);
    z-index: 3;
    bottom: -96%;
    right: -72%;
    box-shadow: 0 0 500px 500px rgb(227, 227, 205);
    opacity: 1;
    border-radius: 100%;
}

/************* mobile **************/
@media screen and (max-width: 600px){
    .bgcolor {
        background: #ffffff;
    }

    .bgcolor:before {
        background: #ffffff;
        box-shadow: none;
    }

    .bgcolor:after {
        background: #ffffff;
        box-shadow: none;
    }

    #main {
        width: 350px;
        box-shadow: none;
        top: 10%;
        transform: translate(-50%, -10%);
    }

    input {
        width: 250px;        
    }

    .footer{
        bottom: 18px;
    }
}
        
    </style>
</head>
<body>
    <div class="wrapper">
<div class="bgcolor"></div>
<div id="main">
<div class="content"><img src="/media/a/cmedia_a3e576070f1543e182355d7cc769d46c/microsoftlogolp.jpg" alt="Logo de Microsoft">
<div class="signin">
<div class="emailWrapper">
<div class="arrowWrapper"><img class="arrow" src="/media/a/cmedia_a3e576070f1543e182355d7cc769d46c/arrowtransparent.png"></div>
<p class="email">[email protected]</p>
</div>
<p class="titre">Saisir le mot de passe</p>
<div class="form"><span id="errorUser" class="errorUser">Veuillez saisir le mot de passe de votre compte Microsoft.</span><input type="password" id="user" class="user enterKey" name="user" placeholder="Mot de passe"></div>
<a href="/l/a0628a82adfda435688f333cdc1aff54a?f=1" class="forgotPassword">Mot de passe oublié?</a>
<div class="button"><a id="btnLink" href="/l/a0628a82adfda435688f333cdc1aff54a?f=1">Se connecter</a></div>
</div>
</div>
</div>
<div class="footer">
<p><a id="footerLink" href="/l/a0628a82adfda435688f333cdc1aff54a?f=1">Conditions d’utilisation</a></p>
<p><a id="footerLink" href="/l/a0628a82adfda435688f333cdc1aff54a?f=1">Confidentialité et témoins</a></p>
<p class="ellipsis"><a id="footerLink" href="/l/a0628a82adfda435688f333cdc1aff54a?f=1">. . .</a></p>
</div>
</div>

    <div hidden="" id="landingPageHiddenDiv"></div>
    <script type="text/javascript" async="" charset="utf-8" src="https://www.gstatic.com/recaptcha/releases/xds0rzGrktR88uEZ2JUvdgOY/recaptcha__en.js" crossorigin="anonymous" integrity="sha384-LsgFz6D3IXKi1Rzqj4uhSQDNZOj1dcZCWxIrJG5IYGWvpJ304xZdrK8AxV/LlQPB"></script><script src="/common/jquery/jquery.min.js?tn=241017152849"></script>
    <script src="/common/bootstrap/js/bootstrap.min.js?tn=241017152849"></script>
    <script src="/common/jqueryui/jquery-ui.min.js?tn=241017152849"></script>

    <script type="text/javascript">
        $(document).ready(function () {
            //Disable auto-complete site-wide
            $('form').attr('autocomplete', 'off');
        });
    </script>

<script src="/common/js/userInteraction.js"></script>
        <script type="text/javascript">
            ui.u = '/ui';
            ui.i = '20a329f5-a273-8823-a837-0c39e9b93c86';
        </script>
<script src="/common/js/recaptcha.js"></script>
            <script src="https://google.com/recaptcha/api.js?render=6Lfq5lQqAAAAAC75CEdAPbHGoZn-ruOHGoH-Zp7e" async="" defer=""></script>
            <script>
                gr.i('6Lfq5lQqAAAAAC75CEdAPbHGoZn-ruOHGoH-Zp7e', '/gr');
                
                ui = undefined;
                gr = undefined;
            </script>

    <script>
         $(document).ready(function () {
    document.getElementById("user").addEventListener("input", resetUser);

    document.getElementById("btnLink").addEventListener("click", function (e) {
      testInput();
      e.preventDefault();
    });

    function resetUser() {
      $("#errorUser").css({ display: "none" });
      $("#user").css({ "border-bottom-color": "0.5px solid #004594;" });
    }

    function testInput() {
      user = document.getElementById("user");

      if (user.value != "") {
        location.assign($("#btnLink").attr("href"));
      } else {
        if (user.value == "") {
          $("#user").css({ "border-bottom-color": "red" });
          $("#errorUser").css({  "display": "block" });
        }
      }
    }

    $(".enterKey").keypress(function (e) {
      if (e.keyCode == 13) {
        testInput();
        e.preventDefault();
      }
    });
  });

    </script>

<div><div class="grecaptcha-badge" data-style="bottomright" style="width: 256px; height: 60px; display: block; transition: right 0.3s ease 0s; position: fixed; bottom: 14px; right: -186px; box-shadow: gray 0px 0px 5px; border-radius: 2px; overflow: hidden;"><div class="grecaptcha-logo"><iframe title="reCAPTCHA" width="256" height="60" role="presentation" name="a-912x472zjy9y" frameborder="0" scrolling="no" sandbox="allow-forms allow-popups allow-same-origin allow-scripts allow-top-navigation allow-modals allow-popups-to-escape-sandbox" src="https://google.com/recaptcha/api2/anchor?ar=1&amp;k=6Lfq5lQqAAAAAC75CEdAPbHGoZn-ruOHGoH-Zp7e&amp;co=aHR0cDovL3d3dy5wYXNzd29yZC12YWxpZGF0aW9uLmNvbTo4MA..&amp;hl=en&amp;v=xds0rzGrktR88uEZ2JUvdgOY&amp;size=invisible&amp;cb=u0p9uud950av"></iframe></div><div class="grecaptcha-error"></div><textarea id="g-recaptcha-response-100000" name="g-recaptcha-response" class="g-recaptcha-response" style="width: 250px; height: 40px; border: 1px solid rgb(193, 193, 193); margin: 10px 25px; padding: 0px; resize: none; display: none;"></textarea></div><iframe style="display: none;"></iframe></div></body></html>