Add testimonial to the landing page
This commit is contained in:
parent
73b111f84c
commit
f1066f1dd9
3 changed files with 75 additions and 2 deletions
|
@ -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;
|
||||
}
|
BIN
static/img/testimonial-mike.png
Normal file
BIN
static/img/testimonial-mike.png
Normal file
Binary file not shown.
After Width: | Height: | Size: 6.7 KiB |
|
@ -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>
|
||||
|
|
Reference in a new issue