Skip to content

Commit b068d79

Browse files
cagataycivicicagataycivici
committed
chore: visual cosmetics
1 parent fff4697 commit b068d79

File tree

2 files changed

+39
-34
lines changed

2 files changed

+39
-34
lines changed

‎apps/showcase/pages/landing/featuressection.component.ts‎

Lines changed: 14 additions & 14 deletions
Original file line numberDiff line numberDiff line change
@@ -16,56 +16,56 @@ import { AnimateOnScrollModule } from 'primeng/animateonscroll';
1616
<div class="grid grid-cols-12 gap-4">
1717
<div class="col-span-12 md:col-span-6 xl:col-span-3 flex justify-center">
1818
<div class="box p-6 w-full animate-duration-500" pAnimateOnScroll enterClass="animate-fadein">
19-
<img src="https://primefaces.org/cdn/primeng/images/landing/features/icon-components.svg" width="30" height="25" class="block mb-3" alt="components icon" />
19+
<img src="https://primefaces.org/cdn/primeng/images/landing/features/icon-components.svg" class="block mb-4" alt="components icon" />
2020
<div class="font-semibold mb-4 text-lg">80+ UI Components</div>
2121
<p class="m-0 text-surface-500 dark:text-surface-400 font-medium">The ultimate set of UI Components to assist you with 80+ impressive Angular Components.</p>
2222
</div>
2323
</div>
2424
<div class="col-span-12 md:col-span-6 xl:col-span-3 flex justify-center">
2525
<div class="box p-6 w-full animate-duration-500" pAnimateOnScroll enterClass="animate-fadein">
26-
<img src="https://primefaces.org/cdn/primeng/images/landing/features/icon-community.svg" width="30" height="25" alt="components icon" class="block mb-3" />
27-
<div class="font-semibold mb-4 text-lg">Community</div>
28-
<p class="m-0 text-surface-500 dark:text-surface-400 font-medium">Connect with the other open source community members, collaborate and have a voice in the project roadmap.</p>
26+
<img src="https://primefaces.org/cdn/primeng/images/landing/features/icon-theme.svg" alt="components icon" class="block mb-4" />
27+
<div class="font-semibold mb-4 text-lg">Styled or Unstyled</div>
28+
<p class="m-0 text-surface-500 dark:text-surface-400 font-medium">Choose from a variety of pre-built themes or implement your design systems with the CSS library of your choice like TailwindCSS.</p>
2929
</div>
3030
</div>
3131
<div class="col-span-12 md:col-span-6 xl:col-span-3 flex justify-center">
3232
<div class="box p-6 w-full animate-duration-500" pAnimateOnScroll enterClass="animate-fadein">
33-
<img src="https://primefaces.org/cdn/primeng/images/landing/features/icon-productivity.svg" width="30" height="25" alt="components icon" class="block mb-3" />
34-
<div class="font-semibold mb-4 text-lg">Productivity</div>
35-
<p class="m-0 text-surface-500 dark:text-surface-400 font-medium">Boost your productivity by achieving more in less time and accomplish amazing results.</p>
33+
<img src="https://primefaces.org/cdn/primeng/images/landing/features/icon-community.svg" alt="components icon" class="block mb-4" />
34+
<div class="font-semibold mb-4 text-lg">Community</div>
35+
<p class="m-0 text-surface-500 dark:text-surface-400 font-medium">Connect with the other open source community members, collaborate and have a voice in the project roadmap.</p>
3636
</div>
3737
</div>
3838
<div class="col-span-12 md:col-span-6 xl:col-span-3 flex justify-center">
3939
<div class="box p-6 w-full animate-duration-500" pAnimateOnScroll enterClass="animate-fadein">
40-
<img src="https://primefaces.org/cdn/primeng/images/landing/features/icon-accessibility.svg" alt="components icon" class="block mb-3" />
40+
<img src="https://primefaces.org/cdn/primeng/images/landing/features/icon-accessibility.svg" alt="components icon" class="block mb-4" />
4141
<div class="font-semibold mb-4 text-lg">Accessibility</div>
4242
<p class="m-0 text-surface-500 dark:text-surface-400 font-medium">Compliant with the Web Content Accessibility Guidelines (WCAG 2.0).</p>
4343
</div>
4444
</div>
4545
<div class="col-span-12 md:col-span-6 xl:col-span-3 flex justify-center">
4646
<div class="box p-6 w-full animate-duration-500" pAnimateOnScroll enterClass="animate-fadein">
47-
<img src="https://primefaces.org/cdn/primeng/images/landing/features/icon-support.svg" alt="components icon" width="30" height="25" class="block mb-3" />
47+
<img src="https://primefaces.org/cdn/primeng/images/landing/features/icon-support.svg" alt="components icon" class="block mb-4" />
4848
<div class="font-semibold mb-4 text-lg">Enterprise Support</div>
4949
<p class="m-0 text-surface-500 dark:text-surface-400 font-medium">Exceptional support service featuring response within 1 business day and option to request enhancements and new features for the library.</p>
5050
</div>
5151
</div>
5252
<div class="col-span-12 md:col-span-6 xl:col-span-3 flex justify-center">
5353
<div class="box p-6 w-full animate-duration-500" pAnimateOnScroll enterClass="animate-fadein">
54-
<img src="https://primefaces.org/cdn/primeng/images/landing/features/icon-mobile.svg" width="30" height="25" alt="components icon" class="block mb-3" />
54+
<img src="https://primefaces.org/cdn/primeng/images/landing/features/icon-mobile.svg" alt="components icon" class="block mb-4" />
5555
<div class="font-semibold mb-4 text-lg">Mobile</div>
5656
<p class="m-0 text-surface-500 dark:text-surface-400 font-medium">First class support for responsive design led by touch optimized elements.</p>
5757
</div>
5858
</div>
5959
<div class="col-span-12 md:col-span-6 xl:col-span-3 flex justify-center">
6060
<div class="box p-6 w-full animate-duration-500" pAnimateOnScroll enterClass="animate-fadein">
61-
<img src="https://primefaces.org/cdn/primeng/images/landing/features/icon-theme.svg" width="30" height="25" alt="components icon" class="block mb-3" />
62-
<div class="font-semibold mb-4 text-lg">Themes</div>
63-
<p class="m-0 text-surface-500 dark:text-surface-400 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>
61+
<img src="https://primefaces.org/cdn/primeng/images/landing/features/icon-productivity.svg" alt="components icon" class="block mb-4" />
62+
<div class="font-semibold mb-4 text-lg">Blocks</div>
63+
<p class="m-0 text-surface-500 dark:text-surface-400 font-medium">500+ pre-designed copy paste ready UI blocks to build spectacular apps in no time.</p>
6464
</div>
6565
</div>
6666
<div class="col-span-12 md:col-span-6 xl:col-span-3 flex justify-center">
6767
<div class="box p-6 w-full animate-duration-500" pAnimateOnScroll enterClass="animate-fadein">
68-
<img src="https://primefaces.org/cdn/primeng/images/landing/features/icon-ts.svg" width="30" height="25" alt="components icon" class="block mb-3" />
68+
<img src="https://primefaces.org/cdn/primeng/images/landing/features/icon-ts.svg" alt="components icon" class="block mb-4" />
6969
<div class="font-semibold mb-4 text-lg">Typescript</div>
7070
<p class="m-0 text-surface-500 dark:text-surface-400 font-medium">Top-notch support for Typescript with types and tooling assistance.</p>
7171
</div>

‎apps/showcase/pages/team/index.ts‎

Lines changed: 25 additions & 20 deletions
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
1-
import { Component } from '@angular/core';
21
import { CommonModule } from '@angular/common';
2+
import { Component } from '@angular/core';
33

44
@Component({
55
standalone: true,
@@ -23,51 +23,56 @@ import { CommonModule } from '@angular/common';
2323
</div>
2424
2525
<div class="card p-20">
26-
<div class="flex flex-wrap gap-20">
26+
<div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-5 gap-20">
2727
<div class="flex flex-col items-center flex-auto">
2828
<img src="https://primefaces.org/cdn/primeng/images/team/cagatay.jpg" class="rounded-full mb-6" alt="Cagatay Civici" />
29-
<span class="mb-2 text-xl font-bold">Çağatay Çivici</span>
30-
<span>Founder</span>
29+
<span class="mb-2 text-xl font-bold text-center">Çağatay Çivici</span>
30+
<span class="text-center">Founder</span>
3131
</div>
3232
<div class="flex flex-col items-center flex-auto">
3333
<img src="https://primefaces.org/cdn/primeng/images/team/mert.jpg" class="rounded-full mb-6" alt="Mert Sincan" />
34-
<span class="mb-2 text-xl font-bold">Mert Sincan</span>
35-
<span>CTO</span>
34+
<span class="mb-2 text-xl font-bold text-center">Mert Sincan</span>
35+
<span class="text-center">CTO</span>
3636
</div>
3737
<div class="flex flex-col items-center flex-auto">
3838
<img src="https://primefaces.org/cdn/primeng/images/team/onur.jpg" class="rounded-full mb-6" alt="Onur Şentüre" />
39-
<span class="mb-2 text-xl font-bold">Onur Şentüre</span>
40-
<span>Design Lead</span>
39+
<span class="mb-2 text-xl font-bold text-center">Onur Şentüre</span>
40+
<span class="text-center">Design Lead</span>
4141
</div>
4242
<div class="flex flex-col items-center flex-auto">
4343
<img src="https://primefaces.org/cdn/primeng/images/team/dilara.jpg" class="rounded-full mb-6" alt="Dilara Can" />
44-
<span class="mb-2 text-xl font-bold">Dilara Güngenci</span>
45-
<span>Business Administration</span>
44+
<span class="mb-2 text-xl font-bold text-center">Dilara Güngenci</span>
45+
<span class="text-center">Business Administration</span>
4646
</div>
4747
<div class="flex flex-col items-center flex-auto">
4848
<img src="https://primefaces.org/cdn/primeng/images/team/cetin.jpg" class="rounded-full mb-6" alt="Çetin Çakıroğlu" />
49-
<span class="mb-2 text-xl font-bold">Çetin Çakıroğlu</span>
50-
<span>Front-End Developer</span>
49+
<span class="mb-2 text-xl font-bold text-center">Çetin Çakıroğlu</span>
50+
<span class="text-center">Front-End Developer</span>
5151
</div>
5252
<div class="flex flex-col items-center flex-auto">
5353
<img src="https://primefaces.org/cdn/primeng/images/team/tugce.jpg" class="rounded-full mb-6" alt="Tuğçe Küçükoğlu" />
54-
<span class="mb-2 text-xl font-bold">Tuğçe Küçükoğlu</span>
55-
<span>Front-End Developer</span>
54+
<span class="mb-2 text-xl font-bold text-center">Tuğçe Küçükoğlu</span>
55+
<span class="text-center">Front-End Developer</span>
5656
</div>
5757
<div class="flex flex-col items-center flex-auto">
5858
<img src="https://primefaces.org/cdn/primeng/images/team/atakan.jpg" class="rounded-full mb-6" alt="Atakan Tepe" />
59-
<span class="mb-2 text-xl font-bold">Atakan Tepe</span>
60-
<span>Front-End Developer</span>
59+
<span class="mb-2 text-xl font-bold text-center">Atakan Tepe</span>
60+
<span class="text-center">Front-End Developer</span>
6161
</div>
6262
<div class="flex flex-col items-center flex-auto">
6363
<img src="https://primefaces.org/cdn/primeng/images/team/mehmet.jpg" class="rounded-full mb-6" alt="Mehmet Çetin" />
64-
<span class="mb-2 text-xl font-bold">Mehmet Çetin</span>
65-
<span>Front-End Developer</span>
64+
<span class="mb-2 text-xl font-bold text-center">Mehmet Çetin</span>
65+
<span class="text-center">Front-End Developer</span>
6666
</div>
6767
<div class="flex flex-col items-center flex-auto">
6868
<img src="https://primefaces.org/cdn/primeng/images/team/taner.jpg" class="rounded-full mb-6" alt="Taner Engin" />
69-
<span class="mb-2 text-xl font-bold">Taner Engin</span>
70-
<span>Front-End Developer</span>
69+
<span class="mb-2 text-xl font-bold text-center">Taner Engin</span>
70+
<span class="text-center">Front-End Developer</span>
71+
</div>
72+
<div class="flex flex-col items-center flex-auto">
73+
<img src="https://primefaces.org/cdn/primeng/images/team/giray.jpg" class="rounded-full mb-6" alt="Giray Maviş" />
74+
<span class="mb-2 text-xl font-bold text-center">Giray Maviş</span>
75+
<span class="text-center">Front-End Developer</span>
7176
</div>
7277
</div>
7378
</div>

0 commit comments

Comments
 (0)