Register Now Button Text Disappears in Dark Mode or Themed View Priya…

…Ghosal#731
thedarkking01 · Oct 19, 2024 · 09d5ec7 · 09d5ec7
1 parent 1dfa80b
commit 09d5ec7
Show file tree

Hide file tree

Showing 4 changed files with 72 additions and 6 deletions.
diff --git a/assets/css/darkmode.css b/assets/css/darkmode.css
@@ -1474,14 +1474,16 @@ textarea {
 button {
   margin: auto;
   padding: 10px;
-  background-color: #007bff;
+  font-weight: bold;
+  font-size:large;
+  background-color: #eaecee;
   color: var(--black);
   border: none;
   border-radius: 5px;
   cursor: pointer;
 }
 button:hover {
-  background-color: #0056b3;
+  background-color: #b7c0ca;
 }
 @media (max-width: 992px) {
   .footer-logo-text {

diff --git a/assets/css/registor_btn.css b/assets/css/registor_btn.css
@@ -0,0 +1,39 @@
+.register-b {
+    display: inline-block;
+    border-radius: 4px;
+    background-color: #3d405b;
+    border: none;
+    color: #FFFFFF;
+    text-align: center;
+    font-size: 17px;
+    padding: 16px;
+    width: 130px;
+    transition: all 0.5s;
+    cursor: pointer;
+    margin: 5px;
+   }
+
+   .register-b span {
+    cursor: pointer;
+    display: inline-block;
+    position: relative;
+    transition: 0.5s;
+   }
+
+   .register-b span:after {
+    content: '»';
+    position: absolute;
+    opacity: 0;
+    top: 0;
+    right: -15px;
+    transition: 0.5s;
+   }
+
+   .register-b:hover span {
+    padding-right: 15px;
+   }
+
+   .register-b:hover span:after {
+    opacity: 1;
+    right: 0;
+   }
diff --git a/assets/css/style.css b/assets/css/style.css
@@ -1838,15 +1838,17 @@ textarea {
 }
 button {
   padding: 15px;
-  background-color: #007bff;
-  color: white;
+  background-color: #eef1f4;
+  font-weight: bold;
+  font-size: large;
+  color: rgb(39, 37, 37);
   border: none;
   border-radius: 5px;
   cursor: pointer;
 }
 
 button:hover {
-  background-color: #0056b3;
+  background-color: #dbdfe4;
 }
 
 @media (max-width: 1037px) {

diff --git a/index.html b/index.html
@@ -46,6 +46,7 @@
 
 <!-- Animation on Scroll -->
 <link rel="stylesheet" href="https://unpkg.com/aos@next/dist/aos.css" />
+<link rel="stylesheet" href="registor_btn.css" />
 
 <body>
 
@@ -836,11 +837,33 @@ <h2 class="" id="cta-label" data-aos="zoom-in">
             Education Is About Creating Leaders For Tomorrow
           </h2>
 
-          <a href="signin.html" class="cta-btn" data-aos="fade-left">Register Today</a>
+
+          <!-- <a href="signin.html" class="register-button" data-aos="fade-left">Register Today</a> -->
 
+          <!-- <div class="c1-button">
+            <button onclick="window.location.href='signin.html'">
+                Register Today
+            </button>
+        </div> -->
+
+        <button class="register-b">
+          <span onclick="window.location.href='signin.html'">Register Today</span>
+        </button>
         </div>
       </section>
 
+
+      <!-- <section class="cta-section" aria-labelledby="cta-heading">
+        <div class="cta-wrapper">
+          <h2 class="cta-title" id="cta-heading" data-aos="zoom-in">
+            Education Is About Creating Leaders For Tomorrow
+          </h2>
+          <a href="signin.html" class="cta-button" data-aos="fade-left">Register Today</a>
+        </div>
+      </section> -->
+
+
+
       <!-- Live Counting -->
 
         <div class="container livecounting">