Commit 726b71cf authored by Danilo Woznica's avatar Danilo Woznica

Design changes

parent 4138b800
.become-partner__info {
.card {
margin-bottom: -4em;
}
@media (min-width: $tablet) {
overflow: auto;
max-height: 100vh;
-webkit-overflow-scrolling: touch;
// overflow: auto;
// max-height: 100vh;
// -webkit-overflow-scrolling: touch;
.card {
background: none;
......@@ -21,20 +20,14 @@
display: none;
@media (min-width: $tablet) {
display:block;
display: block;
}
}
.become-partner__form {
@media (min-width: $tablet) {
overflow: auto;
max-height: 100vh;
-webkit-overflow-scrolling: touch;
}
.col--third {
@media (min-width: $tablet) and (max-width: 76em) {
max-width: 50%;
}
@media (min-width: $tablet) {
// overflow: auto;
// max-height: 100vh;
// -webkit-overflow-scrolling: touch;
}
}
......@@ -304,7 +304,7 @@
padding-top: 16em;
@media screen and (min-width: $tablet) {
padding-top: 26em;
padding-bottom: 15em;
// padding-bottom: 15em;
}
}
......@@ -357,9 +357,7 @@
@media screen and (min-width: $tablet) {
max-width: none;
width: calc(100% + 12em);
margin-left: -6em;
margin-right: -6em;
width: 70%;
}
}
......@@ -405,7 +403,7 @@
background-image: url("/images/install/mobile.png");
background-size: auto 90%;
background-position: right -40% bottom;
margin-top: -19em;
// margin-top: -19em;
.wrap {
padding: 2em;
......
......@@ -7,54 +7,15 @@ redirect_from: /become-partner/
theme: dark
---
<div class="container--full become-partner">
<div class="container become-partner">
<div class="flex-grid">
<div class="col--fourth become-partner__info no-gutter">
<div class="card theme_box--dark-strong">
<div class="space--3"></div>
<a href="//rocket.chat"><img width="120" src="/images/default/logo.svg" alt="RocketChat" /></a>
<p class="tag theme_type--dark theme_box--dark-medium">Partner program</p>
<div class="become-partner__interest">
<div class="space--2"></div>
<h1 class="display theme_type--dark">Become a Partner</h1>
<p class="theme_type--grey">Authorized partners can take advantage of a direct contact with the Rocket.Chat team in order to boost their sales. From tech support to sales and marketing support, the Official Partner Program has five types of partnerships:</p>
<h2 class="text theme_type--dark type--nomargin">Installation Partner</h2>
<p class="theme_type--grey">Help Rocket.Chat clients to install and configure their servers to fit their company needs. This service includes brand theming of web, desktop and mobile apps; admin panel configuration; and cloud architecture set-up for scalability of on premise.</p>
<h2 class="text theme_type--dark type--nomargin">Hands-on Partner</h2>
<p class="theme_type--grey">This involves everything that requires coding Rocket.Chat. Its requires advanced knowledge on how to customize RC’s code. This means: the development of new features; integrations; bots; new applications for the marketplace; enterprise versions of Rocket.Chat’s code</p>
<h2 class="text theme_type--dark type--nomargin">Referral Partner</h2>
<p class="theme_type--grey">Partners with sales knowledge to sell Rocket.Chat’s Cloud or Support services, as well as enterprise features.</p>
<h2 class="text theme_type--dark type--nomargin">Self-Service Partner</h2>
<p class="theme_type--grey">Partners that offer their own hosting environment to deploy Rocket.Chat or personal support services.</p>
<h2 class="text theme_type--dark type--nomargin">Consultation Partner</h2>
<p class="theme_type--grey">Experts on Rocket.Chat’s code that are able to teach other companies to successfully design, build, and deploy the Rocket.Chat platform. This type of partner is certified by Rocket.Chat to provide education courses to end users.</p>
<div class="card theme_box--dark">
<p class="label theme_type--grey">Want to know more?</p>
<p class="theme_type--dark">Get in touch to find out more!</p>
{% comment %} <a href="" target="_blank" class="button">Download Brochure</a> {% endcomment %}
<a href="/contact" target="_blank" class="button button--ghost">Contact us</a>
</div>
<div class="space--3"></div>
</div>
</div>
</div>
<div class="col no-gutter become-partner__form no-gutter">
<div class="space--3"></div>
<div class="card theme_box--dark-strong">
<div class="flex-grid grid--justify-around">
<div class="col--third">
<div class="col--haft">
<div class="space--2"></div>
<p class="label theme_type--grey">Become a partner</p>
<h2 class="display--small theme_type--dark">Join Rocket.Chat’s ecosystem</h2>
......@@ -184,6 +145,45 @@ theme: dark
</div>
<div class="space--3"></div>
</div>
<div class="col--fourth become-partner__info no-gutter">
<div class="card theme_box--dark-strong">
<div class="space--3"></div>
<p class="tag theme_type--dark theme_box--dark-medium">Partner program</p>
<div class="become-partner__interest">
<div class="space--2"></div>
<h1 class="display theme_type--dark">Become a Partner</h1>
<p class="theme_type--grey">Authorized partners can take advantage of a direct contact with the Rocket.Chat team in order to boost their sales. From tech support to sales and marketing support, the Official Partner Program has five types of partnerships:</p>
<h2 class="text theme_type--dark type--nomargin">Installation Partner</h2>
<p class="theme_type--grey">Help Rocket.Chat clients to install and configure their servers to fit their company needs. This service includes brand theming of web, desktop and mobile apps; admin panel configuration; and cloud architecture set-up for scalability of on premise.</p>
<h2 class="text theme_type--dark type--nomargin">Hands-on Partner</h2>
<p class="theme_type--grey">This involves everything that requires coding Rocket.Chat. Its requires advanced knowledge on how to customize RC’s code. This means: the development of new features; integrations; bots; new applications for the marketplace; enterprise versions of Rocket.Chat’s code</p>
<h2 class="text theme_type--dark type--nomargin">Referral Partner</h2>
<p class="theme_type--grey">Partners with sales knowledge to sell Rocket.Chat’s Cloud or Support services, as well as enterprise features.</p>
<h2 class="text theme_type--dark type--nomargin">Self-Service Partner</h2>
<p class="theme_type--grey">Partners that offer their own hosting environment to deploy Rocket.Chat or personal support services.</p>
<h2 class="text theme_type--dark type--nomargin">Consultation Partner</h2>
<p class="theme_type--grey">Experts on Rocket.Chat’s code that are able to teach other companies to successfully design, build, and deploy the Rocket.Chat platform. This type of partner is certified by Rocket.Chat to provide education courses to end users.</p>
<div class="card theme_box--dark">
<p class="label theme_type--grey">Want to know more?</p>
<p class="theme_type--dark">Get in touch to find out more!</p>
{% comment %} <a href="" target="_blank" class="button">Download Brochure</a> {% endcomment %}
<a href="/contact" target="_blank" class="button button--ghost">Contact us</a>
</div>
<div class="space--3"></div>
</div>
</div>
</div>
</div>
</div>
......
......@@ -207,9 +207,36 @@ redirect_from:
<div class="space--4"></div>
<div class="container divider divider--light"></div>
<div class="container">
<div class="card theme_box--dark-strong home-install">
<div class="wrap">
<p class="label theme_type--grey">Web, Desktop &amp; Mobile</p>
<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>
<div class="home-install__icons">
<img src="/images/install/windows.svg" alt="Rocket.Chat for Windows" />
<img src="/images/install/macos.svg" alt="Rocket.Chat for MacOS" />
<img src="/images/install/linux.png" alt="Rocket.Chat for Linux" />
<img src="/images/install/ios.svg" alt="Rocket.Chat for iOS" />
<img src="/images/install/android.svg" alt="Rocket.Chat for Android" />
</div>
<div class="space--8"></div>
<div class="space--2"></div>
<div class="home-install__button">
<a href="/install" class="button" title="install">
<span class="button--icon" style="margin-top: -0.3em;"><img src="/images/default/install--white.svg" alt="Install"></span>
<span>Install</span>
</a>
</div>
</div>
</div>
</div>
<div class="space--4"></div>
{% comment %} <div class="container divider divider--light"></div> {% endcomment %}
<div class="container">
<div class="flex-grid grid--justify-around align--center">
......@@ -222,99 +249,68 @@ redirect_from:
</div>
</div>
<div class="home-customization">
<div class="home-customization__scroll-view">
<img
srcset="/images/index/sidebars@1x.png, /images/index/sidebars@2x.png 2x, /images/index/sidebars@3x.png 3x"
src="/images/index/sidebars@1x.png" alt="Endless Customization"
/>
</div>
</div>
<div class="space--4"></div>
<div class="container">
<div class="flex-grid grid--justify-around">
<div class="col--three-quarter">
<div class="flex-grid">
<div class="col">
<img width="70px" src="/images/index/icon__integrations.png" alt="Integrations" />
<div class="space--075"></div>
<h2 class="theme_type--space"><strong>Integrations</strong></h2>
<p class="theme_type--light">Add incoming and outgoing WebHook integrations to Rocket.Chat</p>
</div>
<div class="col">
<img width="70px" src="/images/index/icon__plugins.png" alt="Plugins" />
<div class="space--075"></div>
<h2 class="theme_type--space"><strong>Plugins</strong></h2>
<p class="theme_type--light">Integrate Rocket.Chat features into popular applications such as Drupal or Pidgin</p>
</div>
<div class="col">
<img width="70px" src="/images/index/icon__themes.png" alt="Themes" />
<div class="space--075"></div>
<h2 class="theme_type--space"><strong>Themes</strong></h2>
<p class="theme_type--light">Personalize your UI by overriding any of the built-in styles</p>
</div>
</div>
<div class="space--5"></div>
<div class="flex-grid">
<div class="col--fourth">
<img width="70px" src="/images/index/icon__integrations.png" alt="Integrations" />
<div class="space--075"></div>
<h2 class="theme_type--space"><strong>Integrations</strong></h2>
<p class="theme_type--light">Add incoming and outgoing WebHook integrations to Rocket.Chat</p>
</div>
<div class="col--fourth">
<img width="70px" src="/images/index/icon__plugins.png" alt="Plugins" />
<div class="space--075"></div>
<h2 class="theme_type--space"><strong>Plugins</strong></h2>
<p class="theme_type--light">Integrate Rocket.Chat features into popular applications such as Drupal or Pidgin</p>
</div>
<div class="col--fourth">
<img width="70px" src="/images/index/icon__themes.png" alt="Themes" />
<div class="space--075"></div>
<h2 class="theme_type--space"><strong>Themes</strong></h2>
<p class="theme_type--light">Personalize your UI by overriding any of the built-in styles</p>
</div>
<div class="col--fourth">
<img width="70px" src="/images/index/icon__api.png" alt="Powerful APIs" />
<div class="space--075"></div>
<h2 class="theme_type--space"><strong>Powerful APIs</strong></h2>
<p class="theme_type--light">Use Rocket.Chat’s REST API, LiveChat API or Real time API</p>
<div class="flex-grid">
<div class="col">
<img width="70px" src="/images/index/icon__api.png" alt="Powerful APIs" />
<div class="space--075"></div>
<h2 class="theme_type--space"><strong>Powerful APIs</strong></h2>
<p class="theme_type--light">Use Rocket.Chat’s REST API, LiveChat API or Real time API</p>
</div>
<div class="col">
<img width="70px" src="/images/index/icon__import.png" alt="Data Importers" />
<div class="space--075"></div>
<h2 class="theme_type--space"><strong>Data Importers</strong></h2>
<p class="theme_type--light">Migrate from other team chat software and bring all your data with you using our easy-to-use data importers for Slack and HipChat</p>
</div>
<div class="col">
<img width="70px" src="/images/index/icon__market.png" alt="Marketplace" />
<div class="space--075"></div>
<h2 class="theme_type--space"><strong>Marketplace</strong></h2>
<p class="theme_type--light">Find and install apps to extend Rocket.Chat or upload and sell an app you have developed.</p>
Coming mid-2018.
</div>
</div>
</div>
</div>
</div>
<div class="flex-grid">
<div class="col--fourth">
<img width="70px" src="/images/index/icon__import.png" alt="Data Importers" />
<div class="space--075"></div>
<h2 class="theme_type--space"><strong>Data Importers</strong></h2>
<p class="theme_type--light">Migrate from other team chat software and bring all your data with you using our easy-to-use data importers for Slack and HipChat</p>
</div>
<div class="col--fourth">
<img width="70px" src="/images/index/icon__documentation.png" alt="Documentation" />
<div class="space--075"></div>
<h2 class="theme_type--space"><strong>Documentation</strong></h2>
<p class="theme_type--light">User and administrator articles and guides to help you use and manage Rocket.Chat</p>
</div>
<div class="col--fourth">
<img width="70px" src="/images/index/icon__market.png" alt="Marketplace" />
<div class="space--075"></div>
<h2 class="theme_type--space"><strong>Marketplace</strong></h2>
<p class="theme_type--light">Find and install apps to extend Rocket.Chat or upload and sell an app you have developed.</p>
Coming mid-2018.
</div>
<div class="home-customization">
<div class="home-customization__scroll-view">
<img
srcset="/images/index/sidebars@1x.png, /images/index/sidebars@2x.png 2x, /images/index/sidebars@3x.png 3x"
src="/images/index/sidebars@1x.png" alt="Endless Customization"
/>
</div>
</div>
<div class="space--2"></div>
</section>
<section class="container">
<div class="space--4"></div>
<div class="card theme_box--dark-strong home-install">
<div class="wrap">
<p class="label theme_type--grey">Web, Desktop &amp; Mobile</p>
<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>
<div class="home-install__icons">
<img src="/images/install/windows.svg" alt="Rocket.Chat for Windows" />
<img src="/images/install/macos.svg" alt="Rocket.Chat for MacOS" />
<img src="/images/install/linux.png" alt="Rocket.Chat for Linux" />
<img src="/images/install/ios.svg" alt="Rocket.Chat for iOS" />
<img src="/images/install/android.svg" alt="Rocket.Chat for Android" />
</div>
<div class="space--2"></div>
<div class="home-install__button">
<a href="/install" class="button" title="install">
<span class="button--icon" style="margin-top: -0.3em;"><img src="/images/default/install--white.svg" alt="Install"></span>
<span>Install</span>
</a>
</div>
</div>
</div>
<div class="space--2"></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