Improved Register section UI on home page

PriyaGhosal · Oct 18, 2024 · 838a590 · 838a590
1 parent 0978525
commit 838a590
Show file tree

Hide file tree

Showing 2 changed files with 21 additions and 2 deletions.
diff --git a/index.html b/index.html
@@ -829,11 +829,11 @@ <h3 class="title-lg card-title">
       <section class="cta" aria-labelledby="cta-label">
         <div class="container">
 
-          <h2 class="headline-md section-title" id="cta-label" data-aos="zoom-in">
+          <h2 class="" id="cta-label" data-aos="zoom-in">
             Education Is About Creating Leaders For Tomorrow
           </h2>
 
-          <a href="signin.html" class="btn btn-tertiary" data-aos="fade-left">Register Today</a>
+          <a href="signin.html" class="cta-btn" data-aos="fade-left">Register Today</a>
 
         </div>
       </section>

diff --git a/style.css b/style.css
@@ -190,3 +190,22 @@
   top: 20px;
 
 }
+
+.cta-btn{
+  width: 40%;
+  background-color: #fff;
+  border-radius: 20px;
+  padding: 10px;
+  font-size: 20px;
+  text-align: center; 
+  font-weight: bold;
+
+}
+
+#cta-label {
+  font-weight: bold;  /* Makes the text bold */
+  color: #fff;        /* Sets the text color to white */
+  margin-bottom: 10px;
+  font-size: 36px;
+  width: 50%;
+}