Add testimonial to the landing page

This commit is contained in:
Joseph Schorr 2014-05-19 17:00:31 -04:00
parent 73b111f84c
commit f1066f1dd9
3 changed files with 75 additions and 2 deletions

View file

@ -4280,4 +4280,56 @@ have a fixed width and height (but it's not required).
.enterprise-icon {
text-align: center;
}
.testimonial {
text-align: center;
}
.testimonial .message:before {
font-size: 32px;
content: "“";
color: #aaa;
}
.testimonial .message:after {
font-size: 32px;
content: "”";
color: #aaa;
}
.testimonial .message {
font-size: 22px;
}
.testimonial img {
width: 120px;
margin: 10px;
border: 1px solid black;
border-radius: 10px;
margin-right: 20px;
}
.testimonial .speaker-info {
font-size: 18px;
margin-top: 10px;
}
.testimonial .speaker-info span {
display: inline-block;
margin-right: 20px;
}
.testimonial .speaker-info .speaker-title {
color: #888;
}
.testimonial .speaker-info .speaker-title a {
text-decoration: none;
color: #888;
}
.learn-more {
float: right;
font-size: 22px;
}

Binary file not shown.

After

Width:  |  Height:  |  Size: 6.7 KiB

View file

@ -163,7 +163,28 @@
</div> <!-- -->
<div class="landing-section">
<h2>See what people are saying about Quay.io</h2>
<h2>Seamlessly integrate into your Docker-based infrastructure</h2>
<div class="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!
</div>
<div class="speaker-info">
<img src="/static/img/testimonial-mike.png">
<span class="speaker-info-internal">
<span class="speaker">Mike Saffitz</span>
<span class="speaker-title"><a href="http://www.apptentive.com" target="_blank" alt="Apptentive">Apptentive</a> - CTO & Co-Founder</span>
</span>
</div>
<a class="learn-more" href="/tour">Learn more</a>
</div>
</div>
</div> <!-- -->
<div class="landing-section">
<h2>See what other people are saying about Quay.io</h2>
<div class="container">
<div class="row">
<div class="jcarousel-wrapper">
@ -237,7 +258,7 @@
<h2>Start pushing to Quay.io in under a minute</h2>
<div class="container">
<div class="row landing-action">
<a href="/starttrial" class="btn btn-primary">Start Free Trial</a>
<a href="/plans" class="btn btn-primary">Start Free Trial</a>
</div>
</div>
</div>