From c278dbc2f58e74e535d06a77d48f39fab4b54ee8 Mon Sep 17 00:00:00 2001
From: Kelvin Samuel <kelvinbalkes@gmail.com>
Date: Sun, 6 Nov 2022 16:34:32 +0700
Subject: [PATCH]

---
 public/css/index.css     | 35 +++++++++++++++++++++++++++++++++++
 views/layouts/header.ejs |  4 ++--
 views/pages/index.ejs    |  3 +++
 3 files changed, 40 insertions(+), 2 deletions(-)

diff --git a/public/css/index.css b/public/css/index.css
index 1db272e..0580902 100644
--- a/public/css/index.css
+++ b/public/css/index.css
@@ -625,6 +625,41 @@ body {
     box-shadow: 0 0 0 0 rgba(0, 0, 0, 0) !important;
 }
 
+.floating_button {
+    position: fixed;
+    right: 80px;
+    bottom: 50px;
+    text-decoration: none;
+    color: white;
+    background-color: #fe4c50;
+    padding: 10px 20px;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+}
+
+.floating_button i  {
+    font-size: 60px;
+    padding: 0 50px;
+    border-radius: 50%;
+    background-color: #fe4c50;
+    height: 90px;
+    width: 90px;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    position: absolute;
+}
+
+.floating_button:hover {
+    color: #ffffff;
+}
+
+.floating_button i:hover {
+    background: #fe7c7f;
+}
+
+
 iframe {
     display: block;
     width: 100%;
diff --git a/views/layouts/header.ejs b/views/layouts/header.ejs
index 143358c..17f7a86 100644
--- a/views/layouts/header.ejs
+++ b/views/layouts/header.ejs
@@ -13,8 +13,8 @@
   />
   <link href="https://fonts.googleapis.com" rel="preconnect" />
   <link crossorigin href="https://fonts.gstatic.com" rel="preconnect" />
-  <script
-    src="https://kit.fontawesome.com/e48d166edc.js"
+  <script 
+    src="https://kit.fontawesome.com/df87d635ce.js" 
     crossorigin="anonymous"
   ></script>
   <link
diff --git a/views/pages/index.ejs b/views/pages/index.ejs
index e3d7d16..9c06e4c 100644
--- a/views/pages/index.ejs
+++ b/views/pages/index.ejs
@@ -590,6 +590,9 @@
             </div>
         </div>
     </div>
+    <div>
+    </div>
+        <a class="floating_button" href ="https://t.me/customerservicenekoya_bot"><i class="fa-solid fa-headset fa-2xl"></i></a>
     </div>
 
     <%- include('../layouts/footer.ejs', {state: 'index'}); %>