Commit c82547e0 authored by Jarek Ostrowski's avatar Jarek Ostrowski

Add additional content

parent ded28cf6
Pipeline #23180454 passed with stages
in 19 minutes and 33 seconds
This diff is collapsed.
This diff is collapsed.
......@@ -6,21 +6,32 @@ extra_css:
- moving-to-gitlab.css
---
.blank-header
%img.image-border.image-left{ src: "/images/home/icons-pattern-left.svg" }
%img.image-border.image-right{ src: "/images/home/icons-pattern-right.svg" }
%img.image-border.image-left{ src: "/images/moving-to-gitlab/arrow-pattern-left.svg" }
%img.image-border.image-right{ src: "/images/moving-to-gitlab/arrow-pattern-right.svg" }
.header-content
%img.github-importer{ src: "/images/home/github-importer.svg" }
%h1 Moving to GitLab
%p Thousands have already moved to GitLab. Will you be next?
%h1 #movingtogitlab
%p GitLab is home to thousands of public and open source projects, built by a community of over 2,000 contributors.
%a.btn.cta-btn.accent{ href: "https://docs.gitlab.com/ee/user/project/import/github.html" } See our documentation
.content-container.flex-container.flex-column
.tile
%h2 Join the thousands of others #movingtogitlab.
%p GitLab is a single application for the complete DevOps lifecycle, with a simplified workflow so users can work in parallel with total visibility and zero handoff delays. It’s easy to move to GitLab: our platform has an import tool that allows developers to seamlessly move their repositories to GitLab.
.video-container.full-width
%h2 Step-by-step migration instructions
%p Watch this video for step-by-step instructions on how to migrate from GitHub to GitLab and follow along with the docs.
%iframe{src: "https://www.youtube.com/embed/VYOXuOg9tQI", width: 560, height: 315, allow: "autoplay; encrypted-media", allowfullscreen: "allowfullscreen"}
%p
Watch this video for step-by-step instructions on how to migrate from GitHub to GitLab and
%a{ href: "https://docs.gitlab.com/ee/user/project/import/github.html", target: "_blank" } follow along with our docs.
%iframe{ src: "https://www.youtube.com/embed/VYOXuOg9tQI", width: 560, height: 315, allow: "autoplay; encrypted-media", allowfullscreen: "allowfullscreen" }
.tweets.full-width
%h2 What folks are saying
<a class="twitter-timeline"
href="https://twitter.com/movingtogitlab"
data-tweet-limit="3">Tweets by @movingtogitlab</a>
<script async src="//platform.twitter.com/widgets.js" charset="utf-8"></script>
.tile.cta-tile.flex-container.justify-center.align-center
%img.tile-logo{ src: "/images/comparison/gitlab-logo.svg" }
%p
For a limited time, you can get
%a{ href: "/2018/06/03/movingtogitlab/#new-users-get-a-75-discount-on-gitlabs-top-tier-plans", target: "_blank" } 75 percent off our top-tier self-hosted and SaaS offerings, GitLab Ultimate or Gold
for a year.
......@@ -8,18 +8,39 @@ h1 {
h2 {
font-weight: 600;
margin-top: 0;
}
p {
font-weight: 400;
font-size: 18px;
line-height: 1.6;
}
.content-container {
padding: 50px 200px;
padding: 100px 240px;
width: 100%;
max-width: 1440px;
.cta-tile {
.tile-logo {
height: 50px;
margin-right: 30px;
@media screen and (max-width: $screen-sm-min) {
margin-right: 0;
margin-bottom: 30px;
}
}
@media screen and (max-width: $screen-sm-min) {
flex-direction: column;
}
}
.tweets {
h2 {
......@@ -32,13 +53,18 @@ p {
-webkit-appearance: none;
width: 100%;
margin-top: 20px;
height: 585px;
height: 540px;
border: 0;
box-shadow: 0 10px 20px $color-transparent-alt;
box-shadow: 0 2px 4px $color-transparent-alt;
}
div:not(:first-child) {
margin-top: 100px;
@media screen and (max-width: $screen-sm-min) {
margin-top: 50px;
}
}
@media screen and (max-width: $screen-md-min) {
......@@ -59,6 +85,7 @@ p {
justify-content: center;
align-items: center;
position: relative;
text-align: center;
.github-importer {
height: 60px;
......@@ -68,7 +95,7 @@ p {
.image-border {
position: absolute;
top: 0;
opacity: .3;
opacity: .15;
height: 100%;
@media screen and (max-width: $screen-sm-min) {
......@@ -91,6 +118,7 @@ p {
justify-content: center;
align-items: center;
z-index: 10;
max-width: 640px;
}
.btn {
......
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