Added get help floating option

apu52 · Aug 10, 2024 · fd63d45 · fd63d45
1 parent d632ab7
commit fd63d45
Show file tree

Hide file tree

Showing 2 changed files with 53 additions and 0 deletions.
diff --git a/membership.css b/membership.css
@@ -40,6 +40,43 @@ body{
   -webkit-text-fill-color: transparent;
 }
 
+.gethelp{
+  padding: 12px;
+  bottom:10px;
+  right:10px;
+  max-width: 250px;
+  /* max-height: 80px; */
+  width: fit-content;
+  border-radius: 10px;
+  position:fixed;
+  background-color: #c099ff!important;
+  z-index: 10;
+  cursor: pointer;
+  box-shadow: rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px, rgba(10, 37, 64, 0.35) 0px -2px 6px 0px inset;
+}
+
+.help{
+  display: flex;
+}
+.help img{
+  max-width: 45px;
+  max-height: 45px;
+  position:absolute;
+  right:0px;
+  bottom:20px;
+}
+
+.gethelp a{
+  color:white;
+  text-decoration: none;
+}
+.gethelp h3{
+  font-size: 12px;
+  text-align: center;
+  margin-top: auto;
+  margin-bottom: auto;
+  margin-right: 20px;
+}
 body.dark-mode .heading h1{
   background: -webkit-linear-gradient(#686868, #fff);
   -webkit-background-clip: text;

diff --git a/membership.html b/membership.html
@@ -99,6 +99,22 @@
 
       <div class="heading"><h1>Checkout our Membership Plans</h1></div>
 
+
+
+      <div class="gethelp">
+
+        <div class="help">
+          <a href="" class="href">
+          <h3>
+            Get HELP to choose a plan
+          </h3>
+          </a>
+          <img width="100%" height="100%" src="https://img.icons8.com/ultraviolet/40/customer-support.png" alt="customer-support"/>
+
+        </div>
+        </a>
+      </div>
+
       <div class="wrapper">
         <div class="table basic">
           <div class="price-section">