From be50fb1d1f410b1c6e346f416a719cebcb8e432a Mon Sep 17 00:00:00 2001 From: Md Mohin Uddin Date: Sat, 9 Dec 2023 19:31:46 +0600 Subject: [PATCH] Remove community plan column Signed-off-by: Md Mohin Uddin --- layouts/pricing/list.html | 2785 ++++++++---------- static/assets/sass/pages/_features-plan.scss | 428 ++- 2 files changed, 1564 insertions(+), 1649 deletions(-) diff --git a/layouts/pricing/list.html b/layouts/pricing/list.html index a3480e6036..1e5f118185 100644 --- a/layouts/pricing/list.html +++ b/layouts/pricing/list.html @@ -4,1523 +4,1316 @@
-
-
-
- -
-
-

- Go Cloud Native Confidently - with AppsCode -

-

- At AppsCode, we focus on helping you achieve the outcomes you need to make your business successful. Our - Support plans are designed to give you the right mix of tools and access to expertise so that you can be - successful with AppsCode products while optimizing performance, managing risk, and keeping costs under - control. -

-
-

- Our pricing plans are product specific and you will need a separate subscription for each product. -

-
-
- -
-
-
- -
-
-
-
+
+
+
+ +
+
+

+ Go Cloud Native Confidently + with AppsCode +

+

+ At AppsCode, we focus on helping you achieve the outcomes you need to make your business successful. Our + Support plans are designed to give you the right mix of tools and access to expertise so that you can be + successful with AppsCode products while optimizing performance, managing risk, and keeping costs under + control. +

+
+

+ Our pricing plans are product specific and you will need a separate subscription for each product. +

+
+
+ +
+
+
+ +
+
+
+
-
- -
- -
-

Plans

-

Our pricing plans are designed to meet your need, risk tolerance and budget constraints

-
- - - -
- -
-

KubeDB Community

-

Free for everyone

-
- Install Now! - -
-
- - -
-

KubeDB Enterprise

-

Open Core KubeDB for production and/or substained usage databases

-
- - Contact Us -
-
- -
- -
- - - -
- - -
- - -
-
Recommended For
- -
- -
- Core functionalities for FREE
for any Kubernetes user -
- - -
-
Self-service plan for production databases
-
For production databases
-
For business and/or mission critical databases
-
- -
- -
- - - -
-
PostgreSQL
- -
- -
check-icon
- - -
-
check-icon
-
check-icon
-
check-icon
-
- -
- -
- - - -
-
MySQL
- -
- -
check-icon
- - -
-
check-icon
-
check-icon
-
check-icon
-
- -
- -
- - - -
-
Elasticsearch
- -
- -
check-icon
- - -
-
check-icon
-
check-icon
-
check-icon
-
- -
- -
- - - -
-
MongoDB
- -
- -
check-icon
- - -
-
check-icon
-
check-icon
-
check-icon
-
- -
- -
- - - -
-
Redis
- -
- -
check-icon
- - -
-
check-icon
-
check-icon
-
check-icon
-
- -
- -
- - - -
-
Memcached
- -
- -
check-icon
- - -
-
check-icon
-
check-icon
-
check-icon
-
- -
- -
- - - -
-
MariaDB
- -
- -
check-icon
- - -
-
check-icon
-
check-icon
-
check-icon
-
- -
- -
- - - -
-
Percona XtraDB
- -
- -
check-icon
- - -
-
check-icon
-
check-icon
-
check-icon
-
- -
- -
- - - -
-
PgBouncer
- -
- -
error-icon
- - -
-
check-icon
-
check-icon
-
check-icon
-
- -
- -
- - - -
-
ProxySQL
- -
- -
error-icon
- - -
-
check-icon
-
check-icon
-
check-icon
-
- -
- -
- - -
- - - - - -
- - -
-
Features
- -
- -
-
- - -
-
-
-
-
- -
- -
- - - - -
-
Database Clustering
- -
- -
check-icon
- - -
-
check-icon
-
check-icon
-
check-icon
-
- -
- -
- - - -
-
Cloud / On-prem / Air-gapped clusters
- -
- -
check-icon
- - -
-
check-icon
-
check-icon
-
check-icon
-
- -
- -
- - - -
-
Multizone Cluster
- -
- -
check-icon
- - -
-
check-icon
-
check-icon
-
check-icon
-
- -
- -
- - - -
-
Private Registry
- -
- -
check-icon
- - -
-
check-icon
-
check-icon
-
check-icon
-
- -
- -
- - - -
-
CLI
- -
- -
check-icon
- - -
-
check-icon
-
check-icon
-
check-icon
-
- -
- -
- - - -
-
Halt & resume database
- -
- -
check-icon
- - -
-
check-icon
-
check-icon
-
check-icon
-
- -
- -
- - - -
-
Custom Configuration
- -
- -
check-icon
- - -
-
check-icon
-
check-icon
-
check-icon
-
- -
- -
- - - -
-
Custom Extensions
- -
- -
check-icon
- - -
-
check-icon
-
check-icon
-
check-icon
-
- -
- -
- - - -
-
Prometheus Metricsinfo-icon
- -
- -
check-icon
- - -
-
check-icon
-
check-icon
-
check-icon
-
- -
- -
- - - -
-
Kubernetes Namespace support
- -
- -
- Only demo namespace -
- - -
-
Any Kubernetes namespace
-
Any Kubernetes namespace
-
Any Kubernetes namespace
-
- -
- -
- - - -
-
Protect against accidental deletion
- -
- -
error-icon
- - -
-
check-icon
-
check-icon
-
check-icon
-
- -
- -
- - - -
-
Managed Backup/Recovery using Stash
- -
- -
error-icon
- - -
-
check-icon
-
check-icon
-
check-icon
-
- -
- -
- - - -
-
Managed Patch Upgrades
- -
- -
error-icon
- - -
-
check-icon
-
check-icon
-
check-icon
-
- -
- -
- - - -
-
Managed Horizontal Scaling
- -
- -
error-icon
- - -
-
check-icon
-
check-icon
-
check-icon
-
- -
- -
- - - -
-
Managed Vertical Scaling
- -
- -
error-icon
- - -
-
check-icon
-
check-icon
-
check-icon
-
- -
- -
- - - -
-
Managed Reconfiguration
- -
- -
error-icon
- - -
-
check-icon
-
check-icon
-
check-icon
-
- -
- -
- - - -
-
Managed Restarts
- -
- -
error-icon
- - -
-
check-icon
-
check-icon
-
check-icon
-
- -
- -
- - -
- - - - - -
- - -
-
Security
- -
- -
-
- - -
-
-
-
-
- -
- -
- - - -
-
Role Based Access Control (RBAC)
- -
- -
check-icon
- - -
-
check-icon
-
check-icon
-
check-icon
-
- -
- -
- - - -
-
Open Policy Agent (OPA)
- -
- -
check-icon
- - -
-
check-icon
-
check-icon
-
check-icon
-
- -
- -
- - - -
-
Pod Security Policy (PSP)
- -
- -
check-icon
- - -
-
check-icon
-
check-icon
-
check-icon
-
- -
- -
- - - -
-
Network Policy
- -
- -
check-icon
- - -
-
check-icon
-
check-icon
-
check-icon
-
- -
- -
- - - -
-
User & Secret Management using KubeVault
- -
- -
error-icon
- - -
-
check-icon
-
check-icon
-
check-icon
-
- -
- -
- - - -
-
Managed TLS using cert-manager
- -
- -
error-icon
- - -
-
check-icon
-
check-icon
-
check-icon
-
- -
- -
- - -
- - - - - -
- - -
-
Support Plans
- -
- -
- COMMUNITY -
- - -
-
SILVER
-
GOLD
-
PLATINUM
-
- -
- -
- - - -
-
Support Coverage
- -
- -
- Self-service -
- - -
-
Self-service
-
8x5 ⏰
-
24x7
-
- -
- -
- - - -
-
Response Time SLAinfo-icon
- -
- -
N/A
- - -
-
Best Effort
-
Table 1
-
Table 2
-
- -
- -
- - - -
-
Quarterly Updates
- -
- -
check-icon
- - -
-
check-icon
-
check-icon
-
check-icon
-
- -
- -
- - - -
-
Emergency patches
- -
- -
error-icon
- - -
-
error-icon
-
check-icon
-
check-icon
-
- -
- -
- - - -
-
Incident Tickets (with SLA coverage)
- -
- -
error-icon
- - -
-
error-icon
-
5/mo
-
16/mo
-
- -
- -
- - - -
-
Contacts for Ticketing
- -
- -
error-icon
- - -
-
1
-
5
-
10
-
- -
- -
- - - -
-
Onboarding Support
- -
- -
error-icon
- - -
-
check-icon
-
check-icon
-
check-icon
-
- -
- -
- - - -
-
Remote Hands (Debug via Zoom)
for additional feeinfo-icon
- -
- -
error-icon
- - -
-
Yes
-
Yes
(Includes FREE 3 hrs/month)
-
Yes
(Includes FREE 5 hrs/month)
-
- -
- -
- - - -
-
Production Runbook
- -
- -
error-icon
- - -
-
error-icon
-
check-icon
-
check-icon
-
- -
- -
- - - -
-
Dedicated Private chat (via Discord)info-icon
- -
- -
error-icon
- - -
-
error-icon
-
check-icon
-
check-icon
-
- -
- -
- - - -
-
Phone Support
- -
- -
error-icon
- - -
-
error-icon
-
error-icon
-
check-icon☎
-
- -
- -
- - - -
-
Custom Features
- -
- -
error-icon
- - -
-
error-icon
-
Additional fee
-
Additional fee
-
- -
- -
- - -
- - - -
-
    -
  • - ⏰ Business Hours: Mon - Fri 9am - 6pm UTC+6 timezone (Bangladesh Standard Time) excluding local Bangladesh Holidays -
    • -
  • - ☎ Additional conditions apply. Please contact us for further details. -
    • -
-
- -
-
- +
+ +
+ +
+

Plans

+

Our pricing plans are designed to meet your need, risk tolerance and budget constraints

+
+ + + +
+ + +
+

KubeDB Enterprise

+

Open Core KubeDB for production and/or substained usage databases

+
+ + Contact Us +
+
+ +
+ +
+ + + +
+ + +
+ + +
+
Recommended For
+ +
+ +
+
Self-service plan for production databases
+
For production databases
+
For business and/or mission critical databases
+
+ +
+ +
+ + + +
+
PostgreSQL
+ +
+ +
+
check-icon
+
check-icon
+
check-icon
+
+ +
+ +
+ + + +
+
MySQL
+ +
+ +
+
check-icon
+
check-icon
+
check-icon
+
+ +
+ +
+ + + +
+
Elasticsearch
+ +
+ +
+
check-icon
+
check-icon
+
check-icon
+
+ +
+ +
+ + + +
+
MongoDB
+ +
+ +
+
check-icon
+
check-icon
+
check-icon
+
+ +
+ +
+ + + +
+
Redis
+ +
+ +
+
check-icon
+
check-icon
+
check-icon
+
+ +
+ +
+ + + +
+
Memcached
+ +
+ +
+
check-icon
+
check-icon
+
check-icon
+
+ +
+ +
+ + + +
+
MariaDB
+ +
+ +
+
check-icon
+
check-icon
+
check-icon
+
+ +
+ +
+ + + +
+
Percona XtraDB
+ +
+ +
+
check-icon
+
check-icon
+
check-icon
+
+ +
+ +
+ + + +
+
PgBouncer
+ +
+ +
+
check-icon
+
check-icon
+
check-icon
+
+ +
+ +
+ + + +
+
ProxySQL
+ +
+ +
+
check-icon
+
check-icon
+
check-icon
+
+ +
+ +
+ + +
+ + + + + +
+ + +
+
Features
+ +
+ + +
+
+
+
+
+ +
+ +
+ + + + +
+
Database Clustering
+ +
+ +
+
check-icon
+
check-icon
+
check-icon
+
+ +
+ +
+ + + +
+
Cloud / On-prem / Air-gapped clusters
+ +
+ +
+
check-icon
+
check-icon
+
check-icon
+
+ +
+ +
+ + + +
+
Multizone Cluster
+ +
+ +
+
check-icon
+
check-icon
+
check-icon
+
+ +
+ +
+ + + +
+
Private Registry
+ +
+ +
+
check-icon
+
check-icon
+
check-icon
+
+ +
+ +
+ + + +
+
CLI
+ +
+ +
+
check-icon
+
check-icon
+
check-icon
+
+ +
+ +
+ + + +
+
Halt & resume database
+ +
+ +
+
check-icon
+
check-icon
+
check-icon
+
+ +
+ +
+ + + +
+
Custom Configuration
+ +
+ +
+
check-icon
+
check-icon
+
check-icon
+
+ +
+ +
+ + + +
+
Custom Extensions
+ +
+ +
+
check-icon
+
check-icon
+
check-icon
+
+ +
+ +
+ + + +
+
Prometheus Metricsinfo-icon
+ +
+ +
+
check-icon
+
check-icon
+
check-icon
+
+ +
+ +
+ + + +
+
Kubernetes Namespace support
+ +
+ +
+
Any Kubernetes namespace
+
Any Kubernetes namespace
+
Any Kubernetes namespace
+
+ +
+ +
+ + + +
+
Protect against accidental deletion
+ +
+ +
+
check-icon
+
check-icon
+
check-icon
+
+ +
+ +
+ + + +
+
Managed Backup/Recovery using Stash
+ +
+ +
+
check-icon
+
check-icon
+
check-icon
+
+ +
+ +
+ + + +
+
Managed Patch Upgrades
+ +
+ +
+
check-icon
+
check-icon
+
check-icon
+
+ +
+ +
+ + + +
+
Managed Horizontal Scaling
+ +
+ +
+
check-icon
+
check-icon
+
check-icon
+
+ +
+ +
+ + + +
+
Managed Vertical Scaling
+ +
+ +
+
check-icon
+
check-icon
+
check-icon
+
+ +
+ +
+ + + +
+
Managed Reconfiguration
+ +
+ +
+
check-icon
+
check-icon
+
check-icon
+
+ +
+ +
+ + + +
+
Managed Restarts
+ +
+ +
+
check-icon
+
check-icon
+
check-icon
+
+ +
+ +
+ + +
+ + + + + +
+ + +
+
Security
+ +
+ +
+
+
+
+
+ +
+ +
+ + + +
+
Role Based Access Control (RBAC)
+ +
+ +
+
check-icon
+
check-icon
+
check-icon
+
+ +
+ +
+ + + +
+
Open Policy Agent (OPA)
+ +
+ +
+
check-icon
+
check-icon
+
check-icon
+
+ +
+ +
+ + + +
+
Pod Security Policy (PSP)
+ +
+ +
+
check-icon
+
check-icon
+
check-icon
+
+ +
+ +
+ + + +
+
Network Policy
+ +
+ +
+
check-icon
+
check-icon
+
check-icon
+
+ +
+ +
+ + + +
+
User & Secret Management using KubeVault
+ +
+ +
+
check-icon
+
check-icon
+
check-icon
+
+ +
+ +
+ + + +
+
Managed TLS using cert-manager
+ +
+ +
+
check-icon
+
check-icon
+
check-icon
+
+ +
+ +
+ + +
+ + + + + +
+ + +
+
Support Plans
+ +
+ +
+
SILVER
+
GOLD
+
PLATINUM
+
+ +
+ +
+ + + +
+
Support Coverage
+ +
+ +
+
Self-service
+
8x5 ⏰
+
24x7
+
+ +
+ +
+ + + +
+
Response Time SLAinfo-icon
+ +
+ +
+
Best Effort
+
Table 1
+
Table 2
+
+ +
+ +
+ + + +
+
Quarterly Updates
+ +
+ +
+
check-icon
+
check-icon
+
check-icon
+
+ +
+ +
+ + + +
+
Emergency patches
+ +
+ +
+
error-icon
+
check-icon
+
check-icon
+
+ +
+ +
+ + + +
+
Incident Tickets (with SLA coverage)
+ +
+ +
+
error-icon
+
5/mo
+
16/mo
+
+ +
+ +
+ + + +
+
Contacts for Ticketing
+ +
+ +
+
1
+
5
+
10
+
+ +
+ +
+ + + +
+
Onboarding Support
+ +
+ +
+
check-icon
+
check-icon
+
check-icon
+
+ +
+ +
+ + + +
+
Remote Hands (Debug via Zoom)
for additional feeinfo-icon
+ +
+ +
+
Yes
+
Yes
(Includes FREE 3 hrs/month)
+
Yes
(Includes FREE 5 hrs/month)
+
+ +
+ +
+ + + +
+
Production Runbook
+ +
+ +
+
error-icon
+
check-icon
+
check-icon
+
+ +
+ +
+ + + +
+
Dedicated Private chat (via Discord)info-icon
+ +
+ +
+
error-icon
+
check-icon
+
check-icon
+
+ +
+ +
+ + + +
+
Phone Support
+ +
+ +
+
error-icon
+
error-icon
+
check-icon☎
+
+ +
+ +
+ + + +
+
Custom Features
+ +
+ +
+
error-icon
+
Additional fee
+
Additional fee
+
+ +
+ +
+ + +
+ + + +
+
    +
  • + ⏰ Business Hours: Mon - Fri 9am - 6pm UTC+6 timezone (Bangladesh Standard Time) excluding local Bangladesh Holidays +
    • +
  • + ☎ Additional conditions apply. Please contact us for further details. +
    • +
+
+ +
+
+
-
- -
-
-
-

Need Help?

-

If you have a question, we are here to help! Don't hesitate to reach out.

-
-
-
- - - -
+
+ +
+
+
+

Need Help?

+

If you have a question, we are here to help! Don't hesitate to reach out.

+
+
+
+ + + +
+ +
+
+ +
+
+ +
+
Schedule
a Meeting
+
+ + +
+

Talk an expert about {{ $p.name }}

+ + + + Schedule a Meeting + +
+ +
+
+ + + {{ if $p.datasheetFormID }} -
-
- -
-
- -
-
Schedule
a Meeting
-
- - -
-

Talk an expert about {{ $p.name }}

- - - - Schedule a Meeting - -
- -
-
+
+
+ +
+
+ +
+
Download
White Paper
+
+ + +
+

Download the {{ $p.name }} White Paper

+ Download Now +
+ +
+
+ {{ end }} - {{ if $p.datasheetFormID }}
-
- -
-
- -
-
Download
White Paper
-
- - -
-

Download the {{ $p.name }} White Paper

- Download Now -
- -
-
- - {{ end }} - - -
-
- -
-
- -
-
Mailing
List
-
- - -
-

Subscribe to Our Newsletter

- -
- -
- -
- -
-
- - -
-
- -
-
- -
-
Explore
Docs
-
- - -
-

Learn about {{ $p.name }} from our docs

- Read the Docs -
- -
-
- -
- +
+ +
+
+ +
+
Mailing
List
+
+ + +
+

Subscribe to Our Newsletter

+ +
+ +
+ +
+ +
+
+ + +
+
+ +
+
+ +
+
Explore
Docs
+
+ + +
+

Learn about {{ $p.name }} from our docs

+ Read the Docs +
+ +
+
+
+ +
-
-
-
-
-

FAQ

-
-
-
-
-
- -
- -
- -
-

Can I upgrade or downgrade anytime?

- -
- - -
-

- Monthly plans are subject to a 30 day minimum term. - Monthly plans can be upgraded anytime. - Annual plans can be downgraded at the end of the term. -

-
- -
- - - -
- -
-

Is my payment information safe?

- -
- - -
-

- Our payment processing is powerd by - Stripe. - You credit card data never touches our servers. For more information, - please visit stripe.com. -

-
- -
- - - -
- -
-

Do you have any cancellation fee?

- -
- - -
-

- There is no cancellation fee. But plans are subject to minimum duration as stated above. -

-
- -
- - - -
- -
-

What types of payment do you accept?

- -
- - -
-

- We accept all popular credit/debit cards such as Visa, Mastercard, American Express, - Discover, etc. We also accept ACH debit/credit. -

-
- -
- -
- -
-
-
+
+
+
+
+

FAQ

+
+
+
+
+
+ +
+ +
+ +
+

Can I upgrade or downgrade anytime?

+ +
+ + +
+

+ Monthly plans are subject to a 30 day minimum term. + Monthly plans can be upgraded anytime. + Annual plans can be downgraded at the end of the term. +

+
+ +
+ + + +
+ +
+

Is my payment information safe?

+ +
+ + +
+

+ Our payment processing is powerd by + Stripe. + You credit card data never touches our servers. For more information, + please visit stripe.com. +

+
+ +
+ + + +
+ +
+

Do you have any cancellation fee?

+ +
+ + +
+

+ There is no cancellation fee. But plans are subject to minimum duration as stated above. +

+
+ +
+ + + +
+ +
+

What types of payment do you accept?

+ +
+ + +
+

+ We accept all popular credit/debit cards such as Visa, Mastercard, American Express, + Discover, etc. We also accept ACH debit/credit. +

+
+ +
+ +
+ +
+
+
diff --git a/static/assets/sass/pages/_features-plan.scss b/static/assets/sass/pages/_features-plan.scss index 41b29fee49..94fa199a2c 100644 --- a/static/assets/sass/pages/_features-plan.scss +++ b/static/assets/sass/pages/_features-plan.scss @@ -1,7 +1,8 @@ .hero-area { &.features-plan { margin-top: 130px; - + + .hero-area-content { .hero-content-inner { h1 { @@ -9,7 +10,8 @@ line-height: 140%; font-weight: 500; margin-bottom: 30px; - + + b { font-weight: 700; } @@ -17,13 +19,15 @@ } } } -} - -.bgc-2 { + } + + + .bgc-2 { background-color: #f9f9f9; -} - -.features-cta-area { + } + + + .features-cta-area { padding: 80px 0; .features-plan-cta-wrapper { background-color: $ac-white; @@ -34,19 +38,22 @@ position: sticky; z-index: 8; top: 50px; - + + .cta-left { width: 30%; padding: 30px 20px; // height: 266px; - + + &.fp-cta-bg { background-image: url(../images/features-plan/features-plan-cta-bg.svg); background-repeat: no-repeat; background-size: cover; background-position: center; } - + + h2 { font-size: 36px; line-height: 140%; @@ -55,33 +62,39 @@ margin-bottom: 20px; text-transform: capitalize; } - + + p { font-size: 16px; line-height: 160%; color: #54657e; } } - + + .cta-right { width: 70%; display: flex; // min-height: 266px; - + + .single-cta { padding: 20px 20px 80px 20px; border-left: 1px solid #eceff4; position: relative; z-index: 1; // min-height: 265px; - + + &.community { width: 30%; } - + + &.enterprise { - width: 70%; - + width: 100%; + + .button { &.ac-button { &.is-secondary { @@ -92,7 +105,8 @@ } } } - + + h3 { font-weight: 700; font-size: 22px; @@ -100,13 +114,15 @@ margin-bottom: 6px; text-transform: capitalize; } - + + p { font-size: 16px; color: #54657e; line-height: 1.5; } - + + a { &.is-trial { font-size: 12px; @@ -117,50 +133,59 @@ display: block; font-family: roboto; text-decoration: underline; - + + &:hover { color: $ac-primary; } } } - + + .bottom-content { position: absolute; bottom: 20px; left: 0px; width: 100%; } - + + // plan title start .plan-title { margin-top: 15px; - + + &.enterprise { ul { li { background-color: #ffefe7; width: 33.33%; - + + &:nth-child(2) { background-color: rgba(0, 114, 249, 0.1); } - + + &:nth-child(3) { background-color: #ece8f7; } - + + &:nth-child(4) { background-color: #e8f1f8; } } } } - + + ul { display: flex; align-items: center; justify-content: space-around; - + + li { padding: 16px; font-size: 16px; @@ -172,144 +197,173 @@ } } } - + + // plan title end } } } -} - -.single-features-area:not(:last-child) { + } + + + .single-features-area:not(:last-child) { margin-bottom: 30px; -} - -// features plan table start -.features-plan-area { + } + + + // features plan table start + .features-plan-area { .single-features-area { .single-features { display: grid; grid-template-columns: 30% 70%; - + + &:nth-child(odd) { background-color: $ac-white; - + + .features-plan { &.community { background-color: #edf9f3 !important; color: #32325d; } } - + + .e-plan { color: #32325d; - + + &:nth-child(1) { background-color: rgba(252, 96, 17, 0.1); } - + + &:nth-child(2) { background-color: rgba(0, 114, 249, 0.1); } - + + &:nth-child(3) { background-color: rgba(63, 25, 173, 0.1); } - + + &:nth-child(4) { background-color: rgba(25, 113, 189, 0.1); } } } - + + &:nth-child(even) { background-color: #f7f9fb; - + + .features-plan { &.community { background-color: #e6f3ef !important; color: #32325d; } } - + + .e-plan { color: #32325d; - + + &:nth-child(1) { background-color: rgba(252, 96, 17, 0.1); } - + + &:nth-child(2) { background-color: rgba(0, 114, 249, 0.1); } - + + &:nth-child(3) { background-color: rgba(63, 25, 173, 0.1); } - + + &:nth-child(4) { background-color: rgba(25, 113, 189, 0.1); } } } - + + &.title { margin-bottom: 0; - + + .features-name { display: flex; align-items: center; } - + + .features-plan { &.community { background-color: #edf9f3 !important; color: #00a651; } } - + + .e-plan { &:nth-child(1) { background-color: rgba(252, 96, 17, 0.1); color: #fc6011; } - + + &:nth-child(2) { background-color: rgba(0, 114, 249, 0.1); color: #0072f9; } - + + &:nth-child(3) { background-color: rgba(63, 25, 173, 0.1); color: #3f19ad; } - + + &:nth-child(4) { background-color: rgba(25, 113, 189, 0.1); color: #1971bd; } } - + + .features-name { font-weight: 500; } - + + .features-plan-wrapper { .features-plan { font-weight: 500; } } } - + + .features-name { padding: 14px 20px; font-size: 16px; color: #393e46; - + + a { font-family: $ac-font-paragraph; text-decoration: underline; } - + + .info-icon { &.tooltip { margin-left: 5px; @@ -318,16 +372,19 @@ } } } - + + .features-plan-wrapper { display: grid; align-items: center; // width: 65%; - grid-template-columns: 30% 70%; - + grid-template-columns: 100%; + + .features-plan { font-weight: 400; - + + &.community { height: 100%; display: flex; @@ -336,19 +393,22 @@ justify-content: center; font-size: 14px; padding: 7px; - + + span.t-icon { height: 26px; } } - + + &.enterprise { display: grid; grid-template-columns: 33.33% 33.33% 33.34%; font-size: 14px; height: 100%; } - + + .e-plan { padding: 10px 15px; height: 100%; @@ -357,7 +417,8 @@ justify-content: center; align-items: center; line-height: 130%; - + + span.t-icon { height: 26px; width: 26px; @@ -370,33 +431,39 @@ } } } -} - -// assistance section start -.assistance-card-wrapper { + } + + + // assistance section start + .assistance-card-wrapper { @import url(/assets/css/calendly.css); - + + .single-card { background: $ac-white; box-shadow: 0px 2px 30px rgba(44, 60, 74, 0.08); border-radius: 4px; transition: 0.3s ease-in-out; - + + &:hover { box-shadow: 0px 2px 30px rgba(44, 60, 74, 0.16); } - + + .card-head { display: flex; align-items: center; padding: 40px 30px; border-bottom: 1px solid #eceff4; - + + .ass-icon { width: 56px; margin-right: 28px; } - + + .ass-title { font-style: normal; font-weight: 500; @@ -405,10 +472,12 @@ color: #1c1c1c; } } - + + .card-body { padding: 30px 20px; - + + p { font-style: normal; font-weight: normal; @@ -417,7 +486,8 @@ color: #54657e; margin-bottom: 15px; } - + + .button { background: rgba(77, 77, 203, 0.1); border: 1px solid #4d4dcb; @@ -429,28 +499,33 @@ font-family: Roboto; height: 41px; transition: 0.3s ease-in-out; - + + &:hover { background-color: #4d4dcb; color: $ac-white !important; } } - + + .subscription-form { position: relative; z-index: 1; - + + input { border: none; background-color: $ac-white-light; height: 41px; - + + &:focus { border: 1px solid #4d4dcb; border-radius: 4px; } } - + + button { position: absolute; right: 0; @@ -459,11 +534,13 @@ color: $ac-white; border: none; z-index: 9; - + + i.fa { color: $ac-white; } - + + &:hover { // background-color: darken($color: #4d4dcb, $amount: 20); color: $ac-white; @@ -472,15 +549,17 @@ } } } -} - -// assistance section end - -/**************************************** -Responsive Classes -*****************************************/ -// Extra small devices (portrait phones, less than 576px) -@media (max-width: 575.98px) { + } + + + // assistance section end + + + /**************************************** + Responsive Classes + *****************************************/ + // Extra small devices (portrait phones, less than 576px) + @media (max-width: 575.98px) { .features-plan { .hero-area-content { .hero-content-inner { @@ -493,36 +572,44 @@ Responsive Classes } } } - + + .features-cta-area { &.section-padding-100 { padding: 60px 0; } } - + + .features-cta-area { overflow-y: auto; - + + .features-plan-cta-wrapper { position: static; min-width: 1344px; - + + .cta-left { width: 30%; - + + h2 { font-size: 26px; margin-bottom: 10px; } } - + + .cta-right { width: 70%; - + + .single-cta { width: 100%; padding: 20px 20px 108px 20px; - + + h3 { font-size: 20px; margin-bottom: 10px; @@ -530,42 +617,50 @@ Responsive Classes } } } - + + .features-plan-area { min-width: 1344px; } - + + .single-features-area { margin-bottom: 10px; } } - + + .table { &.ac-features-table { min-width: 500px; } } - + + .assistance-area { &.section-padding-100 { padding: 60px 0; } } - + + .single-assistance { .ass-top { padding: 30px 20px; - + + .ass-icon { max-width: 40px; } } - + + .ass-bottom { padding: 20px 20px 30px; } } - + + .ac-accordion-wrapper { .single-accordion-item { .accordion-heading { @@ -575,44 +670,53 @@ Responsive Classes } } } -} - -// Small devices (landscape phones, 576px and up) -@media (min-width: 576px) and (max-width: 768px) { + } + + + // Small devices (landscape phones, 576px and up) + @media (min-width: 576px) and (max-width: 768px) { .features-plan { .hero-area-img { display: none; } } - + + .features-cta-area.section-padding-100 { padding: 60px 0; } - + + .features-cta-area { overflow-y: auto; - + + .features-plan-cta-wrapper { position: static; min-width: 1344px; - + + .cta-left { width: 100%; - + + h2 { font-size: 26px; margin-bottom: 10px; } } - + + .cta-right { width: 100%; - + + .single-cta { width: 100%; padding: 40px 20px 108px 20px; min-height: 240px; - + + h3 { font-size: 20px; margin-bottom: 10px; @@ -620,58 +724,69 @@ Responsive Classes } } } - + + .single-features-area { margin-bottom: 10px; } } - + + .features-plan-area { min-width: 1344px; } -} - -// Medium devices (tablets, 769px and up) -@media (min-width: 769px) and (max-width: 1023.98px) { + } + + + // Medium devices (tablets, 769px and up) + @media (min-width: 769px) and (max-width: 1023.98px) { .features-plan { .hero-content-inner { padding: 50px 50px 50px 0; } - + + .hero-area-img { img { opacity: 1; } } } - + + .features-cta-area { overflow-y: auto; - + + .features-plan-cta-wrapper { min-width: 1344px; position: static; - + + .cta-left { width: 30%; padding: 50px 20px; // height: 266px; - + + h2 { font-size: 26px; margin-bottom: 10px; } } - + + .cta-right { width: 70%; - + + // flex-direction: column; .single-cta { width: 100%; padding: 40px 20px 108px 20px; min-height: 240px; - + + h3 { font-size: 20px; margin-bottom: 10px; @@ -679,21 +794,28 @@ Responsive Classes } } } - + + .single-features-area { margin-bottom: 10px; } - + + .features-plan-area { min-width: 1344px; } } -} - -// Large devices (desktops, 1024px and up) -@media (min-width: 1024px) and (max-width: 1215px) { -} - -// Extra large devices (large desktops, 1216px and up) -@media (min-width: 1216px) { -} + } + + + // Large devices (desktops, 1024px and up) + @media (min-width: 1024px) and (max-width: 1215px) { + } + + + // Extra large devices (large desktops, 1216px and up) + @media (min-width: 1216px) { + } + + + \ No newline at end of file