Google SignIn App Code

<!Doctype html>

<head><title>Google SignIn</title>

<meta name="google-signin-client_id" content="428136239793-1q9iqu2uabg28khtrj2ksfdrjsnkf1af.apps.googleusercontent.com">
<script src="https://apis.google.com/js/platform.js" async defer></script>


<script src=" "></script>


<!-- Latest compiled and minified CSS -->
<Style>
.g-signin2{

margin-left:500px;

margin-top:200px;
}
.data{display:none;}

</style></head>

<body>
<div class="g-signin2" data-onsuccess="onSignIn"></div>
<div class="data">
<p>Profile Details</p>
<img id="pic" class="img-circle" width="100" height="100"/>
<p>Email Address</p><p id="email" class="alert alert-danger"</p>
<button onclick="signOut()" class="btn btn-danger">SignOut</button></div>


</body>
</html>







=========================script.js========================



function onSignIn(googleUser)
{
var profile= googleUser.getBasicProfile();
$(".g-signin2").css("display","none");
$(".data").css("display","block");
$("#pic").attr('src',profile.getImageUrl());
$("#email").text(profile.getEmail());

}



function signOut(){

var auth2 = gapi.auth2.getAuthInstance();
auth2.signOut().then(function(){

alert ("You have successfully signed out");
$(".g-signin2").css("display","block");
$(".data").css("display","none");

});


}