Rebrand landing page

This commit is contained in:
Joseph Schorr 2015-10-30 13:57:53 -04:00
parent dcb4935706
commit fa97e0c839
32 changed files with 387 additions and 362 deletions

View file

@ -1,26 +1,18 @@
<div class="jumbotron landing">
<div class="landing-background landing"></div>
<div class="landing-filter landing"></div>
<div class="landing-background"></div>
<div class="landing-content">
<div class="co-alert co-alert-info" style="color:black;" ng-show="userRegistered">
Thank you for registering! We have sent you an activation email.
You must <b>verify your email address</b> before you can continue.
<h1>Build, Store and Distribute your Containers</h1>
<h2>Powerful Build Triggers. Advanced Team Permissions. Secure Storage.</h2>
<div class="buttons">
<a href="/plans?trial-plan=free" class="btn highlighted">Try it for free</a>
<a href="/plans" class="btn">View plans</a>
</div>
<div class="works-with">
<span class="text">Works with</span>
<span class="works-logo"><img src="/static/img/docker-white-custom.png"></span>
<span class="works-logo"><img src="/static/img/rkt-horizontal-white.svg"></span>
<span class="supports">Supports Docker and rkt images. Images are transformed on the fly, allowing you to push Docker and pull rkt.</span>
</div>
<div class="cor-container">
<div class="row messages">
<div class="col-md-7">
<h1>Secure hosting for <b>private</b> Docker<a class="disclaimer-link" href="/disclaimer" target="_self">*</a> repositories</h1>
<h3>Use the Docker images <b>your team</b> needs with the safety of <b>private</b> repositories</h3>
<a href="/plans/" class="call-to-action">Start your free 30 day trial today<i class="fa fa-arrow-right"></i></a>
</div> <!-- col -->
<div class="col-md-4 col-md-offset-1">
<div class="signup-form" user-registered="handleUserRegistered()"
hide-registered-message="true"></div>
</div> <!-- col -->
</div> <!-- row -->
</div> <!-- container -->
</div>
</div> <!-- jumbotron -->
@ -30,30 +22,27 @@
<div class="row">
<div class="col-md-4 shoutout">
<i class="fa fa-lock"></i>
<b>Private Storage</b>
<a class="shoutout-link" href="/tour/features">Private Storage</a>
<span class="shoutout-expand">
Push and pull Docker images to a private registry, with a focus on user experience
Push and pull Docker and rkt images to a private registry, with a focus on user experience
for your developers.
</span>
<a class="shoutout-link" href="/tour/features">View Features</a>
</div>
<div class="col-md-4 shoutout">
<i class="fa fa-group"></i>
<b>Teamwork Optimized</b>
<a class="shoutout-link" href="/tour/organizations">Teamwork Optimized</a>
<span class="shoutout-expand">
Specially designed for teams, organizations and businesses that use Docker.
Specially designed for organizations with multiple teams that manage their own containers and permissions.
</span>
<a class="shoutout-link" href="/tour/organizations">View Teams and Organizations</a>
</div>
<div class="col-md-4 shoutout">
<i class="fa fa-cogs"></i>
<b>Deployment Made Easy</b>
<a class="shoutout-link" href="http://docs.quay.io/solution">Deployment Made Easy</a>
<span class="shoutout-expand">
Tools and Solutions that help make your application deployment simple and straightforward.
Integrations with GitHub and other tools to make deployments simple and automated.
</span>
<a class="shoutout-link" href="http://docs.quay.io/solution">View Solutions</a>
</div>
</div>
</div>
@ -132,8 +121,8 @@
<div class="cor-container">
<div class="row testimonial">
<div class="message">
Quay.io has become an essential part of our infrastructure as we move to Docker-based deploys.
The support and service that the Quay.io team provides is phenomenal. We couldn't do it without them!
Quay has become an essential part of our infrastructure as we move to Docker-based deploys.
The support and service that the Quay team provides is phenomenal. We couldn't do it without them!
</div>
<div class="speaker-info">
@ -149,7 +138,7 @@
</div> <!-- -->
<div class="landing-section">
<h2>See what other people are saying about Quay.io</h2>
<h2>See what other people are saying about Quay</h2>
<div class="cor-container">
<div class="row">
<div class="jcarousel-wrapper">
@ -220,10 +209,10 @@
</div>
<div class="landing-section">
<h2>Start pushing to Quay.io in under a minute</h2>
<h2>Start pushing to Quay in under a minute</h2>
<div class="cor-container">
<div class="row landing-action">
<a href="/plans" class="btn btn-primary">Start Free Trial</a>
<a href="/plans?trial-plan=free" class="btn btn-primary">Try it for free</a>
</div>
</div>
</div>