          <h1 class="h3 mb-0 text-gray-800">UI Colors</h1>
            <ol class="breadcrumb">
              <li class="breadcrumb-item"><a href="./">Home</a></li>
              <li class="breadcrumb-item active" aria-current="page">UI Colors</li>
            </ol>
          </div>

          <div class="row">
            <!-- General Colors-->
            <div class="col-lg-6">
              <div class="card mb-4">
                <div class="card-header py-3 d-flex flex-row align-items-center justify-cont