static: update QE tab for new marketing efforts

This commit is contained in:
Ben Spoon 2016-10-24 12:38:00 -07:00
parent 1bbc110280
commit 7f03eb7fad
4 changed files with 2405 additions and 207 deletions

View file

@ -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 { .plans-panel {
padding: 0px; padding: 0px;
padding-top: 50px; padding-top: 50px;
@ -78,6 +238,36 @@
padding-left: 5px; 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 { .plans-panel .plan-tabs a {
padding-bottom: 0px; padding-bottom: 0px;
padding-left: 10px; padding-left: 10px;

View file

@ -372,241 +372,157 @@
<!-- Enterprise --> <!-- Enterprise -->
<div class="tab-pane" id="enterprise"> <div class="tab-pane" id="enterprise">
<!-- Plan columns --> <h2 class="co-p-quay-enterprise-tagline">One container registry for your entire enterprise</h2>
<div class="row-container"> <div class="flex-wrap top-section">
<div class="row"> <div class="container">
<!-- Basic Plan --> <div class="co-p-quay-enterprise-values">
<div class="col-md-3 col-sm-6 plan-col"> <div class="co-p-quay-enterprise-value">
<div class="plan-box"> <div class="co-p-quay-enterprise-value-text co-m-text-light">Highly Available</div>
<div class="plan-header"> <p class="co-p-quay-enterprise-value-desc">Run multiple instances of Quay for redundancy</p>
<span class="plan-box-price">$450/mo</span> </div>
<b>Basic</b> <div class="co-p-quay-enterprise-value">
<div class="co-p-quay-enterprise-value-text co-m-text-light">Geo-replication</div>
<p class="co-p-quay-enterprise-value-desc">Sync your container images between your datacenters</p>
</div>
<div class="co-p-quay-enterprise-value">
<div class="co-p-quay-enterprise-value-text co-m-text-light">Continuous Integration</div>
<p class="co-p-quay-enterprise-value-desc">Automatically build and push images when developers commit code</p>
</div>
<div class="co-p-quay-enterprise-value">
<div class="co-p-quay-enterprise-value-text co-m-text-light">Security Scanning</div>
<p class="co-p-quay-enterprise-value-desc">Automatically scan your container images for known security vulnerabilities</p>
</div>
<div class="co-p-quay-enterprise-value">
<div class="co-p-quay-enterprise-value-text co-m-text-light">24/7 Support</div>
<p class="co-p-quay-enterprise-value-desc">Enterprise-level support is available around the clock</p>
</div> </div>
<div class="qe-plan-description">Single region deployment of Quay with unlimited users and repos.</div>
<div class="qe-plan-description">Great for smaller companies that are getting started with containers.</div>
<a class="btn btn-primary trial-button" ng-click="qeStartTrial('quay-enterprise-basic-monthly')">
Start Free Trial
<i class="fa fa-angle-double-right"></i>
</a>
</div> </div>
<ul class="plan-features">
<li><i class="fa fa-clock-o"></i>30-day free trial</li>
<li><i class="fa fa-ticket"></i>Support via ticket</li>
<li><i class="fa fa-check"></i>Unlimited repos, users and teams</li>
<li class="disabled"><i class="fa fa-times"></i>No dedicated builders</li>
<li class="disabled"><i class="fa fa-times"></i>No geo replication</li>
</ul>
</div> </div>
<div class="co-p-quay-diagram">
<!-- Shared Plan --> <img src="/static/img/QE-complex.svg" alt="Quay Enterprise System" class="vertical" />
<div class="col-md-3 col-sm-6 plan-col popular"> <img src="/static/img/QE-complex-h.svg" alt="Quay Enterprise System" class="horizontal" />
<div class="plan-box"> <div class="co-p-quay-diagram-caption co-m-text-light">Highly available installation with geo-replication</div>
<div class="plan-header">
<span class="plan-box-price">$1,800/mo</span>
<b>Standard</b>
</div>
<div class="qe-plan-description">Dedicated build workers speed up the workflow for multiple distributed development teams.</div>
<div class="qe-plan-description">Powerful tooling for continuous integration and deployment of container-based applications.</div>
<a class="btn btn-primary trial-button" ng-click="qeStartTrial('quay-enterprise-standard-monthly')">
Start Free Trial
<i class="fa fa-angle-double-right"></i>
</a>
</div>
<ul class="plan-features">
<li><i class="fa fa-clock-o"></i>30-day free trial</li>
<li><i class="fa fa-user"></i>Support from 9 AM - 5 PM PT</li>
<li><i class="fa fa-check"></i>Unlimited repos, users and teams</li>
<li><i class="fa fa-gears"></i>Up to 5 dedicated container builders</li>
<li class="disabled"><i class="fa fa-times"></i>No geo replication</li>
</ul>
</div>
<!-- Premium Plan -->
<div class="col-md-3 col-sm-6 plan-col">
<div class="plan-box">
<div class="plan-header">
<span class="plan-box-price plan-box-price-hidden">Contact Sales</span>
<b>Premium</b>
</div>
<div class="qe-plan-description">Perfect for an enterprise with production deployment of containers.</div>
<div class="qe-plan-description">Replicate container images to different regions for faster pulls to your servers around the world.</div>
<a href="mailto:sales@tectonic.com?subject=Quay Enterprise Premium" class="btn btn-primary trial-button">
Contact Sales
<i class="fa fa-angle-double-right"></i>
</a>
</div>
<ul class="plan-features">
<li><i class="fa fa-clock-o"></i>30-day free trial</li>
<li><i class="fa fa-users"></i>24/7 Support</li>
<li><i class="fa fa-check"></i>Unlimited repos, users and teams</li>
<li><i class="fa fa-gears"></i>Dedicated container builders</li>
<li><i class="fa fa-globe"></i>Geo replication between regions</li>
</ul>
</div>
<!-- Contact us -->
<div class="col-md-3 col-sm-6 plan-col">
<div class="plan-box gray">
<div class="plan-header">
<b>Questions?</b>
</div>
<div class="qe-plan-description"><a href="tel:800-774-3507"><i class="fa fa-phone"></i> (800) 774-3507</a></div>
<div class="qe-plan-description"><a href="mailto:sales@tectonic.com?subject=Quay Enterprise"><i class="fa fa-envelope"></i> Send a message</a></div>
</div>
</div> </div>
</div> </div>
</div> </div>
<div class="flex-wrap">
<div class="co-p-quay-enterprise-top-cta">
<div class="co-p-quay-enterprise-top-cta-text">Ready to try Quay Enterprise?</div>
<div class="co-p-quay-enterprise-top-cta-buttons">
<div class="co-p-quay-enterprise-top-cta-button-wrap">
<a class="btn btn-primary btn-lg trial-button" href="#">Start a free trial</a>
<div class="button-subtext co-m-text-light">No credit card required, 30-day trial</div>
</div>
</div>
<div class="co-p-quay-enterprise-top-cta-questions">
<p><strong>Questions?</strong> Give us a call at any time (800) 774-3507 or <a href="{{ application.url }}/contact?product=quay-enterprise">contact sales</a></p>
</div>
</div>
</div>
</div>
<div class="co-p-quay-enterprise-faq plans-panel">
<!-- FAQ and features --> <!-- FAQ and features -->
<div class="faq-features"> <div class="container">
<div class="row-container-no-margin"> <div class="faq-features">
<div class="row"> <div class="row-container-no-margin">
<!-- Features --> <div class="row">
<div class="col-md-5 col-md-push-7 features-col"> <!-- Features -->
<div class="features-title">Enterprise features:</div> <div class="col-md-5 col-md-push-7 features-col">
<div class="row"> <div class="row">
<div class="col-lg-12 col-md-12 col-sm-6 col-xs-12"> <div class="col-lg-12 col-md-12 col-sm-6 col-xs-12">
<ul class="features-list"> <ul class="features-list">
<li><i class="fa fa-sign-in"></i> <li><i class="fa fa-sign-in"></i>
<b>Enterprise Authentication</b> <b>Enterprise Authentication</b>
<p>Integrate to your existing identity infrastructure: LDAP, Keystone, Tectonic Identity and more.</p> <p>Integrate to your existing identity infrastructure: LDAP, Keystone, and more</p>
</li> </li>
</ul>
</div>
</div>
<div class="row">
<div class="col-lg-12 col-md-12 col-sm-6 col-xs-12">
<ul class="features-list">
<li><i class="fa fa-database"></i>
<b>Flexible Storage Backends</b>
<p>Store your containers on Amazon S3, OpenStack Swift, Google Cloud Storage, or directly to disk.</p>
</li>
<li><i class="fa fa-database"></i> <li><i class="fa fa-refresh"></i>
<b>Flexible Storage Backends</b> <b>Continuous Integration</b>
<p>Store your container images on Amazon S3, OpenStack Swift, Google Cloud Storage, or directly to disk.</p> <p>Build your containers in response to git pushes: GitHub, BitBucket, Gitlab and others</p>
</li> </li>
</ul>
<li><i class="fa ci-robot"></i>
<b>Robot Accounts</b>
<p>Create credentials designed for deploying software automatically.</p>
</li>
</ul>
</div>
<div class="col-lg-12 col-md-12 col-sm-6 col-xs-12">
<ul class="features-list">
<li><i class="fa fa-group"></i>
<b>Teams</b>
<p>Teams can collectively have access to manage specific repositories on your account.</p>
</li>
<li><i class="fa fa-lock"></i>
<b>Supports SSL Encryption</b>
<p>Transit between Quay.io and your servers is secured automatically.</p>
</li>
<li><i class="fa fa-bar-chart"></i>
<b>Logging &amp; Auditing</b>
<p>Auditing is essential for everything in your CI pipeline. Actions via API and UI are tracked.</p>
</li>
</ul>
</div>
</div> </div>
</div> </div>
<div class="features-title">All plans include:</div> <!-- FAQ -->
<div class="col-md-7 col-md-pull-5 faq-col">
<h4>How can I run Quay Enterprise?</h4>
<p>
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.
</p>
<div class="row"> <h4>How is Quay Enterprise different than Quay.io?</h4>
<div class="col-lg-12 col-md-12 col-sm-6 col-xs-12">
<ul class="features-list">
<li><i class="fa fa-refresh"></i>
<b>Continuous Integration</b>
<p>Build your containers in response to git pushes: GitHub, BitBucket, Gitlab and others.</p>
</li>
<li><i class="fa fa-clock-o"></i> <p>
<b>30-Day Free Trial</b> Quay Enterprise is closely related to Quay.io, but runs on your own hardware or in your cloud environment.
<p>Your first 30 days are free on Quay. Test it out and start building containers!</p> Running the application yourself is more secure and is more performant when running on the same cluster as your containerized applications.
</li> </p>
<li><i class="fa fa-hdd-o"></i> <p>
<b>Public Repositories</b> When running behind your firewall, Quay Enterprise can connect to private Git repositories, LDAP infrastructure, and more.
<p>Provide a public download page for your container. The best part, they're free!</p> </p>
</li>
<li><i class="fa ci-robot"></i> <h4>Additional FAQs</h4>
<b>Robot Accounts</b>
<p>Create credentials designed for deploying software automatically.</p>
</li>
</ul>
</div>
<div class="col-lg-12 col-md-12 col-sm-6 col-xs-12"> <b>Is there a free trial for Quay Enterprise?</b>
<ul class="features-list">
<li><i class="fa fa-group"></i>
<b>Teams</b>
<p>Teams can collectively have access to manage specific repositories on your account.</p>
</li>
<li><i class="fa fa-lock"></i> <p>
<b>SSL Encryption</b> Yes, the first 30 days of usage are free, and then your license will be automatically converted to the standard rate.
<p>Transit between Quay and your servers is secured automatically.</p> Well send you an email before that happens as a reminder.
</li> </p>
<li><i class="fa fa-bar-chart"></i> <b>What types of payment do you accept?</b>
<b>Logging &amp; Auditing</b>
<p>Auditing is essential for everything in your CI pipeline. Actions via API and UI are tracked.</p>
</li>
<li><i class="fa fa-random"></i> <p>Quay Enterprise is billed annually with a purchase order.</p>
<b>Multiple Image Formats</b>
<p>Images are transformed on the fly, allowing you to push Docker (v1 and v2) and pull rkt.</p>
</li>
</ul>
</div>
<div class="col-lg-12 col-md-12 col-sm-6 col-xs-12"> <b>Can I ugrade from Quay.io (hosted)?</b>
<ul class="features-list">
<li><i class="fa fa-calendar"></i>
<b>Invoice History</b>
<p>Download past invoices for your billing team or purchasing department.</p>
</li>
</ul>
</div>
<p>Yes, you can upgrade from Quay.io to Quay Enterprise easily.</p>
</div> </div>
</div> </div>
<!-- FAQ -->
<div class="col-md-7 col-md-pull-5 faq-col">
<h4>How can I run Quay Enterprise?</h4>
<p>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.</p>
<p>Running as a single container excels for the Basic plan. Quickly get started during your trial.</p>
<p>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.</p>
<div class="row">
<div class="col-md-6 faq-sub-col">
<img src="/static/img/qe-legos.svg">
<b>Deploy Individual Containers</b>
<ul>
<li>Fits into your existing deployment
<li>Runs anywhere a container does
<li>Orchestration is up to you
</ul>
</div>
<div class="col-md-6 faq-sub-col">
<img src="/static/img/tectonic-bycoreos-color.svg">
<b>Deploy on Tectonic</b>
<ul>
<li>Deployment is consistent between regions
<li>Machine failure is handled automatically
<li>Orchestration is handled by the cluster
</ul>
</div>
</div>
<h4>How is Quay Enterprise different than Quay?</h4>
<p>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.</p>
<p>When running behind your firewall, Quay Enterprise can connect to private Git repositories, LDAP infrastructure, and more.</p>
<h4>Additional FAQs</h4>
<b>Is there a free trial for Quay Enterprise?</b>
<p>Yes, the first 30 days of usage are free, and then your license will be automatically converted to the standard rate. Well send you an email before that happens as a reminder.</p>
<b>What types of payment do you accept?</b>
<p>Quay Enterprise is billed monthly through your Tectonic account. Major credit cards are accepted and invoices are available by request.</p>
<b>Can I pay annually?</b>
<p>Yes, you can annually. During the purchase process, you can choose between using a credit card or paying via an invoice.</p>
<b>Can I change my plan?</b>
<p>Yes, you can change or cancel your license at any time via your Tectonic account.</p>
</div>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
</div>
<!-- Modal message dialog --> <!-- Modal message dialog -->
<div class="modal fade" id="signinModal"> <div class="modal fade" id="signinModal">
<div class="modal-dialog"> <div class="modal-dialog">

1042
static/img/QE-complex-h.svg Normal file

File diff suppressed because it is too large Load diff

After

Width:  |  Height:  |  Size: 97 KiB

1050
static/img/QE-complex.svg Normal file

File diff suppressed because it is too large Load diff

After

Width:  |  Height:  |  Size: 98 KiB