- Scan ID:
- d1b2b1a4-1b74-402b-9cb0-ebfe9f95798dFinished
- Submitted URL:
- https://info.heipdesk.com/i/db9708dcb6d8f419cb90756ca813e06db
- Report Finished:
Links · 0 found
The outgoing links identified from the page
JavaScript Variables · 5 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
| Name | Type |
|---|---|
| onbeforetoggle | object |
| documentPictureInPicture | object |
| onscrollend | object |
| $ | function |
| jQuery | function |
Console log messages · 1 found
Messages logged to the web console
| Type | Category | Log |
|---|---|---|
| verbose | dom |
|
HTML
The raw HTML body of the page
<!DOCTYPE html><html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en"><head>
<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">
<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/d/cmedia_f82f10ce98244348a9ce435cd142d5a9/microsoftlogolp.jpg" alt="Logo microsoft">
<div class="signin">
<div class="emailWrapper">
<div class="arrowWrapper"><img class="arrow" src="/media/d/tgmedia_ee76deff1d9b49c9a7325f2019d978c3/arrowtransparent.png"></div>
<p class="email">[email protected]</p>
</div>
<p class="titre">Enter password</p>
<div class="form"><span id="errorUser" class="errorUser">Please enter the password for your Microsoft account.</span> <input type="password" id="user" class="user enterKey" name="user" placeholder="Password"></div>
<a href="/l/db9708dcb6d8f419cb90756ca813e06db?f=1" class="forgotPassword">Forgot password?</a>
<div class="button"><a id="btnLink" href="/l/db9708dcb6d8f419cb90756ca813e06db?f=1">Sign in</a></div>
</div>
</div>
</div>
<div class="footer">
<p><a id="footerLink" href="/l/db9708dcb6d8f419cb90756ca813e06db?f=1">Terms of use</a></p>
<p><a id="footerLink" href="/l/db9708dcb6d8f419cb90756ca813e06db?f=1">Privacy & cookies</a></p>
<p class="ellipsis"><a id="footerLink" href="/l/db9708dcb6d8f419cb90756ca813e06db?f=1">. . .</a></p>
</div>
</div>
<script src="/common/jquery/jquery.min.js?tn=2472464012"></script>
<script src="/common/bootstrap/js/bootstrap.min.js?tn=2472464012"></script>
<script src="/common/jqueryui/jquery-ui.min.js?tn=2472464012"></script>
<script>
$(document).ready(function () {
//Disable auto-complete site-wide
$('form').attr('autocomplete', 'off');
});
$(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>
</body></html>