Commit 75ac2661 authored by Jarek Ostrowski's avatar Jarek Ostrowski

Style moving-to-gitlab page

parent d2d0b2fa
Pipeline #23178916 failed with stages
in 7 minutes and 55 seconds
......@@ -2,28 +2,25 @@
title: Moving to GitLab
description: "Thousands have moved to GitLab. Will you be next?"
suppress_header: true
extra_css:
- moving-to-gitlab.css
---
.wrapper
.simple-header
%h1
Thousands have moved to GitLab. Will you be next?
#content
.page-container{ :style => "padding-bottom: 35px;" }
.container{ style: "max-width: 900px;" }
%h2.block-title.text-center
Step-by-step migration instructions
%p.text-center
Watch this video for step-by-step instructions on how to migrate from GitHub to GitLab and follow along with the docs.
.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" }
.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?
%a.btn.cta-btn.accent{ href: "https://docs.gitlab.com/ee/user/project/import/github.html" } See our documentation
.container.flex-container.flex-column
.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"}
.page-container{ :style => "padding-bottom: 35px;" }
.container{ style: "max-width: 150px;" }
%a.featured-item-button.text-center{ href: "https://docs.gitlab.com/ee/user/project/import/github.html" } Documentation
.page-container{ :style => "padding-bottom: 35px;" }
.container{ style: "max-width: 900px;" }
%h2.block-title.text-center
What folks are saying
.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>
......
@import "vendor/bootstrap/bootstrap/variables";
@import "variables";
h1 {
font-weight: 600;
font-size: 42px;
}
h2 {
font-weight: 600;
}
p {
font-weight: 400;
font-size: 18px;
}
.wrapper {
.container {
padding: 50px 200px;
max-width: 1440px;
width: 100%;
.tweets {
h2 {
margin-bottom: 20px;
}
}
iframe {
-webkit-appearance: none;
width: 100%;
height: auto;
margin-top: 20px;
height: 585px;
border: none;
box-shadow: 0 10px 20px $color-transparent-alt;
}
div:not(:first-child) {
margin-top: 100px;
}
}
}
.blank-header {
width: 100%;
background: $color-primary;
padding: 100px 40px;
display: flex;
justify-content: center;
align-items: center;
position: relative;
.github-importer {
height: 60px;
margin-bottom: 40px;
}
.image-border {
position: absolute;
top: 0;
opacity: .3;
height: 100%;
}
.image-left {
left: 0;
}
.image-right {
right: 0;
}
.header-content {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
.btn {
margin-top: 30px;
margin-bottom: 0;
font-weight: 400;
padding: 4px 30px;
font-size: 18px;
}
h1 {
color: $color-white;
margin-top: 0;
margin-bottom: 20px;
}
p {
color: $color-transparent-white-alt;
font-size: 20px;
}
}
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