Skip to content

Commit

Permalink
Spring sale
Browse files Browse the repository at this point in the history
  • Loading branch information
@cetincakiroglu
cetincakiroglu committed Apr 29, 2024
1 parent fd53263 commit a11dd16
Show file tree
Hide file tree
Showing 13 changed files with 69 additions and 11 deletions.
5 changes: 4 additions & 1 deletion src/app/showcase/layout/templates/templatelicense.ts
View file
Original file line number Diff line number Diff line change
Expand Up @@ -11,7 +11,10 @@ import { SharedModule } from 'primeng/api';
<ng-container *ngFor="let licenseData of license?.licenseDetails">
<div class="template-license-card">
<span>{{ licenseData?.title }}</span>
<h2>{{ licenseData?.price }}</h2>
<div class="template-license-price flex gap-3">
<h2 [ngClass]="{ discount: licenseData?.discount_price }">{{ licenseData?.price }}</h2>
<h2>{{ licenseData?.discount_price }}</h2>
</div>
<div class="template-license-card-included">
<ng-container *ngFor="let txt of licenseData?.included; let j = index">
<p>{{ txt }}</p>
Expand Down
3 changes: 2 additions & 1 deletion src/app/showcase/pages/lts/lts.component.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -174,7 +174,8 @@
<hr class="my-3 mx-0 border-top-1 border-none surface-border" />
<div class="flex gap-3 flex-wrap">
<div class="flex gap-3 flex-wrap">
<span class="text-2xl font-bold text-900">$999</span>
<span class="text-2xl font-bold text-900 line-through text-color-secondary">$990</span>
<span class="text-2xl font-bold text-900">$490</span>
</div>
</div>
<hr class="my-3 mx-0 border-top-1 border-none surface-border" />
Expand Down
8 changes: 2 additions & 6 deletions src/app/showcase/pages/support/support.component.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -72,10 +72,6 @@
<i class="pi pi-check-circle mr-3 text-green-500"></i>
<span class="line-height-3">PrimeBlocks - Enterprise License</span>
</li>
<li class="flex align-items-center mb-3">
<i class="pi pi-check-circle mr-3 text-green-500"></i>
<span class="line-height-3">Theme Designer - Extended License</span>
</li>
<li class="flex align-items-center mb-3">
<i class="pi pi-check-circle mr-3 text-green-500"></i>
<span class="line-height-3">Figma UI Kit - Enterprise License</span>
Expand All @@ -84,12 +80,12 @@
<i class="pi pi-check-circle mr-3 text-green-500"></i>
<span class="line-height-3">1 Premium Template - Extended License</span>
</li>
</ul>
<ul class="flex-auto list-none p-0 m-0 text-lg p-3">
<li class="flex align-items-center mb-3">
<i class="pi pi-check-circle mr-3 text-green-500"></i>
<span class="line-height-3">Maintenance for Any Version</span>
</li>
</ul>
<ul class="flex-auto list-none p-0 m-0 text-lg p-3">
<li class="flex align-items-center mb-3">
<i class="pi pi-check-circle mr-3 text-green-500"></i>
<span class="line-height-3">Basic LTS License</span>
Expand Down
2 changes: 2 additions & 0 deletions src/app/showcase/pages/templates/apollo/apollo.ts
View file
Original file line number Diff line number Diff line change
Expand Up @@ -260,11 +260,13 @@ export class ApolloPage {
{
title: 'Basic License',
price: '$59',
discount_price: '$39',
included: ['Non Commercial Usage', 'Single End Product, No Multi-Use', 'Lifetime Support', 'Unlimited Updates']
},
{
title: 'Extended License',
price: '$590',
discount_price: '$390',
included: ['Commercial Usage', 'Multiple End Products', 'Lifetime Support', 'Unlimited Updates']
}
]
Expand Down
2 changes: 2 additions & 0 deletions src/app/showcase/pages/templates/atlantis/atlantis.ts
View file
Original file line number Diff line number Diff line change
Expand Up @@ -201,11 +201,13 @@ export class AtlantisPage {
{
title: 'Basic License',
price: '$59',
discount_price: '$39',
included: ['Non Commercial Usage', 'Single End Product, No Multi-Use', 'Lifetime Support', 'Unlimited Updates']
},
{
title: 'Extended License',
price: '$590',
discount_price: '$390',
included: ['Commercial Usage', 'Multiple End Products', 'Lifetime Support', 'Unlimited Updates']
}
]
Expand Down
2 changes: 2 additions & 0 deletions src/app/showcase/pages/templates/avalon/avalon.ts
View file
Original file line number Diff line number Diff line change
Expand Up @@ -226,11 +226,13 @@ export class AvalonPage {
{
title: 'Basic License',
price: '$49',
discount_price: '$29',
included: ['Non Commercial Usage', 'Single End Product, No Multi-Use', 'Lifetime Support', 'Unlimited Updates']
},
{
title: 'Extended License',
price: '$490',
discount_price: '$290',
included: ['Commercial Usage', 'Multiple End Products', 'Lifetime Support', 'Unlimited Updates']
}
]
Expand Down
2 changes: 2 additions & 0 deletions src/app/showcase/pages/templates/diamond/diamond.ts
View file
Original file line number Diff line number Diff line change
Expand Up @@ -225,11 +225,13 @@ export class DiamondPage {
{
title: 'Basic License',
price: '$59',
discount_price: '$39',
included: ['Non Commercial Usage', 'Single End Product, No Multi-Use', 'Lifetime Support', 'Unlimited Updates']
},
{
title: 'Extended License',
price: '$590',
discount_price: '$390',
included: ['Commercial Usage', 'Multiple End Products', 'Lifetime Support', 'Unlimited Updates']
}
]
Expand Down
2 changes: 2 additions & 0 deletions src/app/showcase/pages/templates/freya/freya.ts
View file
Original file line number Diff line number Diff line change
Expand Up @@ -218,11 +218,13 @@ export class FreyaPage {
{
title: 'Basic License',
price: '$59',
discount_price: '$39',
included: ['Non Commercial Usage', 'Single End Product, No Multi-Use', 'Lifetime Support', 'Unlimited Updates']
},
{
title: 'Extended License',
price: '$590',
discount_price: '$390',
included: ['Commercial Usage', 'Multiple End Products', 'Lifetime Support', 'Unlimited Updates']
}
]
Expand Down
42 changes: 41 additions & 1 deletion src/app/showcase/pages/templates/learnmore/learnmore.scss
View file
Original file line number Diff line number Diff line change
Expand Up @@ -20,6 +20,7 @@
font-size: 3rem;
font-weight: 600;
color: var(--surface-900);

@media (max-width: 900px) {
font-size: 1.5rem;
}
Expand Down Expand Up @@ -50,6 +51,7 @@
color: var(--surface-900);
width: 45rem;
margin: 1.25rem auto 0;

@media (max-width: 900px) {
font-size: 0.875rem;
line-height: 1.25rem;
Expand Down Expand Up @@ -409,6 +411,7 @@
background: var(--surface-0, #fff);
padding: 1.25rem;
display: flex;

img {
width: 18.625rem;
height: auto;
Expand Down Expand Up @@ -793,6 +796,7 @@
background-color: var(--surface-100);
display: flex;
overflow: hidden;

img {
width: 100%;
height: auto;
Expand Down Expand Up @@ -894,6 +898,7 @@

&-right {
flex: 0.6;

&-inline {
&-image {
width: 92%;
Expand Down Expand Up @@ -1354,6 +1359,13 @@
background: var(--surface-card, #fff);
}

&-price {
.discount {
color: var(--text-color-secondary);
text-decoration: line-through;
}
}

&-cards {
display: flex;
flex-wrap: wrap;
Expand All @@ -1368,6 +1380,7 @@
border-radius: 1rem;
border: 1px solid var(--surface-200);
background-color: var(--surface-card);

span {
color: var(--surface-900);
font-weight: 600;
Expand Down Expand Up @@ -1463,18 +1476,21 @@
padding: 2.5rem 1.25rem;
border-radius: 1.25rem;
}

&-description {
max-width: 36.5rem;
}
}
}
}

@media only screen and (max-width: 721px) {
.template {
&-license {
&-card {
width: 80%;
}

&-description {
max-width: 32rem;
}
Expand Down Expand Up @@ -1540,6 +1556,7 @@
left: -7rem;
z-index: 6;
}

&-dashboard1,
&-dashboard2 {
border-radius: 1.12rem;
Expand Down Expand Up @@ -1587,13 +1604,16 @@
left: -3.06;
z-index: 6;
}

&-rectangle {
opacity: 0.5;
}

&-light {
opacity: 0.75;
}
}

&-separator {
&-icon {
width: 7rem;
Expand All @@ -1603,6 +1623,7 @@
}
}
}

@media only screen and (max-width: 1200px) {
.avalon {
.template {
Expand All @@ -1617,6 +1638,7 @@
}
}
}

@media only screen and (max-width: 768px) {
.avalon {
.template {
Expand All @@ -1643,13 +1665,15 @@
left: -15rem;
z-index: 6;
}

&-dashboard1,
&-dashboard2 {
width: 40rem;
}
}
}
}

@media only screen and (max-width: 1200px) {
.babylon {
.template {
Expand All @@ -1664,6 +1688,7 @@
}
}
}

@media only screen and (max-width: 768px) {
.babylon {
.template {
Expand All @@ -1690,13 +1715,15 @@
left: -8.65rem;
z-index: 6;
}

&-dashboard1,
&-dashboard2 {
width: 40rem;
}
}
}
}

@media only screen and (max-width: 1200px) {
.california {
.template {
Expand All @@ -1711,6 +1738,7 @@
}
}
}

@media only screen and (max-width: 768px) {
.california {
.template {
Expand Down Expand Up @@ -1740,6 +1768,7 @@
}
}
}

@media only screen and (max-width: 1200px) {
.diamond {
.template {
Expand All @@ -1754,6 +1783,7 @@
}
}
}

@media only screen and (max-width: 768px) {
.diamond {
.template {
Expand Down Expand Up @@ -1810,13 +1840,15 @@
left: -26rem;
z-index: 6;
}

&-dashboard1,
&-dashboard2 {
width: 45rem;
}
}
}
}

@media only screen and (max-width: 1200px) {
.poseidon {
.template {
Expand All @@ -1830,6 +1862,7 @@
}
}
}

@media only screen and (max-width: 768px) {
.poseidon {
.template {
Expand All @@ -1855,16 +1888,19 @@
left: -4.06rem;
z-index: 6;
}

&-dashboard1,
&-dashboard2 {
width: 42rem;
}
}

&-separator {
&-icon {
width: 6rem;
height: 2.5rem;
border-radius: 99px;

svg {
width: 4.2rem;
height: 4.2rem;
Expand All @@ -1873,6 +1909,7 @@
}
}
}

@media only screen and (max-width: 1200px) {
.roma {
.template {
Expand All @@ -1887,6 +1924,7 @@
}
}
}

@media only screen and (max-width: 768px) {
.roma {
.template {
Expand All @@ -1913,11 +1951,13 @@
left: -1rem;
z-index: 6;
}

&-dashboard1,
&-dashboard2 {
width: 42rem;
}
}

&-features-horizontal-card {
width: 30rem;
}
Expand Down Expand Up @@ -2030,4 +2070,4 @@
}
}
}
}
}
Loading

0 comments on commit a11dd16

Please sign in to comment.