Commit 3b9f7f79 authored by Brandon Lyon's avatar Brandon Lyon


parent 4a47468b
......@@ -8,8 +8,7 @@ extra_css:
- comparison-page.css
- gitlab-feature-landing-page.css
- features.css
- webcast.css
- webcast-single.css
- form-to-resource.css
......@@ -19,48 +18,37 @@ extra_css:
%h1 Gitlab or Jenkins
Problems with Jenkins? Switch to GitLab and experience 50% less admin overhead, 20% improved developer efficiency and 50% less computing cost.{ href: "#" } Link to proof point
.col-md-5.col-md-offset-1 Why customers choose Gitlab over Jenkins
.media-object{ style: "width: 80px; height: 80px" }
%img{src: "/images/icons/first-look-influence.svg"}
%h4.u-margin-top-0 No third party plugins
%p Jenkins has thousands of plugins written by third parties, which is a maintenance nightmare for teams and enterprise organizations. Plugins vary in quality and may lose support without notice.
%p GitLab provides the backbone of DevOps in a single application without 3rd party plugins, providing a seamless workflow between SCM & CI.
.media-object{ style: "width: 80px; height: 80px;" }
%img{src: "/images/icons/computer-test.svg"}
%h4.u-margin-top-0 Reduced Risk
%p Many Jenkins users experience service instability resulting from running bigger workloads with a large number of plugins.
%p As a single solution built for the enterprise, GitLab decreases toolchain downtime and eliminates error-prone integrations, allowing teams to increase agility to deliver apps faster.
.media-object{ style: "width: 80px; height: 80px;" }
%img{src: "/images/icons/scale.svg"}
%h4.u-margin-top-0 Lower Cost & Increased Efficiency
%p Plugins are only part of the problem. Jenkins requires dedicated resources, admins and maintenance, which increases the total cost of ownership across the enterprise.
%p GitLab requires fewer steps to deploy code and significantly reduces the software development cycle time. Developers can now spend more time writing code and less time maintaining the toolchain.
= partial "includes/webcast-single", locals: { youtube_url: "", formid: "1592", webcasttitle: "Watch a webcast to learn how GitLab's CI/CD can help speed up your development cycle by 200%" }
-#= partial "includes/webcast-single", locals: { youtube_url: "", formid: "1592", webcasttitle: "Watch a webcast to learn how GitLab's CI/CD can help speed up your development cycle by 200%" }
= partial "includes/form-to-resource", locals: { destination_url: "", form_id: "1592", cta_title: "See the advantages of GitLab for C.I. over Jenkins", link_text: "> Click here to view the resources" }
......@@ -70,5 +58,3 @@ extra_css:
%h2 See what Gitlab can do for Jenkins users
%p Learn how to deploy using Gitlab CI/CD. Find out how we eliminate toolchain complexity. See in-depth feature comparisons. Read case studies from large companies like Ticketmaster.
.btn-group{ href: "#" } Pathfactory Link
%h3.margin-top0 #{cta_title}
If you don't see the form, try temporarily disabling ad blockers or use
= succeed "." do
%a{href: "", target: "_blank"} another browser
%script{src: "//"}
%form{id: "mktoForm_#{form_id}"}
var formNumber = #{form_id || 'null'};
MktoForms2.loadForm("//", "194-VVC-221", formNumber, function(form) {
form.onSuccess(function() {
$('.confirmform').attr('style', 'visibility: visible');
$('.confirmform').attr('style', 'height: initial');
dataLayer.push({event: 'webcasts', mktoFormId: form.getId()});
return false;
.confirmform{style: "visibility:hidden;height:0;"}
%a.destination-url{src: "#{destination_url}"} #{link_text}
%p You will also receive an copy of the study sent to your inbox shortly.
......@@ -15,9 +15,11 @@
.blank-header {
padding: 40px 20px;
.sub-wrapper {
padding: 40px;
.cta-featured-image {
/*background-color: #282b3c;*/
background-color: $color-gray-dark;
......@@ -28,11 +30,13 @@
padding: 0px 0px 40px 0px;
text-align: center;
.cta-featured-image h2 {
color: #ffffff;
display: inline-block;
text-align: left;
.cta-featured-image p {
font-size: 22px;
margin-left: auto;
......@@ -40,7 +44,8 @@
max-width: 850px;
text-align: left;
.temp-form-image {
margin: 50px 0px 0px 0px;
width: 100%;
\ No newline at end of file
......@@ -186,6 +186,7 @@ select {
.mktoCheckboxList {
display: flex;
margin-left: 7px;
.mktoRequiredField {
@import "vendor/bootstrap/bootstrap/variables";
@import "variables";
.gitlab-content-container {
display: flex;
@media all and (max-width: $screen-md-min) {
flex-direction: column;
.webcast-video-container {
display: none;
iframe {
height: 370px;
.sticky-form {
position: sticky;
top: 60px;
.form-container {
flex-shrink: 0;
overflow: hidden;
select {
box-shadow: none !important;
button {
box-shadow: none !important;
border: 0 !important;
background: $color-accent !important;
color: $color-white !important;
min-width: auto !important;
padding: $input-padding !important;
font-size: 16px !important;
&:hover {
background: $color-secondary !important;
@media all and (max-width: $screen-md-min) {
margin-top: 20px;
margin-left: 0;
.form-to-resource-content {
.mktoClear {
display: none;
.mktoForm {
max-width: inherit;
width: inherit;
.mktoForm button[type="submit"] {
min-width: 150px !important;
.destination-url:hover {
cursor: pointer;
Markdown is supported
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