Update

views/css/style.css

@@ -126,6 +126,24 @@ footer a {
 	cursor: pointer;
 }
 
+.btn-fb-login {
+	transition: 0.3s;
+	cursor: pointer;
+	background-color: white;
+	border-radius: 20px;
+}
+
+.btn-fb-login:hover {
+	box-shadow: 0px 2px 3px #A5A5A5;
+	transition: 0.3s;
+	cursor: pointer;
+}
+
+.btn-fb-login:active {
+	box-shadow: 0px 2px 3px red;
+	transition: 0.1s;
+}
+
 .btn-login:active {
 	color: white;
 	transition: 0.1s;

views/home.ejs

@@ -49,6 +49,7 @@
 						<input id="fpwd" type="password" placeholder="Password">
 						<button id="blogin" onclick={signinwithemail()} class="btn-login">&#x27a4;</button>
 						<button id="blogin_g" onclick={signinwithgoogle()} class="btn-g-login"><img src="media/g_logon.png" class="img-g-login" alt="img"></button>
+						<button id="blogin_g" onclick={signinwithfb()} class="btn-fb-login"><img src="media/fb_logon.png" class="img-g-login" alt="img"></button>
 					</div>
 				</div>
 				<div class="user-info">

views/js/fAuth.js

@@ -28,6 +28,17 @@ function signinwithgoogle(){
 		})
 }
 
+function signinwithfb(){
+	var fbAuthProvider = new firebase.auth.FacebookAuthProvider()
+	firebase.auth().signInWithPopup(fbAuthProvider)
+		.then(function(data){
+			console.log('User signed in...')
+		})
+		.catch(function(error){
+			console.log(error)
+		})
+}
+
 function signinwithemail(){
 	const txtEmail = document.getElementById('fuid')
 	const txtPassword = document.getElementById('fpwd')