diff --git a/views/css/style.css b/views/css/style.css
index bf63bb3..44f7030 100644
--- a/views/css/style.css
+++ b/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;
diff --git a/views/home.ejs b/views/home.ejs
index b5fe5b0..620bc31 100644
--- a/views/home.ejs
+++ b/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">
diff --git a/views/js/fAuth.js b/views/js/fAuth.js
index c91eef4..2e76ba2 100644
--- a/views/js/fAuth.js
+++ b/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')
diff --git a/views/media/fb_logon.png b/views/media/fb_logon.png
new file mode 100644
index 0000000..d6b2c1b
Binary files /dev/null and b/views/media/fb_logon.png differ