code change for smilify the steps

Author: naveenjayabalan

assets/scss/common/_custom.scss

@@ -3,5 +3,15 @@
     height: 40px;
 }
 
+.offcanvas .nav-link, .offcanvas .banner .nav a, .banner .nav .offcanvas a{
+  color: $navbar-dark-color;
+}
 
+//footer
+footer {
+  background-color: #262829;
+}
+footer .text-muted{
+  color: #fff !important;
+}
 

assets/scss/common/_variables-custom.scss

@@ -6,3 +6,9 @@ $dark: #262829;
 $info: #F5F4F4;
 
 $navbar-dark-color: #FFFFFF;
+
+$border-width: 8px;
+
+
+$light-text-emphasis-dark:          #FFFFFF;
+$dark-text-emphasis-dark:           #FFFFFF;

hugo_stats.json

@@ -67,6 +67,7 @@
       "bg-dark",
       "bg-dots",
       "bg-info",
+      "bg-light",
       "blog",
       "blog-header",
       "btn",
@@ -127,6 +128,10 @@
       "frame",
       "fs-5",
       "fs-6",
+      "g-col-5",
+      "g-col-lg-5",
+      "gap-3",
+      "grid",
       "h-auto",
       "h3",
       "h4",
@@ -159,6 +164,7 @@
       "list-unstyled",
       "list-view",
       "m-2",
+      "m-3",
       "mb-0",
       "me-2",
       "me-auto",
@@ -208,8 +214,10 @@
       "position-relative",
       "privacy",
       "px-0",
+      "px-2",
       "query-no-results",
       "reading-time",
+      "rounded",
       "rounded-pill",
       "row",
       "search-form",

layouts/index.html

@@ -29,24 +29,24 @@ <h2>{{ .Params.lead | safeHTML }}</h2>
   <section class="section section-md section-features">
     <div class="container">
       <div class="row justify-content-center text-center">
-        <div class="col-lg-5 bg-info">
+        <div class="col-lg-5 m-2 px-2 bg-light rounded">
           <h2 class="h4">Unified Persistence</h2>
           <p>Experience the flexibility of SQL Mappers with the robustness of ORM in a single framework. Why compromise when you can harness the strengths of both?</p>
         </div>
-        <div class="col-lg-5">
+        <div class="col-lg-5 m-2 px-2 bg-light rounded">
           <h2 class="h4">Turbocharged Development</h2>
           <p>Accelerate your development process with automated code generation, reducing manual effort and boosting productivity. SQLComponents lets you build applications faster and smarter.</p>
         </div>
-        <div class="col-lg-5">
+        <div class="col-lg-5 m-2 px-2 bg-light rounded">
           <h2 class="h4">Simply SQL</h2>
           <p>Unleash the full power of SQL without traditional ORM limitations. With SQLComponents, all you need to work with SQL is just SQL.</p>
         </div>
-        <div class="col-lg-5">
+        <div class="col-lg-5 m-2 px-2 bg-light rounded">
           <h2 class="h4">Type Safety</h2>
           <p>Ensure robust code with compile-time checks, catching issues before they reach runtime. SQLComponents guarantees safer, more reliable SQL development.</p>
         </div>
 
-        <div class="col-lg-5">
+        <div class="col-lg-5 m-2 px-2 bg-light rounded">
           <h2 class="h4">Future-Proof</h2>
           <p>
             Code once, upgrade anytime. SQLComponents evolves with the latest versions of Java and databases automatically—no more manual upgrades. Keep your applications modern without rewriting code.