feature/aahq-58-cta-cards-in-home-page-not-alligning-properly

aahnik · Jan 14, 2024 · e1cd8a5 · e1cd8a5
1 parent 41704b8
commit e1cd8a5
Showing 1 changed file with 26 additions and 25 deletions.
diff --git a/src/home/templates/home/index.html b/src/home/templates/home/index.html
@@ -178,33 +178,34 @@ <h3 class="mb-2 md:text-xl text-sm font-bold dark:text-white text-center">
   <div class="py-8 px-4 mx-auto max-w-screen-xl lg:py-16">
     {% for cta0 in ctas %}
 
-    {% if not forloop.first %}
+
+    <div class="bg-gray-50 dark:bg-gray-800 border border-gray-200 dark:border-gray-700 rounded-lg p-8 md:p-12 mb-8">
+      <a href="#"
+        class="bg-primary-100 text-primary-800 text-xs font-medium inline-flex items-center px-2.5 py-0.5 rounded-md dark:bg-gray-700 dark:text-primary-400 mb-2">
+        <i class="{{ cta0.fa_icon }} pr-2"></i>
+        {{ cta0.cta_type }}
+      </a>
+      <h1 class="text-gray-900 dark:text-white text-3xl md:text-5xl font-extrabold mb-2">
+        {{ cta0.title }}
+      </h1>
+      <p class="text-lg font-normal text-gray-500 dark:text-gray-400 mb-6">
+        {{ cta0.description }}
+      </p>
+      <a href="{{cta0.link}}"
+        class="inline-flex justify-center items-center py-2.5 px-5 text-base font-medium text-center text-white rounded-lg bg-primary-700 hover:bg-primary-800 focus:ring-4 focus:ring-primary-300 dark:focus:ring-primary-900">
+        {{ cta0.button_text }}
+        <svg aria-hidden="true" class="ml-2 -mr-1 w-4 h-4" fill="currentColor" viewBox="0 0 20 20"
+          xmlns="http://www.w3.org/2000/svg">
+          <path fill-rule="evenodd"
+            d="M10.293 3.293a1 1 0 011.414 0l6 6a1 1 0 010 1.414l-6 6a1 1 0 01-1.414-1.414L14.586 11H3a1 1 0 110-2h11.586l-4.293-4.293a1 1 0 010-1.414z"
+            clip-rule="evenodd"></path>
+        </svg>
+      </a>
+    </div>
+    {% if forloop.first %}
     <div class="grid md:grid-cols-2 gap-8">
       {% endif %}
-      <div class="bg-gray-50 dark:bg-gray-800 border border-gray-200 dark:border-gray-700 rounded-lg p-8 md:p-12 mb-8">
-        <a href="#"
-          class="bg-primary-100 text-primary-800 text-xs font-medium inline-flex items-center px-2.5 py-0.5 rounded-md dark:bg-gray-700 dark:text-primary-400 mb-2">
-          <i class="{{ cta0.fa_icon }} pr-2"></i>
-          {{ cta0.cta_type }}
-        </a>
-        <h1 class="text-gray-900 dark:text-white text-3xl md:text-5xl font-extrabold mb-2">
-          {{ cta0.title }}
-        </h1>
-        <p class="text-lg font-normal text-gray-500 dark:text-gray-400 mb-6">
-          {{ cta0.description }}
-        </p>
-        <a href="{{cta0.link}}"
-          class="inline-flex justify-center items-center py-2.5 px-5 text-base font-medium text-center text-white rounded-lg bg-primary-700 hover:bg-primary-800 focus:ring-4 focus:ring-primary-300 dark:focus:ring-primary-900">
-          {{ cta0.button_text }}
-          <svg aria-hidden="true" class="ml-2 -mr-1 w-4 h-4" fill="currentColor" viewBox="0 0 20 20"
-            xmlns="http://www.w3.org/2000/svg">
-            <path fill-rule="evenodd"
-              d="M10.293 3.293a1 1 0 011.414 0l6 6a1 1 0 010 1.414l-6 6a1 1 0 01-1.414-1.414L14.586 11H3a1 1 0 110-2h11.586l-4.293-4.293a1 1 0 010-1.414z"
-              clip-rule="evenodd"></path>
-          </svg>
-        </a>
-      </div>
-      {% if not forloop.first %}
+      {% if true %}
     </div>
     {% endif %} {% endfor %}
   </div>