distributions.html in jekyll-theme-centos-test-1.1.1

- old
+ new
@@ -1,18 +1,12 @@
-<div class="card text-center">
-  <div class="card-header">
-    <ul class="nav nav-pills nav-fill" id="pills-tab" role="tablist">
-      {% for item in site.data.centos.distributions %}
-      <li class="nav-item" role="presentation">
-        <button class="nav-link{% if forloop.first %} active{% endif %}" id="pills-{{ item.page }}-tab" data-bs-toggle="pill" data-bs-target="#pills-{{ item.page }}" type="button" role="tab" aria-controls="pills-home" aria-selected="true">{{ item.name }}</button>
-      </li>
-      {% endfor %}
-    </ul>
+<div class="row">
+<div class="col text-center">
+  <h1 class="fw-bold">Linux distributions</h1>
+  <p class="lead">We offer two Linux variants:</p>
+  <div class="d-grid gap-2 d-md-block">
+    {% for item in site.data.centos.distributions %}
+    <button type="button" class="btn btn-primary fw-bold">{{ item.name }}</button>
+    {% endfor %}
   </div>
-  <div class="card-body">
-    <div class="tab-content" id="pills-tabContent">
-      {% for item in site.data.centos.distributions %}
-      <div class="tab-pane fade show{% if forloop.first %} active{% endif %}" id="pills-{{ item.page }}" role="tabpanel" aria-labelledby="pills-{{ item.page }}-tab" tabindex="{{ forloop.index }}">{{ item.description }}</div>
-      {% endfor %}
-    </div>
-  </div>
+  <p class="my-3"><a role="button" href="">What's the difference?</a></p>
+</div>
 </div>