<!DOCTYPE html>
<html lang="en">
<head>
<title>Login V5</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="google-signin-client_id" content="1063581793829-c521flu94erc965jr7qvqht6ucgu6jsh.apps.googleusercontent.com">
<!--===============================================================================================-->
<link rel="icon" type="image/png" href="images/icons/favicon.ico"/>
<!--===============================================================================================-->
<link rel="stylesheet" type="text/css" href="vendor/bootstrap/css/bootstrap.min.css">
<!--===============================================================================================-->
<link rel="stylesheet" type="text/css" href="fonts/font-awesome-4.7.0/css/font-awesome.min.css">
<!--===============================================================================================-->
<link rel="stylesheet" type="text/css" href="fonts/Linearicons-Free-v1.0.0/icon-font.min.css">
<!--===============================================================================================-->
<link rel="stylesheet" type="text/css" href="vendor/animate/animate.css">
<!--===============================================================================================-->
<link rel="stylesheet" type="text/css" href="vendor/css-hamburgers/hamburgers.min.css">
<!--===============================================================================================-->
<link rel="stylesheet" type="text/css" href="vendor/animsition/css/animsition.min.css">
<!--===============================================================================================-->
<link rel="stylesheet" type="text/css" href="vendor/select2/select2.min.css">
<!--===============================================================================================-->
<link rel="stylesheet" type="text/css" href="vendor/daterangepicker/daterangepicker.css">
<!--===============================================================================================-->
<link rel="stylesheet" type="text/css" href="css/util.css">
<link rel="stylesheet" type="text/css" href="css/main.css">
<!--===============================================================================================-->
</head>
<body>
<div class="limiter">
<div class="container-login100" style="background-image: url('images/bg-01.jpg');">
<div class="wrap-login100 p-l-110 p-r-110 p-b-33">
<form class="login100-form validate-form flex-sb flex-w">
<span class="login100-form-title p-b-53" id="heading">
Sign In With
</span>
<a href="#" class="btn-face m-b-20" id="facebook">
<i class="fa fa-facebook-official"></i>
Facebook
</a>
<a href="#" class="btn-google m-b-20 g-signin2" data-onsuccess="onSignIn" id="google">
</a>
<span class="login100-form-title p-b-53"> <img src="" id="myImg" style="border-radius:50%;">
<p id="p1"></p>
<p id="email"></p>
<a href="javascript:void(0);" onclick="signOut();" id="sing_out" style="visibility:hidden;color:blue;">Sign out</a>
</span>
<!--<div class="p-t-31 p-b-9">
<span class="txt1">
Username
</span>
</div>
</form>
</div>
</div>
</div>
<div id="dropDownSelect1"></div>
<script src="https://apis.google.com/js/platform.js" async defer></script>
<script>
function signOut() {
var auth2 = gapi.auth2.getAuthInstance();
auth2.signOut().then(function () {
location.reload();
});
}
function onSignIn(googleUser) {
var profile = googleUser.getBasicProfile();
var name=profile.getName();
var imagepath=profile.getImageUrl();
var email=profile.getEmail();
document.getElementById("p1").innerHTML = name;
document.getElementById("email").innerHTML =email;
document.getElementById("myImg").src = imagepath;
document.getElementById("heading").style.visibility = "hidden";
document.getElementById("facebook").style.visibility = "hidden";
document.getElementById("google").style.visibility = "hidden";
document.getElementById("sing_out").style.visibility = "show";
}
</script>
<!--===============================================================================================-->
<script src="vendor/jquery/jquery-3.2.1.min.js"></script>
<!--===============================================================================================-->
<script src="vendor/animsition/js/animsition.min.js"></script>
<!--===============================================================================================-->
<script src="vendor/bootstrap/js/popper.js"></script>
<script src="vendor/bootstrap/js/bootstrap.min.js"></script>
<!--===============================================================================================-->
<script src="vendor/select2/select2.min.js"></script>
<!--===============================================================================================-->
<script src="vendor/daterangepicker/moment.min.js"></script>
<script src="vendor/daterangepicker/daterangepicker.js"></script>
<!--===============================================================================================-->
<script src="vendor/countdowntime/countdowntime.js"></script>
<!--===============================================================================================-->
<script src="js/main.js"></script>
</body>
</html>