From 53978a423f5a2c176abccca0d6b59021ae3bac06 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Tu=C4=9F=C3=A7e=20K=C3=BC=C3=A7=C3=BCko=C4=9Flu?=
 <tugcekucukoglu.860@gmail.com>
Date: Fri, 7 Apr 2023 12:51:28 +0300
Subject: [PATCH] Format fixes

---
 pages/landing/FeaturesSection.vue | 97 +++++++++++++++----------------
 1 file changed, 48 insertions(+), 49 deletions(-)

diff --git a/pages/landing/FeaturesSection.vue b/pages/landing/FeaturesSection.vue
index a9189dabf..e85c49890 100644
--- a/pages/landing/FeaturesSection.vue
+++ b/pages/landing/FeaturesSection.vue
@@ -5,65 +5,64 @@
         <div class="mt-7 px-3 lg:px-8" :style="{ backgroundImage: `url('https://primefaces.org/cdn/primevue/images/landing/wave-${$appState.darkTheme ? 'dark-alt' : 'light-alt'}.svg')`, backgroundSize: 'cover' }">
             <div class="features-container">
                 <div class="grid">
-                <div class="col-12 md:col-6 xl:col-3 flex justify-content-center">
-                    <div class="box p-4 w-full">
-                        <img src="https://primefaces.org/cdn/primevue/images/landing/features/icon-components.svg" alt="components icon" class="block mb-3" />
-                        <div class="font-semibold mb-3 text-lg">90+ UI Components</div>
-                        <p class="m-0 text-secondary font-medium">The ultimate set of UI Components to assist you with 90+ impressive Vue Components.</p>
+                    <div class="col-12 md:col-6 xl:col-3 flex justify-content-center">
+                        <div class="box p-4 w-full">
+                            <img src="https://primefaces.org/cdn/primevue/images/landing/features/icon-components.svg" alt="components icon" class="block mb-3" />
+                            <div class="font-semibold mb-3 text-lg">90+ UI Components</div>
+                            <p class="m-0 text-secondary font-medium">The ultimate set of UI Components to assist you with 90+ impressive Vue Components.</p>
+                        </div>
                     </div>
-                </div>
-                <div class="col-12 md:col-6 xl:col-3 flex justify-content-center">
-                    <div class="box p-4 w-full">
-                        <img src="https://primefaces.org/cdn/primevue/images/landing/features/icon-community.svg" alt="components icon" class="block mb-3" />
-                        <div class="font-semibold mb-3 text-lg">Community</div>
-                        <p class="m-0 text-secondary font-medium">Connect with the other open source community members, collaborate and have a voice in the project roadmap.</p>
+                    <div class="col-12 md:col-6 xl:col-3 flex justify-content-center">
+                        <div class="box p-4 w-full">
+                            <img src="https://primefaces.org/cdn/primevue/images/landing/features/icon-community.svg" alt="components icon" class="block mb-3" />
+                            <div class="font-semibold mb-3 text-lg">Community</div>
+                            <p class="m-0 text-secondary font-medium">Connect with the other open source community members, collaborate and have a voice in the project roadmap.</p>
+                        </div>
                     </div>
-                </div>
-                <div class="col-12 md:col-6 xl:col-3 flex justify-content-center">
-                    <div class="box p-4 w-full">
-                        <img src="https://primefaces.org/cdn/primevue/images/landing/features/icon-productivity.svg" alt="components icon" class="block mb-3" />
-                        <div class="font-semibold mb-3 text-lg">Productivity</div>
-                        <p class="m-0 text-secondary font-medium">Boost your productivity by achieving more in less time and accomplish amazing results.</p>
+                    <div class="col-12 md:col-6 xl:col-3 flex justify-content-center">
+                        <div class="box p-4 w-full">
+                            <img src="https://primefaces.org/cdn/primevue/images/landing/features/icon-productivity.svg" alt="components icon" class="block mb-3" />
+                            <div class="font-semibold mb-3 text-lg">Productivity</div>
+                            <p class="m-0 text-secondary font-medium">Boost your productivity by achieving more in less time and accomplish amazing results.</p>
+                        </div>
                     </div>
-                </div>
-                <div class="col-12 md:col-6 xl:col-3 flex justify-content-center">
-                    <div class="box p-4 w-full">
-                        <img src="https://primefaces.org/cdn/primevue/images/landing/features/icon-accessibility.svg" alt="components icon" class="block mb-3" />
-                        <div class="font-semibold mb-3 text-lg">Accessibility</div>
-                        <p class="m-0 text-secondary font-medium">Compliant with the Web Content Accessibility Guidelines (WCAG 2.0).</p>
+                    <div class="col-12 md:col-6 xl:col-3 flex justify-content-center">
+                        <div class="box p-4 w-full">
+                            <img src="https://primefaces.org/cdn/primevue/images/landing/features/icon-accessibility.svg" alt="components icon" class="block mb-3" />
+                            <div class="font-semibold mb-3 text-lg">Accessibility</div>
+                            <p class="m-0 text-secondary font-medium">Compliant with the Web Content Accessibility Guidelines (WCAG 2.0).</p>
+                        </div>
                     </div>
-                </div>
-                <div class="col-12 md:col-6 xl:col-3 flex justify-content-center">
-                    <div class="box p-4 w-full">
-                        <img src="https://primefaces.org/cdn/primevue/images/landing/features/icon-support.svg" alt="components icon" class="block mb-3" />
-                        <div class="font-semibold mb-3 text-lg">Enterprise Support</div>
-                        <p class="m-0 text-secondary font-medium">Exceptional support service featuring response within 1 business day and option to request enhancements and new features for the library.</p>
+                    <div class="col-12 md:col-6 xl:col-3 flex justify-content-center">
+                        <div class="box p-4 w-full">
+                            <img src="https://primefaces.org/cdn/primevue/images/landing/features/icon-support.svg" alt="components icon" class="block mb-3" />
+                            <div class="font-semibold mb-3 text-lg">Enterprise Support</div>
+                            <p class="m-0 text-secondary font-medium">Exceptional support service featuring response within 1 business day and option to request enhancements and new features for the library.</p>
+                        </div>
                     </div>
-                </div>
-                <div class="col-12 md:col-6 xl:col-3 flex justify-content-center">
-                    <div class="box p-4 w-full">
-                        <img src="https://primefaces.org/cdn/primevue/images/landing/features/icon-mobile.svg" alt="components icon" class="block mb-3" />
-                        <div class="font-semibold mb-3 text-lg">Mobile</div>
-                        <p class="m-0 text-secondary font-medium">First class support for responsive design led by touch optimized elements.</p>
+                    <div class="col-12 md:col-6 xl:col-3 flex justify-content-center">
+                        <div class="box p-4 w-full">
+                            <img src="https://primefaces.org/cdn/primevue/images/landing/features/icon-mobile.svg" alt="components icon" class="block mb-3" />
+                            <div class="font-semibold mb-3 text-lg">Mobile</div>
+                            <p class="m-0 text-secondary font-medium">First class support for responsive design led by touch optimized elements.</p>
+                        </div>
                     </div>
-                </div>
-                <div class="col-12 md:col-6 xl:col-3 flex justify-content-center">
-                    <div class="box p-4 w-full">
-                        <img src="https://primefaces.org/cdn/primevue/images/landing/features/icon-theme.svg" alt="components icon" class="block mb-3" />
-                        <div class="font-semibold mb-3 text-lg">Themes</div>
-                        <p class="m-0 text-secondary font-medium">Built on a design-agnostic api, choose from a vast amount of themes such as material, bootstrap, custom or develop your own.</p>
+                    <div class="col-12 md:col-6 xl:col-3 flex justify-content-center">
+                        <div class="box p-4 w-full">
+                            <img src="https://primefaces.org/cdn/primevue/images/landing/features/icon-theme.svg" alt="components icon" class="block mb-3" />
+                            <div class="font-semibold mb-3 text-lg">Themes</div>
+                            <p class="m-0 text-secondary font-medium">Built on a design-agnostic api, choose from a vast amount of themes such as material, bootstrap, custom or develop your own.</p>
+                        </div>
                     </div>
-                </div>
-                <div class="col-12 md:col-6 xl:col-3 flex justify-content-center">
-                    <div class="box p-4 w-full">
-                        <img src="https://primefaces.org/cdn/primevue/images/landing/features/icon-ts.svg" alt="components icon" class="block mb-3" />
-                        <div class="font-semibold mb-3 text-lg">Typescript</div>
-                        <p class="m-0 text-secondary font-medium">Top-notch support for Typescript with types and tooling assistance.</p>
+                    <div class="col-12 md:col-6 xl:col-3 flex justify-content-center">
+                        <div class="box p-4 w-full">
+                            <img src="https://primefaces.org/cdn/primevue/images/landing/features/icon-ts.svg" alt="components icon" class="block mb-3" />
+                            <div class="font-semibold mb-3 text-lg">Typescript</div>
+                            <p class="m-0 text-secondary font-medium">Top-notch support for Typescript with types and tooling assistance.</p>
+                        </div>
                     </div>
                 </div>
             </div>
-            </div>
-        
         </div>
     </section>
 </template>