Skip to content
Snippets Groups Projects
Commit 4a5495c0 authored by Sabba Petri's avatar Sabba Petri
Browse files

Remodeled Testimonials section

parent 68b76caa
No related branches found
No related tags found
1 merge request!584New Testimonials Section
Expand all Hide whitespace changes
Inline Side-by-side
source/images/testimonials/user_100.svg 0 → 100644
+ 9
− 0
View file @ 4a5495c0
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 16.0.4, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
width="180px" height="90px" viewBox="0 0 180 90" enable-background="new 0 0 180 90" xml:space="preserve">
<polygon fill="#0A9E01" points="90,0 90,30 60,30 60,90 30,90 30,30 0,30 0,0 "/>
<rect x="120" fill="#0A9E01" width="60" height="30"/>
<polygon fill="#0A9E01" points="180,60 180,90 90,90 90,30 120,30 120,60 "/>
</svg>
source/images/testimonials/user_101.svg 0 → 100644
+ 104
− 0
View file @ 4a5495c0
This diff is collapsed.
source/images/testimonials/user_99.svg 0 → 100644
+ 42
− 0
View file @ 4a5495c0
<?xml version="1.0" encoding="iso-8859-1"?>
<!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
width="449.838px" height="140.006px" viewBox="0 0 449.838 140.006" style="enable-background:new 0 0 449.838 140.006;"
xml:space="preserve">
<g>
<linearGradient id="SVGID_1_" gradientUnits="userSpaceOnUse" x1="346.4336" y1="37.1055" x2="380.6634" y2="56.868">
<stop offset="0" style="stop-color:#C7140B"/>
<stop offset="0.75" style="stop-color:#FF3C1F"/>
</linearGradient>
<path style="fill:url(#SVGID_1_);" d="M401.838,0.005L379.82,64.927l-13.568-52.922C363.176,0,359.219,0,356.967,0
c0,0-4.938,0.001-9.873,1.413l-10.639,47.145l20.539,91.447h41l51.844-140H401.838z"/>
<linearGradient id="SVGID_2_" gradientUnits="userSpaceOnUse" x1="255.0371" y1="57.9424" x2="300.988" y2="84.4721">
<stop offset="0" style="stop-color:#C7140B"/>
<stop offset="0.75" style="stop-color:#FF3C1F"/>
</linearGradient>
<path style="fill:url(#SVGID_2_);" d="M298.326,65.089l-16.842-52.973c-3.6-11.321-8.766-12.115-11.895-12.115
c0,0-5.875,0-12.105,1.412v82.271l22,56.32l6.432,0.001l21.523-1.412L298.326,65.089z"/>
<linearGradient id="SVGID_3_" gradientUnits="userSpaceOnUse" x1="321.4414" y1="140.0049" x2="321.4414" y2="0.0083">
<stop offset="0" style="stop-color:#FF3C1F"/>
<stop offset="0.85" style="stop-color:#FF3C1F"/>
<stop offset="0.95" style="stop-color:#FF7700"/>
</linearGradient>
<path style="fill:url(#SVGID_3_);" d="M356.967,0.008l-37.225,0.009c-2.783,0-10.141-0.009-12.17,11.988l-21.656,128h33.941
l27.92-128C350.395,0.005,356.135,0.008,356.967,0.008z"/>
<linearGradient id="SVGID_4_" gradientUnits="userSpaceOnUse" x1="13.3496" y1="75.7173" x2="140.6283" y2="53.2746">
<stop offset="0" style="stop-color:#FF3C1F"/>
<stop offset="0.7" style="stop-color:#FF3C1F"/>
<stop offset="1" style="stop-color:#C7140B"/>
</linearGradient>
<path style="fill:url(#SVGID_4_);" d="M131.484,1.413c0,0-6-1.408-11.999-1.408H0l14.812,40h36.672v100h40v-100h40V1.413z"/>
<linearGradient id="SVGID_5_" gradientUnits="userSpaceOnUse" x1="194.5376" y1="140.0049" x2="194.5376" y2="0.0015">
<stop offset="0" style="stop-color:#FF3C1F"/>
<stop offset="0.85" style="stop-color:#FF3C1F"/>
<stop offset="0.95" style="stop-color:#FF7700"/>
</linearGradient>
<path style="fill:url(#SVGID_5_);" d="M231.484,0.001c-6.627,0-12,5.377-12,12.004v50.475L176.343,7.933
c-3.927-5.186-10.24-7.906-15.93-7.906l-40.929-0.021c0,0,9.999,0,9.999,12.001v127.999h40V63.731l54.436,68.834
c3.979,4.933,9.823,7.477,15.704,7.439h19.861v-128c0-7.092,4.52-12.004,10.105-12.004H231.484z"/>
</g>
</svg>
source/index.html
+ 60
− 48
View file @ 4a5495c0
@@ -223,62 +223,74 @@ extra_css:
</div>
</div>
 
<div class="row testimonials">
<div class="container">
<h1 class="testimonial-head">What Users Are Saying about GitLab</h1>
<div class="col-md-12">
<div class="testimonial">
<div class="logo">
<img src="/images/testimonials/msu.gif" alt="" />
</div>
<div class="quote">
"My department has been using GitLab since version 1.0 and have found
that it's a good code sharing platform that keeps getting better with
each release. GitLab fills our need and desire for such code sharing
capability while at the same time satisfying the organizations
direction that University intellectual property not be placed on
public cloud-based services outside of campus."
</div>
<div class="author">
Troy Murray - Information Technologist II - <a href="http://www.msu.edu/">Michigan State University</a>
</div>
</div>
<div class="testimonial">
<div class="logo">
<img src="/images/testimonials/phusion.png" alt="" />
</div>
<div class="quote">
"Gitlab is an excellent option..... not only more user friendly than Gitorious but also easier to install."
</div>
<div class="author">
Hongli Lai - <a href="http://www.phusion.nl/">Phusion</a> - makers of Passenger, the most popular ruby application server
</div>
</div>
<div class="testimonial">
<div class="logo">
<img src="/images/testimonials/360i.png" alt="" />
</div>
<div class="quote">
"The on-premise installation is a big advantage for companies that need to keep sensitive information in-house."
</div>
<div class="author">
Keith Harris in <a href="https://www.gitlab.com/case-studies/360i-transitions-to-gitlab/">their case study on GitLab</a> - associate director - <a href="http://www.360i.com/">360i</a>
<div class="testimonial-container">
<div class="testimonial-content">
<div class="text-center"><h2>What People Are Saying About GitLab</h2></div>
<div class="row">
<div class="column">
<div class="message-container">
<div class="message">"The on-premise installation is a big advantage for companies that need to keep sensitive information in-house."</div>
<div class="author">
<img src="/images/testimonials/360i.png" alt="">
<span class="name">Keith Harris</span>
<span class="info">
<a href="https://www.gitlab.com/case-studies/360i-transitions-to-gitlab/">Associate Director - 360i</a>
</span>
</div>
</div>
<div class="message-container">
<div class="message">"Gitlab is an excellent option..... not only more user friendly than Gitorious but also easier to install."</div>
<div class="author">
<img src="/images/testimonials/phusion.png" alt="">
<span class="name">Hongli Lai</span>
<span class="info">
<a href="http://www.phusion.nl/">Maker of Passenger, the most popular Ruby application server</a>
</span>
</div>
</div>
<div class="message-container">
<div class="message">"My department has been using GitLab since version 1.0 and have found
that it's a good code sharing platform that keeps getting better with
each release. GitLab fills our need and desire for such code sharing
capability while at the same time satisfying the organizations
direction that University intellectual property not be placed on
public cloud-based services outside of campus."
</div>
<div class="author">
<img src="/images/testimonials/msu.gif">
<span class="name">Troy Murray</span>
<span class="info">
<a href="http://www.msu.edu/">Information Technologist II - Michigan State University</a>
</span>
</div>
</div>
</div>
</div>
</div>
<hr/>
<div class="row testimonial-news-container">
<div class="testimonial-news">
<h2>"Code collaboration platform GitLab acquires rival Gitorious”</h2>
<a href="http://thenextweb.com/insider/2015/03/03/gitlab-acquires-rival-gitorious-will-shut-june-1/"><img src="/images/testimonials/user_99.svg" width="120px" alt="The Next Web"></a>
</div>
</div>
<div class="row testimonial-news-container">
<div class="testimonial-news">
<h2>"YC-Backed GitLab Is Like GitHub But For Enterprise – You Know, Like GitHub Enterprise”</h2>
<a href="http://techcrunch.com/2015/03/03/the-great-git-debate/#nOvNCE:d8EC"><img src="/images/testimonials/user_100.svg" width="100px" alt="Tech Crunch"></a>
</div>
</div>
<div class="row testimonial-news-container">
<div class="testimonial-news">
<h2>"Handy Tools Software Developers Love and Why They Love Them”</h2>
<a href="http://www.huffingtonpost.com/andre-bourque/handy-tools-software-deve_b_6787766.html"><img src="/images/testimonials/user_101.svg" width="220px" alt="The Huffington Post"></a>
</div>
</div>
</div>
 
<div class="content">
<div class="row text-center twitter-head">
<h2>What People On Twitter Are Saying about GitLab</h2>
<h2>What People <span>On Twitter</span> Are Saying about GitLab</h2>
<br />
</div>
<div class="container">
source/stylesheets/landing.css
+ 174
− 4
View file @ 4a5495c0
@@ -538,9 +538,14 @@
margin-right: 0;
}
 
.twitter-head h2 {
font-family: 'Korolev-Medium';
}
.twitter-head h2 {
font-family: 'Korolev-Light';
font-size: 36px;
}
.twitter-head span {
color: #55ACEE;
}
 
.read-more-tweets {
text-align: center;
@@ -557,9 +562,174 @@
}
 
.videos h1 {
font-family: 'Korolev-Medium';
font-family: 'Korolev-Light';
font-size: 36px;
}
/* TESTIMONIALS SECTION */
.testimonial-container {
background: whitesmoke;
padding: 58px 0;
border-top: 1px solid rgba(0,0,0,0.075);
border-bottom: 1px solid rgba(0,0,0,0.075);
}
 
.testimonial-container .text-center {
max-width: 960px;
margin: 0 auto;
text-align: center;
}
.testimonial-container .text-center h2 {
font-family: "Korolev-Light";
font-size: 36px;
margin-bottom: 60px;
}
.testimonial-container .columns:after {
display: block;
height: 0px;
width: 100%;
clear: both;
content: " ";
}
.testimonial-container .row{
width: 1170px;
margin-right: auto;
margin-left: auto;
padding-left: 15px;
padding-right: 15px;
}
.testimonial-container .row .column {
padding: 0px 121px;
}
.testimonial-container .row .column .message-container {
margin-bottom: 35px;
}
.testimonial-container .row .column .message-container .message {
background-color: #548;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-ms-border-radius: 5px;
-o-border-radius: 5px;
border-radius: 32px;
position: relative;
padding: 18px 27px 16px;
color: white;
font-size: 17px;
margin-bottom: 20px;
font-family: "Korolev-Light";
font-weight: 100;
line-height: 30px;
border: 1px solid black;
}
.testimonial-container .column .message-container .message:after {
width: 0;
height: 0;
border-top: 20px solid transparent;
border-bottom: 22px solid transparent;
border-left: 26px solid #548;
content: " ";
position: absolute;
left: 47px;
bottom: -23px;
}
.testimonial-container .column .message-container .author {
min-height: 50px;
position: relative;
padding-left: 70px;
}
.testimonial-container .column .message-container .author img {
width: 51px;
height: 51px;
position: absolute;
top: 0;
left: 0;
-webkit-border-radius: 25px;
-moz-border-radius: 25px;
-ms-border-radius: 25px;
-o-border-radius: 25px;
border-radius: 25px;
}
.testimonial-container .column .message-container .author .name {
font-size: 21px;
font-weight: 400;
color: #FFB440;
display: block;
}
.testimonial-container .column .message-container .author .info {
font-size: 17px;
font-weight: 400;
color: black;
margin-bottom: 7px;
display: block;
}
.testimonial-container .column .message-container .author .info a {
text-decoration: none;
color: #548;
font-weight: 600;
font-family: "Korolev-Light";
}
.testimonial-container hr {
margin: 0em auto;
border: solid;
border-width: 1px 0 0 0;
color: rgba(0,0,0,0.095);
width: 77%;
}
.testimonial-news-container {
background: #f5f5f5;
padding: 40px;
}
.testimonial-news {
width: 85.66%;
margin-left: 5.66%;
text-align: center;
}
.testimonial-news h2 {
font-size: 28px;
line-height: 1.4;
margin-bottom: 0.8em;
font-family: "Korolev-Light";
}
.testimonial-news img {
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);
filter: grayscale(100%);
filter: url(grayscale.svg); /* Firefox 4+ */
filter: gray; /* IE 6-9 */;
transition: 0.2s ease;
}
.testimonial-news img:hover {
-webkit-filter: none;
-moz-filter: none;
-ms-filter: none;
-o-filter: none;
filter: none;
filter: none; /* Firefox 4+ */
filter: none; /* IE 6-9 */;
}
/* animations! */
.come-in {
-webkit-transform: translateY(150px);
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment