update mobile codes.

This commit is contained in:
Keyser H
2019-04-20 01:10:09 +09:00
parent 9f5364a880
commit 1b3f77d09c
4 changed files with 105 additions and 133 deletions
+81 -30
View File
@@ -7,7 +7,14 @@ layout: "no-hero"
<section class="docs-screen1">
<div class="grid-container">
<div class="row max-sized">
<div class="col-xl-7 texts-container">
<div class="
col-xl-7
col-lg-7
col-md-8
col-sm-10
col-xs-10
col-10
texts-container">
<div class="texts-wrap">
<h1 class="title-label">Rancher docs</h1>
@@ -17,7 +24,7 @@ layout: "no-hero"
</div>
<div class="row">
<div class="col-xl-12 lower-container">
<div class="col-12 lower-container">
<div class="decoration ground">
<img class="ground-lower" src="/imgs/docs/screen1-background-ground-lower.svg">
<img class="ground-upper" src="/imgs/docs/screen1-background-ground-upper.svg">
@@ -28,30 +35,46 @@ layout: "no-hero"
</section>
<section class="docs-note-item floating">
<div class="grid-container contents-container">
<div class="row max-sized set-lines contents-wrap">
<div class="decoration floating">
<img class="document" src="/imgs/docs/icon-document-for-note.svg">
</div>
<div class="grid-container contents-container">
<div class="row max-sized set-lines contents-wrap">
<div class="decoration floating">
<img class="document" src="/imgs/docs/icon-document-for-note.svg">
</div>
<div class="col-xl-8"></div>
<div class="col-xl-4 texts-container background-white background-white-side-right">
<div class="icon-container">
<img class="icon" src="/imgs/docs/icon-document.svg">
</div>
<div class="texts-wrap">
<div class="label">Featured resource</div>
<p class="description-label">Read about how to migrate from Rancher v1.6 Cattle to v2.x</p>
</div>
<div class="buttons-container">
<button class="button text">
<span>Read the report</span>
</button>
</div>
</div>
<div class="
col-xl-8
col-lg-8
col-md-8
col-sm-7
col-xs-7
hide-sm-down
"></div>
<div class="
col-xl-4 offset-xl-0
col-lg-4 offset-lg-0
col-md-4 offset-md-0
col-sm-10 offset-sm-1
col-xs-10 offset-xs-1
col-12 offset-0
texts-container background-white background-white-side-right">
<div class="icon-container">
<img class="icon" src="/imgs/docs/icon-document.svg">
</div>
<div class="texts-wrap">
<div class="label">Featured resource</div>
<p class="description-label">Read about how to migrate from Rancher v1.6 Cattle to v2.x</p>
</div>
<div class="buttons-container">
<a href="{{< baseurl >}}/rancher/v2.x/en/v1.6-migration/">
<button class="button text">
<span>Read the report</span>
</button>
</a>
</div>
</div>
</div>
</div>
</section>
<section class="docs-screen2">
@@ -63,9 +86,16 @@ layout: "no-hero"
</div>
<div class="row max-sized cards-container">
<div class="col-xl-12 cards-wrap">
<div class="col-12 cards-wrap">
<div class="row card-items-wrap">
<div class="col-xl-6 card-item">
<div class="
col-xl-6
col-lg-6
col-md-6
col-sm-12
col-xs-12
col-12
card-item">
<div class="card-wrap">
<h3 class="title-label">
<span class="background">2.x</span>
@@ -85,7 +115,14 @@ layout: "no-hero"
</div>
</div>
</div>
<div class="col-xl-6 card-item">
<div class="
col-xl-6
col-lg-6
col-md-6
col-sm-12
col-xs-12
col-12
card-item">
<div class="card-wrap">
<h3 class="title-label">
<span class="background">1.6</span>
@@ -105,7 +142,14 @@ layout: "no-hero"
</div>
</div>
</div>
<div class="col-xl-6 card-item">
<div class="
col-xl-6
col-lg-6
col-md-6
col-sm-12
col-xs-12
col-12
card-item">
<div class="card-wrap">
<h3 class="title-label">
<span class="background">OS</span>
@@ -125,7 +169,14 @@ layout: "no-hero"
</div>
</div>
</div>
<div class="col-xl-6 card-item">
<div class="
col-xl-6
col-lg-6
col-md-6
col-sm-12
col-xs-12
col-12
card-item">
<div class="card-wrap">
<h3 class="title-label">
<span class="background">RKE</span>
@@ -164,8 +215,8 @@ layout: "no-hero"
<p>Rancher manages all of your Kubernetes clusters everywhere, unifies them under centralized RBAC, monitors them and lets you easily deploy and manage workloads through an intuitive user interface.</p>
</div>
<div class="border-top p-t-xs m-t-sm">
<p>Read about how to <a href="{{< baseurl >}}/rancher/v2.x/en/v1.6-migration/">migrate from Rancher v1.6 Cattle to v2.x</a></p>
<a href="{{< baseurl >}}/rancher/v2.x/en/" class="btn bg-link">Read the Docs</a>
<p>Read about how to <a href="{{< baseurl >}}/rancher/v2.x/en/v1.6-migration/">migrate from Rancher v1.6 Cattle to v2.x</a></p>
<a href="{{< baseurl >}}/rancher/v2.x/en/" class="btn bg-link">Read the Docs</a>
</div>
</div>
</div>