diff --git a/static/css/pages/plans.css b/static/css/pages/plans.css index 70ab1574d..8080753f9 100644 --- a/static/css/pages/plans.css +++ b/static/css/pages/plans.css @@ -1,3 +1,163 @@ +.flex-wrap { + width: 100%; + display: flex; + justify-content: center; +} + +.top-section { + flex-direction: row; + justify-content: space-around; + max-width: 1170px; + margin: 0 auto; + padding: 0 60px; +} + +.co-p-quay-enterprise-values { + padding-top: 35px; + padding-bottom: 50px; + padding-right: 60px; +} + +.co-p-quay-enterprise-values .co-p-quay-enterprise-value { + margin-bottom: 30px +} + +.co-p-quay-enterprise-values .co-p-quay-enterprise-value:last-child { + margin-bottom: 0 +} + +.co-p-quay-enterprise-values .co-p-quay-enterprise-value-icon { + width: 32px; + display: inline-block; + margin-right: 15px +} + +.co-p-quay-enterprise-values .co-p-quay-enterprise-value-icon img { + max-width: 32px +} + +.co-p-quay-enterprise-values .co-p-quay-enterprise-value-text { + display: inline; + font-size: 18px; + color: #1e394c; + line-height: 32px; + font-weight: 600 +} + +.co-p-quay-enterprise-values .co-p-quay-enterprise-value-desc { + margin-top: 10px; + font-size: 16px; + line-height: 18px +} + + +.co-p-quay-enterprise-top-cta { + padding: 20px 90px; + border-radius: 4px; + border: 1px solid rgba(153, 153, 153, 0.75); + margin-bottom: 50px; +} + +.co-p-quay-enterprise-top-cta .co-p-quay-enterprise-top-cta-text { + font-weight: 500; + font-size: 18px; + text-align: center; + margin-bottom: 10px +} + +.co-p-quay-enterprise-top-cta .co-p-quay-enterprise-top-cta-buttons { + display: flex; + flex-direction: row; + align-items: flex-start; + justify-content: center; + margin-bottom: 20px +} + +.co-p-quay-enterprise-top-cta .co-p-quay-enterprise-top-cta-buttons .co-p-quay-enterprise-top-cta-button-wrap { + display: flex; + flex-direction: column; + margin-left: 15px; + width: 180px +} + +.co-p-quay-enterprise-top-cta .co-p-quay-enterprise-top-cta-buttons .button-subtext { + font-size: 12px; + margin-top: 5px +} + +.co-p-quay-enterprise-values .co-p-quay-enterprise-value { + margin-bottom: 30px +} + +.co-p-quay-enterprise-values .co-p-quay-enterprise-value:last-child { + margin-bottom: 0 +} + +.co-p-quay-enterprise-values .co-p-quay-enterprise-value-icon { + width: 32px; + display: inline-block; + margin-right: 15px +} + +.co-p-quay-enterprise-values .co-p-quay-enterprise-value-icon img { + max-width: 32px +} + +.co-p-quay-enterprise-values .co-p-quay-enterprise-value-text { + display: inline; + font-size: 18px; + color: #1e394c; + line-height: 32px +} + +.co-p-quay-enterprise-values .co-p-quay-enterprise-value-desc { + margin-top: 10px; + font-size: 13px; + line-height: 18px +} + +.co-p-quay-diagram img { + width: 340px; +} + +.co-p-quay-diagram .horizontal { + display: none; +} + +.co-p-quay-enterprise-tagline { + font-weight: 300; + color: #1e394c; + font-size: 26px; + line-height: 36px; + margin-bottom: 30px; + margin-top: 0; + text-align: center; +} + +.co-p-quay-enterprise-trial { + text-align: center; + margin-top: 30px; + margin-bottom: 40px +} + +.co-p-quay-enterprise-trial-left { + text-align: left +} + +.co-p-quay-enterprise-faq { + background: #fff; + padding: 60px 0 40px 0; + border-top: 1px solid #ddd +} + +.co-p-quay-enterprise-plans { + padding-bottom: 40px +} + +.co-p-quay-enterprise-plans .co-p-quay-enterprise-plans-header { + text-align: center; + margin-bottom: 30px +} .plans-panel { padding: 0px; padding-top: 50px; @@ -78,6 +238,36 @@ padding-left: 5px; } + .co-p-quay-diagram-caption { + text-align: center; + } + + .co-p-quay-enterprise-tagline { + margin-bottom: 0; + margin-top: 30px; + } + + .top-section { + flex-wrap: wrap; + padding: 0; + } + + .co-p-quay-diagram { + margin-bottom: 50px; + } + + .co-p-quay-diagram img { + width: 100%; + } + + .co-p-quay-diagram .horizontal { + display: block; + } + + .co-p-quay-diagram .vertical { + display: none; + } + .plans-panel .plan-tabs a { padding-bottom: 0px; padding-left: 10px; diff --git a/static/directives/plans-display.html b/static/directives/plans-display.html index 0436e9eee..49dee358d 100644 --- a/static/directives/plans-display.html +++ b/static/directives/plans-display.html @@ -372,241 +372,157 @@
Run multiple instances of Quay for redundancy
+Sync your container images between your datacenters
+Automatically build and push images when developers commit code
+Automatically scan your container images for known security vulnerabilities
+Enterprise-level support is available around the clock
Questions? Give us a call at any time (800) 774-3507 or contact sales
+Integrate to your existing identity infrastructure: LDAP, Keystone, Tectonic Identity and more.
-Integrate to your existing identity infrastructure: LDAP, Keystone, and more
+Store your containers on Amazon S3, OpenStack Swift, Google Cloud Storage, or directly to disk.
+Store your container images on Amazon S3, OpenStack Swift, Google Cloud Storage, or directly to disk.
-Build your containers in response to git pushes: GitHub, BitBucket, Gitlab and others
+Create credentials designed for deploying software automatically.
+Teams can collectively have access to manage specific repositories on your account.
+Transit between Quay.io and your servers is secured automatically.
+Auditing is essential for everything in your CI pipeline. Actions via API and UI are tracked.
++ Quay Enterprise is delivered as a set of containers that can run on any infrastructure. + It is recommended to run Quay Enterprise in highly-available fashion, on multiple machines. +
-Build your containers in response to git pushes: GitHub, BitBucket, Gitlab and others.
-Your first 30 days are free on Quay. Test it out and start building containers!
-+ Quay Enterprise is closely related to Quay.io, but runs on your own hardware or in your cloud environment. + Running the application yourself is more secure and is more performant when running on the same cluster as your containerized applications. +
-Provide a public download page for your container. The best part, they're free!
-+ When running behind your firewall, Quay Enterprise can connect to private Git repositories, LDAP infrastructure, and more. +
-Create credentials designed for deploying software automatically.
-Teams can collectively have access to manage specific repositories on your account.
-Transit between Quay and your servers is secured automatically.
-+ Yes, the first 30 days of usage are free, and then your license will be automatically converted to the standard rate. + We’ll send you an email before that happens as a reminder. +
-Auditing is essential for everything in your CI pipeline. Actions via API and UI are tracked.
-Images are transformed on the fly, allowing you to push Docker (v1 and v2) and pull rkt.
-Quay Enterprise is billed annually with a purchase order.
-Download past invoices for your billing team or purchasing department.
-Yes, you can upgrade from Quay.io to Quay Enterprise easily.
Quay Enterprise is delivered as a set of containers that is self-managed, or run it as an application on top of a Tectonic cluster. Quay Enterprise is included for free with all Tectonic clusters.
- -Running as a single container excels for the Basic plan. Quickly get started during your trial.
- -For production setups, Tectonic provides a level of consistency between your regions, allows Quay to share the same identity infrastructure powering Tectonic, provides easy scaling of your builders, and seamless recovery from a machine failure.
- -Quay Enterprise is closely related to Quay, but runs on your own hardware or in your cloud environment. Running the application yourself is more secure and is more performant when running on the same cluster as your containerized applications.
- -When running behind your firewall, Quay Enterprise can connect to private Git repositories, LDAP infrastructure, and more.
- -Yes, the first 30 days of usage are free, and then your license will be automatically converted to the standard rate. We’ll send you an email before that happens as a reminder.
- - What types of payment do you accept? - -Quay Enterprise is billed monthly through your Tectonic account. Major credit cards are accepted and invoices are available by request.
- - Can I pay annually? - -Yes, you can annually. During the purchase process, you can choose between using a credit card or paying via an invoice.
- - Can I change my plan? - -Yes, you can change or cancel your license at any time via your Tectonic account.
-