Commit 9947f4c8 authored by Sean Packham's avatar Sean Packham

Mobile

parent b677842e
body.cloud {
min-width: 1000px;
min-width: 600px;
.testimonials {
margin-top: 6em;
......
......@@ -62,7 +62,7 @@ body.community {
@media all and (max-width: 900px) {
.header {
margin: 0;
margin-bottom: 0;
}
.right img {
......
......@@ -6,7 +6,6 @@ body.download {
text-align: center;
color: #fff;
padding-bottom: 0;
margin-bottom: 8em;
.main {
padding-bottom: 20em;
......@@ -165,15 +164,38 @@ body.download {
margin-bottom: 10px;
color: #000;
}
em {
}
@media all and (max-width: 900px) {
.server {
padding: 0;
.main {
padding: 4em 2em;
}
.left, .right {
float: none;
width: 100%;
}
.right {
margin-top: 2em;
}
}
}
.testimonials {
margin-top: 6em;
margin-bottom: 4em;
.desktop {
margin: 2em 0;
float: none;
width: 100%;
}
.mobile {
margin: 2em 0;
float: none;
width: 100%;
}
}
}
......@@ -234,6 +234,7 @@ body.index {
.clients {
text-align: center;
padding: 50px 0;
line-height: 5em;
.main {
max-width: $content-width;
......@@ -270,7 +271,7 @@ body.index {
.cta {
background-color: #1d74f5;
width: $content-width;
max-width: $content-width;
margin: 0 auto;
text-align: center;
font-size: 18px;
......@@ -305,9 +306,28 @@ body.index {
.focus {
margin: 0;
padding: 2em 0;
.left {
float: none;
width: 100%;
padding: 0;
}
.right {
float: none;
width: 100%;
padding: 0;
}
}
.hero {
padding: 1em 0 6em;
h1 {
margin: 0 0 1em;
}
br {
content: " ";
display: none;
......@@ -326,15 +346,37 @@ body.index {
}
}
.cta {
margin-bottom: 0;
}
.clients {
margin: 0;
}
.testimonials {
margin-bottom: 0;
}
.apps-wrapper {
background: none;
padding: 0 1em;
}
.community, .features, .livechat, .translation, .apps, .own {
.left, .right {
margin-top: 0;
}
img {
margin: 0;
display: none;
}
li img {
display: inline;
}
}
}
......
......@@ -323,7 +323,7 @@ footer {
.testimonials {
max-width: 800px;
margin: 0 auto 6em;
margin: 4em auto 6em;
h3 {
font-size: 32px;
......@@ -373,6 +373,10 @@ section {
}
}
.hero {
margin-bottom: 8em;
}
section.header {
margin-top: 6em;
......@@ -524,6 +528,12 @@ table {
// tablet
@media all and (max-width: 900px) {
.hero {
margin-bottom: 0;
}
}
@media all and (max-width: 800px) {
header ul {
......@@ -551,6 +561,11 @@ table {
margin: 15px 10px 0 0;
}
}
.testimonials {
margin: 0;
}
}
// mobile
......
......@@ -48,6 +48,7 @@ class: download
<a href="https://github.com/RocketChat/Rocket.Chat.Electron/releases/download/{{ site.data.download.desktop.version }}/rocketchat-{{ site.data.download.desktop.version }}.i686.rpm">rpm(x86)</a>
</li>
</ul>
<div class="clear"></div>
</section>
<section class="mobile">
......@@ -68,6 +69,7 @@ class: download
<a href="https://itunes.apple.com/app/rocket-chat/id1148741252"><img class="itunes" src="{{ site.url }}/images/download/itunes-store.svg"></a>
</li>
</ul>
<div class="clear"></div>
</section>
<div class="clear"></div>
......
......@@ -194,7 +194,7 @@ class: index
<div class="">
No credit card required, no commitments, stop at anytime
</div>
<a class="button red" href="{{ site.url }}/trial">Start Your Free Trial Today</a>
<a class="button red" href="https://cloud.rocket.chat/trial/small">Start Your Free Trial Today</a>
</div>
</section>
......
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