Commit 915770b8 authored by Danilo Woznica's avatar Danilo Woznica

feat(Home): Update download sections and a few images

parent 76221f3f
...@@ -356,7 +356,9 @@ ...@@ -356,7 +356,9 @@
@media screen and (min-width: $tablet) { @media screen and (min-width: $tablet) {
max-width: none; max-width: none;
width: 70%; width: calc(100% + 12em);
margin-left: -6em;
margin-right: -6em;
} }
} }
...@@ -443,6 +445,15 @@ ...@@ -443,6 +445,15 @@
} }
} }
//
// Home endless
//
.home-endless {
img {
display: inline-block;
}
}
// //
// Home clients // Home clients
// //
......
...@@ -35,7 +35,6 @@ body.partners { ...@@ -35,7 +35,6 @@ body.partners {
padding-bottom: 0; padding-bottom: 0;
background-size: auto 90%; background-size: auto 90%;
background-position: right bottom; background-position: right bottom;
margin-bottom: 10em;
.wrap { .wrap {
padding: 2em; padding: 2em;
...@@ -57,3 +56,9 @@ body.partners { ...@@ -57,3 +56,9 @@ body.partners {
margin-right: 1em; margin-right: 1em;
} }
} }
body.partner .partner-box {
@media (min-width: $tablet) {
margin-bottom: 10em;
}
}
images/index/devices.png

59.9 KB | W: | H:

images/index/devices.png

52 KB | W: | H:

images/index/devices.png
images/index/devices.png
images/index/devices.png
images/index/devices.png
  • 2-up
  • Swipe
  • Onion skin
images/index/devices@2x.png

181 KB | W: | H:

images/index/devices@2x.png

159 KB | W: | H:

images/index/devices@2x.png
images/index/devices@2x.png
images/index/devices@2x.png
images/index/devices@2x.png
  • 2-up
  • Swipe
  • Onion skin
images/index/devices@3x.png

345 KB | W: | H:

images/index/devices@3x.png

294 KB | W: | H:

images/index/devices@3x.png
images/index/devices@3x.png
images/index/devices@3x.png
images/index/devices@3x.png
  • 2-up
  • Swipe
  • Onion skin
images/index/icon__api.png

11.4 KB | W: | H:

images/index/icon__api.png

7.84 KB | W: | H:

images/index/icon__api.png
images/index/icon__api.png
images/index/icon__api.png
images/index/icon__api.png
  • 2-up
  • Swipe
  • Onion skin
images/index/icon__import.png

9.97 KB | W: | H:

images/index/icon__import.png

8.77 KB | W: | H:

images/index/icon__import.png
images/index/icon__import.png
images/index/icon__import.png
images/index/icon__import.png
  • 2-up
  • Swipe
  • Onion skin
images/index/icon__integrations.png

6.54 KB | W: | H:

images/index/icon__integrations.png

6.18 KB | W: | H:

images/index/icon__integrations.png
images/index/icon__integrations.png
images/index/icon__integrations.png
images/index/icon__integrations.png
  • 2-up
  • Swipe
  • Onion skin
images/index/icon__market.png

14.1 KB | W: | H:

images/index/icon__market.png

11.3 KB | W: | H:

images/index/icon__market.png
images/index/icon__market.png
images/index/icon__market.png
images/index/icon__market.png
  • 2-up
  • Swipe
  • Onion skin
images/index/icon__plugins.png

9.36 KB | W: | H:

images/index/icon__plugins.png

8.75 KB | W: | H:

images/index/icon__plugins.png
images/index/icon__plugins.png
images/index/icon__plugins.png
images/index/icon__plugins.png
  • 2-up
  • Swipe
  • Onion skin
images/index/icon__themes.png

12.3 KB | W: | H:

images/index/icon__themes.png

9.98 KB | W: | H:

images/index/icon__themes.png
images/index/icon__themes.png
images/index/icon__themes.png
images/index/icon__themes.png
  • 2-up
  • Swipe
  • Onion skin
...@@ -206,11 +206,11 @@ redirect_from: ...@@ -206,11 +206,11 @@ redirect_from:
<div class="space--4"></div> <div class="space--4"></div>
<div class="container"> <div class="container">
<div class="card theme_box--dark-strong home-install"> <div class="card theme_box--brand home-install">
<div class="wrap"> <div class="wrap">
<p class="label theme_type--grey">Web, Desktop &amp; Mobile</p> <p class="label theme_type--kinda-white">Web, Desktop &amp; Mobile</p>
<h2 class="display theme_type--dark">For all platforms</h2> <h2 class="display theme_type--dark">For all platforms</h2>
<p class="theme_type--grey">You can take Rocket.Chat anywhere with our web, desktop &amp; mobile apps, LiveChat clients and SDK.</p> <p class="theme_type--kinda-white">You can take Rocket.Chat anywhere with our web, desktop &amp; mobile apps, LiveChat clients and SDK.</p>
<div class="home-install__icons"> <div class="home-install__icons">
<img src="/images/install/windows.svg" alt="Rocket.Chat for Windows" /> <img src="/images/install/windows.svg" alt="Rocket.Chat for Windows" />
...@@ -223,8 +223,8 @@ redirect_from: ...@@ -223,8 +223,8 @@ redirect_from:
<div class="space--2"></div> <div class="space--2"></div>
<div class="home-install__button"> <div class="home-install__button">
<a href="/install" class="button" title="install"> <a href="/install" class="button--blank theme_type--brand" title="install">
<span class="button--icon"><img src="/images/default/install--white.svg" alt="Install"></span> <span class="button--icon"><img src="/images/default/install.svg" alt="Install"></span>
<span>Install</span> <span>Install</span>
</a> </a>
</div> </div>
...@@ -234,8 +234,6 @@ redirect_from: ...@@ -234,8 +234,6 @@ redirect_from:
<div class="space--4"></div> <div class="space--4"></div>
{% comment %} <div class="container divider divider--light"></div> {% endcomment %}
<div class="container"> <div class="container">
<div class="flex-grid grid--justify-around align--center"> <div class="flex-grid grid--justify-around align--center">
<div class="col--haft no-gutter"> <div class="col--haft no-gutter">
...@@ -248,9 +246,9 @@ redirect_from: ...@@ -248,9 +246,9 @@ redirect_from:
<div class="space--4"></div> <div class="space--4"></div>
<div class="container"> <div class="container home-endless">
<div class="flex-grid grid--justify-around"> <div class="flex-grid grid--justify-around">
<div class="col--three-quarter"> <div class="col--three-quarter align--center">
<div class="flex-grid"> <div class="flex-grid">
<div class="col"> <div class="col">
<img width="70px" src="/images/index/icon__integrations.png" alt="Integrations" /> <img width="70px" src="/images/index/icon__integrations.png" alt="Integrations" />
...@@ -309,12 +307,22 @@ redirect_from: ...@@ -309,12 +307,22 @@ redirect_from:
<section class="container"> <section class="container">
<div class="space--2"></div> <div class="space--6"></div>
<section class="container">
<div class="card theme_box--dark-strong partner-box">
<div class="wrap">
<p class="label theme_type--grey">Become a partner</p>
<h2 class="display theme_type--dark">Join the Rocket.Chat ecosystem and become a partner</h2>
<p class="theme_type--grey">Contact us to find out how you could become an approved Rocket.Chat partner</p>
<a class="button" href="/become-partner">Become Partner</a>
</div>
</div>
</section>
<div class="flex-grid grid--justify-around align--center"> <div class="flex-grid grid--justify-around align--center">
<div class="col--haft no-gutter"> <div class="col--haft no-gutter">
<p class="label theme_type--grey">Clients</p> <p class="label theme_type--grey">Rocket.Chat for all industries</p>
<h2 class="display theme_type--dark">Rocket.Chat for all industries</h2>
</div> </div>
</div> </div>
......
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