Commit 4ed7d7a6 authored by Danilo Woznica's avatar Danilo Woznica

feat(Home page): Hero and community section

parent e878782b
......@@ -33,4 +33,31 @@
<h2 class="label--small type--brand">Rocket.Chat</h2>
<p>.label--small {}</p>
</div>
</div>
<div class="flex-grid box--dark" style="padding: 2em; background: #030c1a">
<div class="col">
<h2 class="display--big type--dark">Rocket.Chat</h2>
<p>.display--big {}</p>
<h2 class="display type--dark">Rocket.Chat</h2>
<p>.display {}</p>
<h2 class="display--small type--dark">Rocket.Chat</h2>
<p>.display--small {}</p>
</div>
<div class="col">
<h2 class="text type--dark">Rocket.Chat</h2>
<p>.text {}</p>
<h2 class="text--small type--dark">Rocket.Chat</h2>
<p>.text--small {}</p>
<h2 class="label type--dark">Rocket.Chat</h2>
<p>.label {}</p>
<h2 class="label--small type--dark">Rocket.Chat</h2>
<p>.label--small {}</p>
</div>
</div>
\ No newline at end of file
body.index {
background: $space;
}
//
// Hero section
//
.home-hero {
@media screen and (min-width: $tablet) {
display: flex;
min-height: 70vh;
}
@media screen and (min-width: 75em) {
min-height: 90vh;
}
}
.home-hero_wrap {
margin: 3em 0;
@media screen and (min-width: $tablet) {
margin: 6em 0;
flex: 0.4;
}
}
.home-hero_image {
position: relative;
right: -$gutter;
margin-bottom: 2em;
@media screen and (min-width: $tablet) {
position: absolute;
right: 0;
top: 8em;
height: calc(70vh - 10em);
}
@media screen and (min-width: 75em) {
height: calc(90vh - 10em);
}
}
//
// Community section
//
.home-community {
background-color: $space-b;
border-radius: 2px;
position: relative;
@media screen and (min-width: $tablet) {
display: flex;
justify-content: flex-end;
background-position: left center;
background-size: auto 100%;
background-image: url("../images/index/join-community.jpg");
&:before {
content: "";
position: absolute;
top: 0;
right: 0;
left: 50%;
bottom: 0;
background-image: linear-gradient(
90deg,
rgba(0, 0, 0, 0) 0%,
$space-b 100%
);
}
}
}
.home-community_wrap {
padding: 2em $gutter;
font-size: 14px;
position: relative;
@media screen and (min-width: $tablet) {
padding: 4em 0;
flex: 0.4;
padding-right: 4em;
}
}
.home-community_github {
display: inline-flex;
border-radius: 2px;
overflow: hidden;
width: 45%;
margin-right: 1em;
text-align: center;
font-size: 1em;
font-weight: 600;
line-height: 3.2;
transition: all 0.3s ease;
background: #2f3f5a;
color: #fff;
&:hover {
background: $grey-dark;
}
span:first-child {
background: $grey-dark;
font-weight: normal;
}
span {
flex: 1;
}
img {
display: inline-block;
position: relative;
top: 0.2em;
margin-right: 0.5em;
transition: all 0.3s ease;
}
&:hover {
img {
opacity: 0.7;
}
}
}
.home-community_github-link {
display: inline-flex;
width: 100%;
margin-top: 1.5em;
transition: all 0.3s ease;
color: #fff;
img {
display: inline-block;
position: relative;
top: 0.1em;
margin-right: 0.5em;
transition: all 0.3s ease;
}
&:hover {
color: $grey-light;
img {
opacity: 0.7;
}
}
}
......@@ -76,7 +76,7 @@
img {
display: inline-block;
position: relative;
top: 0.1em;
top: 0.17em;
margin-right: 0.5em;
transition: all 0.3s ease;
}
......
......@@ -7,13 +7,17 @@ button {
}
.display--big {
font-size: 2.75em;
line-height: 1.2;
font-size: 2em;
font-weight: 600;
letter-spacing: 0.5px;
color: $space;
margin-bottom: 0.3em;
@media screen and (min-width: $tablet) {
font-size: 2.75em;
}
margin-bottom: 0.4em;
}
.display {
......@@ -27,12 +31,15 @@ button {
}
.display--small {
font-size: 1.25em;
font-size: 1em;
line-height: 1.4;
font-weight: 600;
letter-spacing: 0.5px;
color: $space;
@media screen and (min-width: $tablet) {
font-size: 1.25em;
}
margin-bottom: 0.4em;
}
......@@ -46,7 +53,7 @@ p {
}
strong {
font-weight: bold;
font-weight: 600;
}
.text--small {
......@@ -61,7 +68,7 @@ strong {
line-height: 1.5;
letter-spacing: 0.8px;
text-transform: uppercase;
font-weight: 500;
font-weight: 600;
margin-bottom: 1em;
}
......@@ -76,7 +83,20 @@ strong {
margin-bottom: 1em;
}
// Space rules
.display--small + .button {
margin-top: 2.5em;
}
// Helpers
.type--brand {
color: $brand;
}
.type--dark {
color: #fff;
}
.type--grey {
color: $grey-light;
}
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
images/index/devices.png

169 KB | W: | H:

images/index/devices.png

232 KB | W: | H:

images/index/devices.png
images/index/devices.png
images/index/devices.png
images/index/devices.png
  • 2-up
  • Swipe
  • Onion skin
This diff is collapsed.
<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 63.75 58.93"><title>icon-download</title><path d="M59.7,28.61a8.34,8.34,0,0,0-.43-2.23,9.7,9.7,0,0,0-7.65-6.7l-.57-.1a14.3,14.3,0,0,0-2.65-9A14.48,14.48,0,0,0,32.08,5.18a14.45,14.45,0,0,0-8.53,7.37l-.42-.25a7.31,7.31,0,0,0-1.63-.7,7.73,7.73,0,0,0-9.89,6.69.26.26,0,0,1-.19.26A10.46,10.46,0,0,0,8.79,20a10.6,10.6,0,0,0-3.41,4.42,10.17,10.17,0,0,0-.69,2.5c0,.33-.08.66-.12,1V29.1a1.41,1.41,0,0,1,0,.17,10.33,10.33,0,0,0,.81,3.38,10.66,10.66,0,0,0,9.85,6.52H26.33V37H19.5c-1.38,0-2.77,0-4.15,0a8.33,8.33,0,0,1-7.5-4.36,7.84,7.84,0,0,1-1-3.45,8.29,8.29,0,0,1,1.32-5.21,8.17,8.17,0,0,1,3.74-3.17c.59-.25,1.21-.43,1.82-.63a.17.17,0,0,0,.15-.22A6.31,6.31,0,0,1,14,17.46a5.47,5.47,0,0,1,2.27-3.06,5.34,5.34,0,0,1,3.21-.9A5.4,5.4,0,0,1,23,14.89l1.35,1.23.12.1c.13-.32.25-.63.37-.94A14.12,14.12,0,0,1,26.43,12,12.29,12.29,0,0,1,44.81,9.87a11.92,11.92,0,0,1,3.8,6.68,12.14,12.14,0,0,1,.14,4c-.05.42-.09.84-.13,1.3l1,0a7.08,7.08,0,0,1,3.66.79,7.48,7.48,0,0,1,4.06,5.25,7.62,7.62,0,0,1-4.21,8.45,7.94,7.94,0,0,1-3.37.72h-12v2.2H49.89a9.82,9.82,0,0,0,7.89-3.94,9.54,9.54,0,0,0,1.86-4.53c0-.25.06-.51.1-.77V28.75A1,1,0,0,1,59.7,28.61Z"/><path d="M25.87,44.14c.57.71,1.14,1.41,1.72,2.11l3.51,4.29.17.22a3.54,3.54,0,0,0,.47.52,1.08,1.08,0,0,0,.82.26,1.3,1.3,0,0,0,.88-.6l1.29-1.8L38.43,44a1.06,1.06,0,0,0,.2-1,1,1,0,0,0-.88-.8,1.08,1.08,0,0,0-1.13.49l-2.47,3.43-.18.24-.1.13a.25.25,0,0,1-.3.08l-.06,0a.25.25,0,0,1-.15-.23V39.87q0-9.18,0-18.36a1.13,1.13,0,0,0-.51-1,1.65,1.65,0,0,0-.33-.15l-.14-.05h-.23l-.1,0c-.62.16-.92.63-.92,1.44q0,9.34,0,18.69v5.93a.25.25,0,0,1-.42.18l-.11-.1-.16-.16-.69-.84-.86-1.05L28.56,44c-.34-.42-.69-.86-1.06-1.26A1,1,0,0,0,26,42.63,1.06,1.06,0,0,0,25.87,44.14Z"/></svg>
\ No newline at end of file
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 426.88 343.23"><defs><style>.cls-1{isolation:isolate;}.cls-10,.cls-14,.cls-15,.cls-2,.cls-20,.cls-3,.cls-5,.cls-6,.cls-8{fill:none;}.cls-2,.cls-22,.cls-3,.cls-5,.cls-6{stroke:#e1e5e8;}.cls-15,.cls-2,.cls-5,.cls-6,.cls-8{stroke-linecap:round;}.cls-10,.cls-14,.cls-2,.cls-20,.cls-21,.cls-22,.cls-3,.cls-5,.cls-6,.cls-7,.cls-8{stroke-miterlimit:10;}.cls-14,.cls-15,.cls-2,.cls-3,.cls-5,.cls-6,.cls-8{stroke-width:3px;}.cls-2{stroke-dasharray:0 6;}.cls-4{fill:#2f343d;}.cls-6{stroke-dasharray:7 10;}.cls-21,.cls-22,.cls-7{fill:#fff;}.cls-10,.cls-7{stroke:#175cc4;}.cls-10,.cls-20,.cls-21,.cls-22,.cls-7{stroke-width:2px;}.cls-14,.cls-15,.cls-8{stroke:#9ea2a8;}.cls-9{fill:#ffd21f;}.cls-16,.cls-18,.cls-19,.cls-9{mix-blend-mode:multiply;}.cls-11,.cls-16{fill:#f5455c;}.cls-12{fill:#f6c502;}.cls-13{fill:#26d198;}.cls-15{stroke-linejoin:round;}.cls-17{fill:#9ea2a8;}.cls-18{fill:#1d74f5;}.cls-19{fill:#2de0a5;}.cls-20,.cls-21{stroke:#2f343d;}.cls-23{fill:#e1e5e8;}</style></defs><title>Artboard 1</title><g class="cls-1"><g id="Layer_1" data-name="Layer 1"><circle class="cls-2" cx="211.53" cy="193.33" r="88.71"/><circle class="cls-2" cx="211.53" cy="193.33" r="70.3" transform="translate(-74.98 187.73) rotate(-41.31)"/><circle class="cls-3" cx="211.16" cy="192.25" r="133.6"/><circle class="cls-3" cx="123.19" cy="63.3" r="4.64"/><circle class="cls-3" cx="405.09" cy="136.04" r="4.64"/><circle class="cls-3" cx="332.39" cy="67.94" r="4.64"/><polygon class="cls-4" points="142.64 72.77 142.64 72.77 142.64 72.77 142.64 72.77"/><line class="cls-5" x1="54.94" y1="63.3" x2="31.35" y2="63.3"/><line class="cls-5" x1="56.39" y1="111.36" x2="46.03" y2="111.36"/><line class="cls-5" x1="51.21" y1="106.18" x2="51.21" y2="116.54"/><line class="cls-5" x1="249.46" y1="33.63" x2="239.09" y2="33.63"/><line class="cls-5" x1="244.27" y1="28.45" x2="244.27" y2="38.81"/><line class="cls-5" x1="26.92" y1="145.03" x2="16.56" y2="145.03"/><line class="cls-5" x1="21.74" y1="139.85" x2="21.74" y2="150.21"/><line class="cls-6" x1="106.44" y1="63.3" x2="64.44" y2="63.3"/><line class="cls-5" x1="354.85" y1="136.04" x2="332.39" y2="136.04"/><line class="cls-6" x1="389.9" y1="136.04" x2="359.35" y2="136.04"/><line class="cls-6" x1="317.68" y1="67.94" x2="272.9" y2="67.94"/><line class="cls-6" x1="359.35" y1="101.99" x2="310" y2="101.99"/><line class="cls-6" x1="60.72" y1="145.03" x2="31.35" y2="145.03"/><line class="cls-5" x1="229.76" y1="33.63" x2="183.95" y2="33.63"/><line class="cls-6" x1="174.46" y1="33.63" x2="143.91" y2="33.63"/><rect class="cls-7" x="99.31" y="75.85" width="86.67" height="111.1" rx="10" ry="10"/><rect class="cls-8" x="111.14" y="101.99" width="31.62" height="22" rx="10" ry="10"/><rect class="cls-9" x="106.44" y="105.54" width="31.62" height="22" rx="10" ry="10"/><rect class="cls-7" x="217.7" y="217.04" width="119.3" height="74.35" rx="10" ry="10"/><rect class="cls-7" x="236.77" y="98.87" width="107.47" height="74.35" rx="10" ry="10"/><rect class="cls-7" x="78.15" y="223" width="90.09" height="90.09" rx="10" ry="10"/><line class="cls-10" x1="217.7" y1="231.49" x2="336.9" y2="231.49"/><circle class="cls-11" cx="226.4" cy="224.23" r="2.46"/><circle class="cls-12" cx="234.13" cy="224.23" r="2.46"/><circle class="cls-13" cx="241.86" cy="224.23" r="2.46"/><line class="cls-8" x1="174.14" y1="101.99" x2="151.57" y2="101.99"/><line class="cls-8" x1="174.14" y1="112.99" x2="151.57" y2="112.99"/><line class="cls-8" x1="174.14" y1="123.99" x2="151.57" y2="123.99"/><line class="cls-8" x1="174.14" y1="134.99" x2="111.14" y2="134.99"/><line class="cls-8" x1="174.14" y1="145.99" x2="111.14" y2="145.99"/><line class="cls-8" x1="174.14" y1="157" x2="111.14" y2="157"/><line class="cls-8" x1="174.14" y1="168" x2="111.14" y2="168"/><line class="cls-8" x1="288.99" y1="163.13" x2="288.99" y2="107.86"/><line class="cls-8" x1="281.08" y1="163.13" x2="281.08" y2="130.7"/><line class="cls-8" x1="273.17" y1="163.13" x2="273.17" y2="139.36"/><line class="cls-8" x1="265.27" y1="163.13" x2="265.27" y2="122.03"/><line class="cls-8" x1="257.36" y1="163.13" x2="257.36" y2="131.4"/><line class="cls-8" x1="249.46" y1="163.13" x2="249.46" y2="145.99"/><line class="cls-8" x1="261.38" y1="245.52" x2="229.88" y2="277.36"/><line class="cls-8" x1="261.48" y1="245.52" x2="292.98" y2="277.36"/><line class="cls-8" x1="298.29" y1="251.32" x2="282.72" y2="267.05"/><line class="cls-8" x1="298.35" y1="251.32" x2="324.71" y2="277.69"/><line class="cls-14" x1="218.73" y1="278.08" x2="335.99" y2="278.08"/><rect class="cls-7" x="86.05" y="237.66" width="7.19" height="3.37" rx="1.69" ry="1.69"/><rect class="cls-7" x="86.05" y="246.03" width="7.19" height="3.37" rx="1.69" ry="1.69"/><rect class="cls-7" x="86.05" y="254.41" width="7.19" height="3.37" rx="1.69" ry="1.69"/><rect class="cls-7" x="86.05" y="262.78" width="7.19" height="3.37" rx="1.69" ry="1.69"/><rect class="cls-7" x="86.05" y="271.16" width="7.19" height="3.37" rx="1.69" ry="1.69"/><rect class="cls-7" x="86.05" y="279.53" width="7.19" height="3.37" rx="1.69" ry="1.69"/><rect class="cls-7" x="86.05" y="287.91" width="7.19" height="3.37" rx="1.69" ry="1.69"/><rect class="cls-7" x="86.05" y="296.28" width="7.19" height="3.37" rx="1.69" ry="1.69"/><rect class="cls-7" x="152.87" y="237.66" width="7.19" height="3.37" rx="1.69" ry="1.69"/><rect class="cls-7" x="152.87" y="246.03" width="7.19" height="3.37" rx="1.69" ry="1.69"/><rect class="cls-7" x="152.87" y="254.41" width="7.19" height="3.37" rx="1.69" ry="1.69"/><rect class="cls-7" x="152.87" y="262.78" width="7.19" height="3.37" rx="1.69" ry="1.69"/><rect class="cls-7" x="152.87" y="271.16" width="7.19" height="3.37" rx="1.69" ry="1.69"/><rect class="cls-7" x="152.87" y="279.53" width="7.19" height="3.37" rx="1.69" ry="1.69"/><rect class="cls-7" x="152.87" y="287.91" width="7.19" height="3.37" rx="1.69" ry="1.69"/><rect class="cls-7" x="152.87" y="296.28" width="7.19" height="3.37" rx="1.69" ry="1.69"/><polygon class="cls-15" points="135.16 268.03 113.03 255.25 113.03 280.81 135.16 268.03"/><path class="cls-16" d="M133.83,270.46,110.58,257a1.74,1.74,0,0,0-2.62,1.51v26.84a1.74,1.74,0,0,0,2.62,1.51l23.24-13.42A1.74,1.74,0,0,0,133.83,270.46Z"/><polyline class="cls-8" points="300.24 163.13 307.99 154.56 313.49 158.84 321.99 149.03 327.75 153.03 335.21 142.58"/><path class="cls-17" d="M330.3,120.53h0a1.49,1.49,0,0,0,1.49-1.69,14.28,14.28,0,0,0-10.67-11.64,1.51,1.51,0,0,0-1.89,1.46h0a1.49,1.49,0,0,0,1.15,1.45,11.27,11.27,0,0,1,8.44,9.14A1.5,1.5,0,0,0,330.3,120.53Z"/><path class="cls-17" d="M326,123.53c0,.17,0,.33,0,.5a11.35,11.35,0,1,1-9.76-11.14l0,0v-3l0,0A14.25,14.25,0,1,0,329,123.55l0,0Z"/><path class="cls-18" d="M216.78,282.61h116a0,0,0,0,1,0,0v10a10,10,0,0,1-10,10h-99.3a10,10,0,0,1-10-10v-6.75A3.25,3.25,0,0,1,216.78,282.61Z"/><circle class="cls-19" cx="312.31" cy="128.13" r="14.29"/><circle class="cls-20" cx="252.69" cy="193.76" r="10.83"/><path class="cls-4" d="M252.69,194.56a9,9,0,0,0-8.47,5.95,10.89,10.89,0,0,0,1.6,1.63,7,7,0,0,1,13.73,0,10.89,10.89,0,0,0,1.6-1.63A9,9,0,0,0,252.69,194.56Z"/><circle class="cls-21" cx="252.69" cy="191.92" r="4.66"/><circle class="cls-22" cx="323.14" cy="196.22" r="10.83"/><path class="cls-23" d="M323.14,197a9,9,0,0,0-8.47,5.95,10.89,10.89,0,0,0,1.6,1.63,7,7,0,0,1,13.73,0,10.89,10.89,0,0,0,1.6-1.63A9,9,0,0,0,323.14,197Z"/><circle class="cls-22" cx="323.14" cy="194.38" r="4.66"/><circle class="cls-22" cx="213.53" cy="81.73" r="10.83"/><path class="cls-23" d="M213.53,82.53a9,9,0,0,0-8.47,5.95,10.89,10.89,0,0,0,1.6,1.63,7,7,0,0,1,13.73,0,10.89,10.89,0,0,0,1.6-1.63A9,9,0,0,0,213.53,82.53Z"/><circle class="cls-22" cx="213.53" cy="79.89" r="4.66"/><circle class="cls-22" cx="99.31" cy="202.73" r="10.83"/><path class="cls-23" d="M99.31,203.53a9,9,0,0,0-8.47,5.95,10.89,10.89,0,0,0,1.6,1.63,7,7,0,0,1,13.73,0,10.89,10.89,0,0,0,1.6-1.63A9,9,0,0,0,99.31,203.53Z"/><circle class="cls-22" cx="99.31" cy="200.88" r="4.66"/><circle class="cls-22" cx="196.29" cy="302.61" r="10.83"/><path class="cls-23" d="M196.29,303.41a9,9,0,0,0-8.47,5.95,10.89,10.89,0,0,0,1.6,1.63,7,7,0,0,1,13.73,0,10.89,10.89,0,0,0,1.6-1.63A9,9,0,0,0,196.29,303.41Z"/><circle class="cls-22" cx="196.29" cy="300.77" r="4.66"/><path class="cls-16" d="M251.54,198.58a8.76,8.76,0,0,0-8.56,7,13.5,13.5,0,0,0,17.13,0A8.76,8.76,0,0,0,251.54,198.58Z"/><circle class="cls-20" cx="191.63" cy="233.83" r="10.83"/><path class="cls-4" d="M191.63,234.63a9,9,0,0,0-8.47,5.95,10.89,10.89,0,0,0,1.6,1.63,7,7,0,0,1,13.73,0,10.89,10.89,0,0,0,1.6-1.63A9,9,0,0,0,191.63,234.63Z"/><circle class="cls-21" cx="191.63" cy="231.99" r="4.66"/><path class="cls-19" d="M190.48,238.66a8.76,8.76,0,0,0-8.56,7,13.5,13.5,0,0,0,17.13,0A8.76,8.76,0,0,0,190.48,238.66Z"/><circle class="cls-20" cx="210.03" cy="145.26" r="10.83"/><path class="cls-4" d="M210,146.06a9,9,0,0,0-8.47,5.95,10.89,10.89,0,0,0,1.6,1.63,7,7,0,0,1,13.73,0,10.89,10.89,0,0,0,1.6-1.63A9,9,0,0,0,210,146.06Z"/><circle class="cls-21" cx="210.03" cy="143.41" r="4.66"/><path class="cls-9" d="M208.88,150.08a8.76,8.76,0,0,0-8.56,7,13.5,13.5,0,0,0,17.13,0A8.76,8.76,0,0,0,208.88,150.08Z"/><polyline class="cls-2" points="208.87 164.4 211.26 193.44 238.06 194.69"/><line class="cls-2" x1="199.04" y1="220.07" x2="211.53" y2="193.33"/></g></g></svg>
\ No newline at end of file
<?xml version="1.0" encoding="UTF-8"?>
<svg width="20px" height="20px" viewBox="0 0 20 20" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<!-- Generator: Sketch 47 (45396) - http://www.bohemiancoding.com/sketch -->
<title>24x24/at--dark</title>
<desc>Created with Sketch.</desc>
<defs></defs>
<g id="homepage" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g transform="translate(-730.000000, -2004.000000)" id="enterprise-features">
<g transform="translate(0.000000, 1514.000000)">
<g id="Group-17" transform="translate(728.000000, 120.000000)">
<g id="Group-33" transform="translate(0.000000, 368.000000)">
<g id="24x24/at--dark">
<g>
<rect id="Rectangle" x="0" y="0" width="24" height="24"></rect>
<circle id="Oval" stroke="#414852" stroke-width="1.5" cx="12" cy="12" r="4"></circle>
<path d="M15.4449407,20.3171374 C14.3838117,20.7571475 13.2202665,21 12,21 C7.02943725,21 3,16.9705627 3,12 C3,7.02943725 7.02943725,3 12,3 C16.9705627,3 21,7.02943725 21,12 L21,13.5501579" id="Oval" stroke="#414852" stroke-width="1.5"></path>
<path d="M21,13.4906996 C21,14.876548 19.8903379,16 18.5,16 L18.5,16 C17.1192881,16 16,14.8876343 16,13.4906996 L16,8 L16,8" id="Rectangle-7" stroke="#414852" stroke-width="1.5"></path>
</g>
</g>
</g>
</g>
</g>
</g>
</g>
</svg>
\ No newline at end of file
<?xml version="1.0" encoding="UTF-8"?>
<svg width="22px" height="20px" viewBox="0 0 22 20" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<!-- Generator: Sketch 47 (45396) - http://www.bohemiancoding.com/sketch -->
<title>24x24/uploads--dark</title>
<desc>Created with Sketch.</desc>
<defs></defs>
<g id="homepage" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g transform="translate(-911.000000, -2040.000000)" id="enterprise-features">
<g transform="translate(0.000000, 1514.000000)">
<g id="Group-17" transform="translate(728.000000, 120.000000)">
<g id="Group-33" transform="translate(182.000000, 404.000000)">
<g id="24x24/uploads--dark">
<g>
<g id="Group-7" transform="translate(12.000000, 12.000000) rotate(-180.000000) translate(-12.000000, -12.000000) translate(2.000000, 3.000000)" stroke-width="1.5" stroke="#414852">
<polyline id="Rectangle" transform="translate(10.000000, 6.000000) rotate(-315.000000) translate(-10.000000, -6.000000) " points="13 3 13 9 7 9"></polyline>
<path d="M10,8.5 L10,0.5" id="Line" stroke-linecap="square"></path>
<path d="M16.8754883,18 C19.0846273,18 20,16.209139 20,14 C20,11.790861 18.209139,10 16,10 C16,8.34314575 14.6568542,7 13,7 C12.2524033,7 11.5686759,7.27345718 11.0433869,7.72580245 C10.2196198,6.6751084 8.9386499,6 7.5,6 C5.01471863,6 3,8.01471863 3,10.5 C3,11.0259531 3.09023133,11.5308316 3.25605856,12 L3,12 C1.34314575,12 0,13.3431458 0,15 C0,16.6568542 1.34314575,18 3,18" id="Combined-Shape" transform="translate(10.000000, 12.000000) rotate(-180.000000) translate(-10.000000, -12.000000) "></path>
</g>
<rect id="Rectangle-3" x="0" y="0" width="24" height="24"></rect>
</g>
</g>
</g>
</g>
</g>
</g>
</g>
</svg>
\ No newline at end of file
<?xml version="1.0" encoding="UTF-8"?>
<svg width="18px" height="18px" viewBox="0 0 18 18" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<!-- Generator: Sketch 47 (45396) - http://www.bohemiancoding.com/sketch -->
<title>24x24/guest--dark</title>
<desc>Created with Sketch.</desc>
<defs></defs>
<g id="homepage" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g transform="translate(-913.000000, -1969.000000)" id="enterprise-features">
<g transform="translate(0.000000, 1514.000000)">
<g id="Group-17" transform="translate(728.000000, 120.000000)">
<g id="Group-33" transform="translate(182.000000, 332.000000)">
<g id="24x24/guest--dark">
<g>
<rect id="Rectangle" x="0" y="0" width="24" height="24"></rect>
<rect id="Rectangle-2" stroke="#414852" stroke-width="1.5" x="3.75" y="3.75" width="16.5" height="16.5" rx="2"></rect>
<path d="M6.00221744,20 C6.00221744,16.25 10.5005544,17 10.5005544,15.5 C10.5005544,15.5 10.5868711,14.5040604 10.0910892,14 C9.47346184,13.3752056 9.00110872,12.6242265 9.00110872,11.375 C9.00110872,9.51103897 10.3437581,8 12,8 C13.6562419,8 14.9988913,9.51103897 14.9988913,11.375 C14.9988913,12.6066322 14.5388905,13.3741583 13.8940366,14 C13.4228853,14.4914199 13.4994456,15.5 13.4994456,15.5 C13.4994456,17 17.9977826,16.25 17.9977826,20" id="Combined-Shape" stroke="#414852" stroke-width="1.5"></path>
</g>
</g>
</g>
</g>
</g>
</g>
</g>
</svg>
\ No newline at end of file
<?xml version="1.0" encoding="UTF-8"?>
<svg width="23px" height="22px" viewBox="0 0 23 22" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<!-- Generator: Sketch 47 (45396) - http://www.bohemiancoding.com/sketch -->
<title>24x24/message--dark</title>
<desc>Created with Sketch.</desc>
<defs></defs>
<g id="homepage" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g transform="translate(-911.000000, -2003.000000)" id="enterprise-features">
<g transform="translate(0.000000, 1514.000000)">
<g id="Group-17" transform="translate(728.000000, 120.000000)">
<g id="Group-33" transform="translate(182.000000, 368.000000)">
<g id="24x24/message--dark">
<g>
<rect id="Rectangle" x="0" y="0" width="24" height="24"></rect>
<path d="M13.2,21.6 C14.6622416,21.6 21.6,21.7523392 22.8,19.2 C23.4070751,17.908782 19.3303856,17.9083227 20.4,15.6 C20.8693441,14.4681291 21.6,13.3016176 21.6,12 C21.6,6.6980664 17.3019336,2.4 12,2.4 C6.6980664,2.4 2.4,6.6980664 2.4,12 C2.4,17.3019336 6.6980664,21.6 13.2,21.6 Z" id="Oval-3" stroke="#414852" stroke-width="1.5"></path>
<path d="M7.8,10.2 L15.099315,10.2" id="Line" stroke="#414852" stroke-width="1.5"></path>
<path d="M7.8,13.8 L16.299315,13.8" id="Line" stroke="#414852" stroke-width="1.5"></path>
</g>
</g>
</g>
</g>
</g>
</g>
</g>
</svg>
\ No newline at end of file
<?xml version="1.0" encoding="UTF-8"?>
<svg width="19px" height="19px" viewBox="0 0 19 19" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<!-- Generator: Sketch 47 (45396) - http://www.bohemiancoding.com/sketch -->
<title>24x24/magnifier--dark</title>
<desc>Created with Sketch.</desc>
<defs></defs>
<g id="homepage" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g transform="translate(-730.000000, -2040.000000)" id="enterprise-features">
<g transform="translate(0.000000, 1514.000000)">
<g id="Group-17" transform="translate(728.000000, 120.000000)">
<g id="Group-33" transform="translate(0.000000, 404.000000)">
<g id="24x24/magnifier--dark">
<g>
<rect id="Rectangle" x="0" y="0" width="24" height="24"></rect>
<circle id="Oval" stroke="#414852" stroke-width="1.5" cx="9.5" cy="9.5" r="6.5"></circle>
<path d="M20,20 L15,15" id="Line" stroke="#414852" stroke-width="1.5" stroke-linecap="square"></path>
</g>
</g>
</g>
</g>
</g>
</g>
</g>
</svg>
\ No newline at end of file
<?xml version="1.0" encoding="UTF-8"?>
<svg width="24px" height="20px" viewBox="0 0 24 20" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<!-- Generator: Sketch 47 (45396) - http://www.bohemiancoding.com/sketch -->
<title>24x24/unlimited_users--dark</title>
<desc>Created with Sketch.</desc>
<defs></defs>
<g id="homepage" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g transform="translate(-728.000000, -1968.000000)" id="enterprise-features">
<g transform="translate(0.000000, 1514.000000)">
<g id="Group-17" transform="translate(728.000000, 120.000000)">
<g id="Group-33" transform="translate(0.000000, 332.000000)">
<g id="24x24/unlimited_users--dark">
<g id="24x24/team--dark">
<g id="24x24/user--dark">
<g id="Rectangle">
<rect x="0" y="0" width="24" height="24"></rect>
</g>
</g>
<path d="M6,20.1064879 C6,16.3232104 10.5,17.0798659 10.5,15.5665549 C10.5,15.5665549 10.5863487,14.5617774 10.0903834,14.0532439 C9.47252775,13.4229051 9,12.6652618 9,11.4049497 C9,9.52444791 10.3431458,8 12,8 C13.6568542,8 15,9.52444791 15,11.4049497 C15,12.6475114 14.5398292,13.4218485 13.8947368,14.0532439 C13.4234114,14.5490247 13.5,15.5665549 13.5,15.5665549 C13.5,17.0798659 18,16.3232104 18,20.1064879 C18,20.1064879 16.8053159,21 12,21 C7.19468411,21 6,20.1064879 6,20.1064879 Z" id="Combined-Shape" stroke="#414852" stroke-width="1.5"></path>
<path d="M5.48594866,15.9674583 C4.91706688,15.9417194 4.41530601,15.9021154 3.97376372,15.8537517 C1.66033036,15.6003533 1,15.1064879 1,15.1064879 C1,11.3232104 5.5,12.0798659 5.5,10.5665549 C5.5,10.5665549 5.58634868,9.5617774 5.09038343,9.05324393 C4.47252775,8.42290511 4,7.66526181 4,6.40494971 C4,4.52444791 5.34314575,3 7,3 C8.65685425,3 10,4.52444791 10,6.40494971" id="Combined-Shape" stroke="#414852" stroke-width="1.5"></path>
<path d="M18.4859487,15.9674583 C17.9170669,15.9417194 17.415306,15.9021154 16.9737637,15.8537517 C14.6603304,15.6003533 14,15.1064879 14,15.1064879 C14,11.3232104 18.5,12.0798659 18.5,10.5665549 C18.5,10.5665549 18.5863487,9.5617774 18.0903834,9.05324393 C17.4725278,8.42290511 17,7.66526181 17,6.40494971 C17,4.52444791 18.3431458,3 20,3 C21.6568542,3 23,4.52444791 23,6.40494971" id="Combined-Shape" stroke="#414852" stroke-width="1.5" transform="translate(18.500000, 9.483729) scale(-1, 1) translate(-18.500000, -9.483729) "></path>
</g>
</g>
</g>
</g>
</g>
</g>
</g>
</svg>
\ No newline at end of file
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 426.88 343.23"><defs><style>.cls-1{isolation:isolate;}.cls-11,.cls-15,.cls-2,.cls-3,.cls-5,.cls-7,.cls-8,.cls-9{fill:none;}.cls-2,.cls-3,.cls-7,.cls-8{stroke:#e1e5e8;}.cls-11,.cls-14,.cls-15,.cls-16,.cls-2,.cls-22,.cls-3,.cls-4,.cls-5,.cls-7,.cls-8,.cls-9{stroke-miterlimit:10;}.cls-11,.cls-2,.cls-3,.cls-7,.cls-8{stroke-width:3px;}.cls-11,.cls-14,.cls-22,.cls-3,.cls-5,.cls-7,.cls-8{stroke-linecap:round;}.cls-3{stroke-dasharray:0 6;}.cls-14,.cls-17,.cls-4{fill:#fff;}.cls-14,.cls-4,.cls-5,.cls-9{stroke:#175cc4;}.cls-14,.cls-15,.cls-16,.cls-4,.cls-5,.cls-9{stroke-width:2px;}.cls-6{fill:#2f343d;}.cls-8{stroke-dasharray:7 10;}.cls-10{fill:#e1e5e8;}.cls-11,.cls-22{stroke:#9ea2a8;}.cls-12,.cls-16{fill:#2de0a5;}.cls-12,.cls-18{mix-blend-mode:multiply;}.cls-13{fill:#ffd21f;}.cls-15,.cls-16{stroke:#2f343d;}.cls-18{fill:#1d74f5;}.cls-19{fill:#f5455c;}.cls-20{fill:#f6c502;}.cls-21{fill:#26d198;}.cls-22{font-size:14.13px;fill:#9ea2a8;stroke-width:0.5px;font-family:Multicolore, Multicolore ;letter-spacing:0.2em;}</style></defs><title>Artboard 1</title><g class="cls-1"><g id="Layer_1" data-name="Layer 1"><circle class="cls-2" cx="221.36" cy="191.52" r="133.6"/><circle class="cls-3" cx="221.36" cy="192.8" r="113.58"/><rect class="cls-4" x="186.38" y="249.49" width="69.95" height="31.79"/><rect class="cls-4" x="105.11" y="92.11" width="232.5" height="157.38" rx="10" ry="10"/><line class="cls-5" x1="176.57" y1="281.29" x2="266.14" y2="281.29"/><circle class="cls-4" cx="221.36" cy="265.39" r="8.64"/><circle class="cls-2" cx="133.39" cy="62.57" r="4.64"/><circle class="cls-2" cx="379.35" cy="135.31" r="4.64"/><circle class="cls-2" cx="342.59" cy="67.21" r="4.64"/><polygon class="cls-6" points="152.84 72.04 152.84 72.04 152.84 72.04 152.84 72.04"/><polygon class="cls-6" points="104.5 125.51 104.5 125.51 104.5 125.51 104.5 125.51"/><line class="cls-7" x1="360.14" y1="97.29" x2="349.78" y2="97.29"/><line class="cls-7" x1="354.96" y1="92.11" x2="354.96" y2="102.47"/><line class="cls-7" x1="243.77" y1="32.89" x2="233.41" y2="32.89"/><line class="cls-7" x1="238.59" y1="27.71" x2="238.59" y2="38.08"/><line class="cls-7" x1="53.12" y1="144.3" x2="42.76" y2="144.3"/><line class="cls-7" x1="47.94" y1="139.12" x2="47.94" y2="149.48"/><line class="cls-8" x1="116.64" y1="62.57" x2="74.64" y2="62.57"/><line class="cls-7" x1="365.05" y1="135.31" x2="342.59" y2="135.31"/><line class="cls-8" x1="327.88" y1="67.21" x2="283.1" y2="67.21"/><line class="cls-8" x1="99.31" y1="102.84" x2="49.96" y2="102.84"/><line class="cls-8" x1="86.92" y1="144.3" x2="57.55" y2="144.3"/><line class="cls-7" x1="187.51" y1="32.89" x2="141.69" y2="32.89"/><line class="cls-8" x1="222.17" y1="32.89" x2="191.62" y2="32.89"/><line class="cls-9" x1="116.65" y1="116.52" x2="326.75" y2="116.52"/><rect class="cls-10" x="179.31" y="128.42" width="138.65" height="21.67" rx="10" ry="10"/><rect class="cls-10" x="124.65" y="129.31" width="46.99" height="20" rx="10" ry="10"/><line class="cls-7" x1="165.46" y1="159.5" x2="131.99" y2="159.5"/><line class="cls-7" x1="316.63" y1="159.5" x2="181.49" y2="159.5"/><line class="cls-7" x1="316.63" y1="166.5" x2="181.49" y2="166.5"/><line class="cls-7" x1="206.21" y1="173.5" x2="181.49" y2="173.5"/><line class="cls-7" x1="165.46" y1="166.5" x2="131.99" y2="166.5"/><line class="cls-7" x1="165.46" y1="173.5" x2="131.99" y2="173.5"/><line class="cls-7" x1="165.46" y1="187.52" x2="131.99" y2="187.52"/><line class="cls-7" x1="165.46" y1="209.13" x2="131.99" y2="209.13"/><line class="cls-7" x1="165.46" y1="194.52" x2="131.99" y2="194.52"/><line class="cls-7" x1="165.46" y1="201.52" x2="131.99" y2="201.52"/><line class="cls-7" x1="206.21" y1="187.52" x2="181.49" y2="187.52"/><line class="cls-7" x1="206.21" y1="209.13" x2="181.49" y2="209.13"/><line class="cls-7" x1="206.21" y1="194.52" x2="181.49" y2="194.52"/><line class="cls-7" x1="206.21" y1="201.52" x2="181.49" y2="201.52"/><line class="cls-11" x1="134.65" y1="143.62" x2="143.2" y2="135.08"/><line class="cls-11" x1="151.94" y1="143.64" x2="143.29" y2="134.99"/><line class="cls-11" x1="147.4" y1="137.73" x2="150.48" y2="134.64"/><line class="cls-11" x1="159.51" y1="143.67" x2="150.67" y2="134.83"/><path class="cls-9" d="M220.41,173.67h91.47a4.75,4.75,0,0,1,4.75,4.75v44.75a.1.1,0,0,1-.1.1H215.82a.17.17,0,0,1-.17-.17V178.42A4.75,4.75,0,0,1,220.41,173.67Z"/><rect class="cls-9" x="115.96" y="102.84" width="210.79" height="120.42" rx="4.75" ry="4.75"/><path class="cls-12" d="M217.16,176.62h91.47a4.75,4.75,0,0,1,4.75,4.75v44.75a.1.1,0,0,1-.1.1H212.57a.17.17,0,0,1-.17-.17V181.37A4.75,4.75,0,0,1,217.16,176.62Z"/><path class="cls-13" d="M236.36,204.12a8.76,8.76,0,0,0-8.56,7,13.5,13.5,0,0,0,17.13,0A8.76,8.76,0,0,0,236.36,204.12Z"/><line class="cls-14" x1="309.15" y1="180.33" x2="305.49" y2="184"/><line class="cls-14" x1="305.49" y1="180.33" x2="309.15" y2="184"/><circle class="cls-15" cx="237.51" cy="199.53" r="10.83"/><path class="cls-6" d="M237.51,200.33a9,9,0,0,0-8.47,5.95,10.89,10.89,0,0,0,1.6,1.63,7,7,0,0,1,13.73,0,10.89,10.89,0,0,0,1.6-1.63A9,9,0,0,0,237.51,200.33Z"/><circle class="cls-16" cx="237.51" cy="197.69" r="4.66"/><path class="cls-17" d="M271.83,188.66H252.22s6.36,1.75,6.36,12h6.49"/><rect class="cls-17" x="258.59" y="188.62" width="48.73" height="23.41" rx="10" ry="10"/><line class="cls-11" x1="299.88" y1="196.84" x2="266.97" y2="196.84"/><line class="cls-11" x1="275.56" y1="203.85" x2="266.97" y2="203.85"/><line class="cls-11" x1="290.55" y1="203.85" x2="281.96" y2="203.85"/><path class="cls-4" d="M294,237.48,289,209l21.71,18.71-5.86,1.16c-2,.4-2,.4-1,2.17l5.94,9.77c.12.19.22.39.3.53l-3.07,2.11-.59-1-5.89-10.06c-.55-.95-.76-1-1.5-.2l-4.51,4.69C294.43,237.07,294.25,237.23,294,237.48Z"/><rect class="cls-18" x="113.96" y="106.25" width="210.79" height="13.68" rx="5" ry="5"/><circle class="cls-19" cx="123.35" cy="110.25" r="2.46"/><circle class="cls-20" cx="131.08" cy="110.25" r="2.46"/><circle class="cls-21" cx="138.82" cy="110.25" r="2.46"/><text class="cls-22" transform="translate(198.71 144.49)">YOUR SITE</text></g></g></svg>
\ No newline at end of file
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 426.88 343.23"><defs><style>.cls-1{isolation:isolate;}.cls-13,.cls-2{fill:#f6c502;}.cls-10,.cls-11,.cls-2,.cls-9{stroke:#175cc4;}.cls-10,.cls-11,.cls-18,.cls-2,.cls-20,.cls-3,.cls-4,.cls-5,.cls-6,.cls-7,.cls-9{stroke-miterlimit:10;}.cls-10,.cls-11,.cls-2,.cls-20,.cls-7,.cls-9{stroke-width:2px;}.cls-11,.cls-18,.cls-3,.cls-4,.cls-5,.cls-6{fill:none;}.cls-3,.cls-4,.cls-5,.cls-6,.cls-7{stroke:#e1e5e8;}.cls-18,.cls-3,.cls-5,.cls-6{stroke-linecap:round;}.cls-18,.cls-3,.cls-4,.cls-5,.cls-6{stroke-width:3px;}.cls-3{stroke-dasharray:0 6;}.cls-6{stroke-dasharray:7 10;}.cls-10,.cls-19,.cls-7{fill:#fff;}.cls-8{fill:#e1e5e8;}.cls-9{fill:#ffd21f;}.cls-12,.cls-17{fill:#f5455c;}.cls-14{fill:#26d198;}.cls-15{fill:#2de0a5;}.cls-15,.cls-16,.cls-17{mix-blend-mode:multiply;}.cls-16{fill:#1d74f5;}.cls-18,.cls-20{stroke:#fff;}.cls-20{fill:#e0364d;}</style></defs><title>Artboard 1</title><g class="cls-1"><g id="Layer_1" data-name="Layer 1"><path class="cls-2" d="M109.17,228.07h5.5s10.83-13.17,17.17-12.67h9.67v38.68H109.17Z"/><circle class="cls-3" cx="224.42" cy="191.06" r="76.33"/><circle class="cls-3" cx="224.69" cy="192.17" r="117.4"/><circle class="cls-4" cx="224.32" cy="194.25" r="133.6"/><line class="cls-5" x1="233.61" y1="30.45" x2="223.24" y2="30.45"/><line class="cls-5" x1="228.42" y1="25.26" x2="228.42" y2="35.63"/><line class="cls-5" x1="392.92" y1="100.87" x2="382.56" y2="100.87"/><line class="cls-5" x1="387.74" y1="95.68" x2="387.74" y2="106.05"/><line class="cls-6" x1="214.55" y1="30.45" x2="140.89" y2="30.45"/><circle class="cls-4" cx="359.9" cy="49.65" r="4.64"/><circle class="cls-4" cx="90.72" cy="106.05" r="4.64"/><line class="cls-5" x1="291.65" y1="49.65" x2="268.06" y2="49.65"/><line class="cls-6" x1="343.15" y1="49.65" x2="301.15" y2="49.65"/><line class="cls-5" x1="328.3" y1="83.73" x2="317.94" y2="83.73"/><line class="cls-5" x1="323.12" y1="78.55" x2="323.12" y2="88.91"/><line class="cls-6" x1="362.1" y1="83.73" x2="332.73" y2="83.73"/><line class="cls-6" x1="75.9" y1="105.05" x2="46.53" y2="105.05"/><line class="cls-5" x1="136.89" y1="74.77" x2="126.53" y2="74.77"/><line class="cls-5" x1="131.71" y1="69.59" x2="131.71" y2="79.95"/><line class="cls-5" x1="117.2" y1="74.77" x2="71.38" y2="74.77"/><line class="cls-6" x1="61.9" y1="74.77" x2="31.35" y2="74.77"/><circle class="cls-7" cx="167.65" cy="112.74" r="10.07"/><path class="cls-8" d="M167.65,113.48a8.39,8.39,0,0,0-7.87,5.53,10.13,10.13,0,0,0,1.49,1.52,6.52,6.52,0,0,1,12.77,0,10.13,10.13,0,0,0,1.49-1.52A8.39,8.39,0,0,0,167.65,113.48Z"/><circle class="cls-7" cx="167.65" cy="111.02" r="4.33"/><circle class="cls-7" cx="223.17" cy="95.68" r="10.07"/><path class="cls-8" d="M223.17,96.43A8.39,8.39,0,0,0,215.3,102a10.13,10.13,0,0,0,1.49,1.52,6.52,6.52,0,0,1,12.77,0A10.13,10.13,0,0,0,231,102,8.39,8.39,0,0,0,223.17,96.43Z"/><circle class="cls-7" cx="223.17" cy="93.97" r="4.33"/><circle class="cls-7" cx="276.25" cy="111.02" r="10.07"/><path class="cls-8" d="M276.25,111.76a8.39,8.39,0,0,0-7.87,5.53,10.13,10.13,0,0,0,1.49,1.52,6.52,6.52,0,0,1,12.77,0,10.13,10.13,0,0,0,1.49-1.52A8.39,8.39,0,0,0,276.25,111.76Z"/><circle class="cls-7" cx="276.25" cy="109.31" r="4.33"/><circle class="cls-7" cx="278.45" cy="273.17" r="10.07"/><path class="cls-8" d="M278.45,273.92a8.39,8.39,0,0,0-7.87,5.53,10.13,10.13,0,0,0,1.49,1.52,6.52,6.52,0,0,1,12.77,0,10.13,10.13,0,0,0,1.49-1.52A8.39,8.39,0,0,0,278.45,273.92Z"/><circle class="cls-7" cx="278.45" cy="271.46" r="4.33"/><circle class="cls-7" cx="223.17" cy="288.58" r="10.07"/><path class="cls-8" d="M223.17,289.32a8.39,8.39,0,0,0-7.87,5.53,10.13,10.13,0,0,0,1.49,1.52,6.52,6.52,0,0,1,12.77,0,10.13,10.13,0,0,0,1.49-1.52A8.39,8.39,0,0,0,223.17,289.32Z"/><circle class="cls-7" cx="223.17" cy="286.86" r="4.33"/><circle class="cls-7" cx="173.39" cy="271.46" r="10.07"/><path class="cls-8" d="M173.39,272.2a8.39,8.39,0,0,0-7.87,5.53,10.13,10.13,0,0,0,1.49,1.52,6.52,6.52,0,0,1,12.77,0,10.13,10.13,0,0,0,1.49-1.52A8.39,8.39,0,0,0,173.39,272.2Z"/><circle class="cls-7" cx="173.39" cy="269.74" r="4.33"/><path class="cls-9" d="M350.75,125.38s-18.37,1.15-30.75-1.88c0,0-9.5-4.62-12.37-.72s-6.87,8.66-6.87,8.66l-3.25,5.49-.87,4.91,7.5,5.34,16.13,1,13.24,7.2,10.26,2.45,5.63,1h1.38Z"/><rect class="cls-10" x="128.67" y="135.74" width="189" height="117.33" rx="10" ry="10"/><line class="cls-11" x1="128.67" y1="149.38" x2="317.67" y2="149.38"/><circle class="cls-12" cx="138.66" cy="142.97" r="2.23"/><circle class="cls-13" cx="145.7" cy="142.97" r="2.23"/><circle class="cls-14" cx="152.73" cy="142.97" r="2.23"/><path class="cls-9" d="M109.5,245.9c20.5-11.67,32,4.17,32,4.17l7.17-2.67c0-12.5,10.17-9.33,10.17-9.33v15.17l-14.67,6.5H108.33Z"/><rect class="cls-10" x="101.33" y="222.57" width="10.33" height="40.53" rx="2.92" ry="2.92"/><path class="cls-10" d="M103.42,218.74H66.91a158.06,158.06,0,0,0,17.25,48.2h19.26a2.93,2.93,0,0,0,2.92-2.92V221.65A2.93,2.93,0,0,0,103.42,218.74Z"/><path class="cls-15" d="M100.92,221.32H64.41a158.06,158.06,0,0,0,17.25,48.2h19.26a2.93,2.93,0,0,0,2.92-2.92V224.24A2.93,2.93,0,0,0,100.92,221.32Z"/><path class="cls-9" d="M350,158.83H330.89l-.68,0a19.43,19.43,0,0,1-12.46-3.8H292.5s-6.62.1-6.62-5,5.25-5.48,5.25-5.48H322.5"/><rect class="cls-10" x="348.16" y="121.23" width="10.33" height="40.53" rx="2.92" ry="2.92" transform="translate(706.66 282.99) rotate(180)"/><path class="cls-10" d="M356.41,165.6h36.51a158.06,158.06,0,0,0-17.25-48.2H356.41a2.93,2.93,0,0,0-2.92,2.92v42.37A2.93,2.93,0,0,0,356.41,165.6Z"/><path class="cls-16" d="M360.39,168.68H396.9a158.06,158.06,0,0,0-17.25-48.2H360.39a2.93,2.93,0,0,0-2.92,2.92v42.37A2.93,2.93,0,0,0,360.39,168.68Z"/><rect class="cls-8" x="246.18" y="161.76" width="20" height="20" rx="5.24" ry="5.24"/><line class="cls-5" x1="306.74" y1="164.32" x2="273.28" y2="164.32"/><line class="cls-5" x1="306.74" y1="171.32" x2="273.28" y2="171.32"/><line class="cls-5" x1="306.74" y1="178.32" x2="273.28" y2="178.32"/><rect class="cls-10" x="141.5" y="161.76" width="90" height="57.57" rx="5.24" ry="5.24"/><rect class="cls-17" x="138.42" y="166" width="90" height="57.57" rx="5.24" ry="5.24"/><line class="cls-5" x1="231.5" y1="229.57" x2="142.1" y2="229.57"/><line class="cls-18" x1="150.35" y1="211.94" x2="220" y2="211.94"/><line class="cls-5" x1="231.5" y1="236.57" x2="197.6" y2="236.57"/><rect class="cls-8" x="246.18" y="191.01" width="20" height="20" rx="5.24" ry="5.24"/><line class="cls-5" x1="306.74" y1="193.57" x2="273.28" y2="193.57"/><line class="cls-5" x1="306.74" y1="200.57" x2="273.28" y2="200.57"/><line class="cls-5" x1="306.74" y1="207.57" x2="273.28" y2="207.57"/><rect class="cls-8" x="246.18" y="221.32" width="20" height="20" rx="5.24" ry="5.24"/><line class="cls-5" x1="306.74" y1="223.88" x2="273.28" y2="223.88"/><line class="cls-5" x1="306.74" y1="230.88" x2="273.28" y2="230.88"/><line class="cls-5" x1="306.74" y1="237.88" x2="273.28" y2="237.88"/><path class="cls-19" d="M191.72,189.13l-11.41-6.59a1.11,1.11,0,0,0-1.67,1v13.18a1.11,1.11,0,0,0,1.67,1l11.41-6.59A1.11,1.11,0,0,0,191.72,189.13Z"/><path class="cls-19" d="M259.36,171,254.25,168a.73.73,0,0,0-1.09.63v5.9a.73.73,0,0,0,1.09.63l5.11-2.95A.73.73,0,0,0,259.36,171Z"/><path class="cls-19" d="M259.36,200.38l-5.11-2.95a.73.73,0,0,0-1.09.63V204a.73.73,0,0,0,1.09.63l5.11-2.95A.73.73,0,0,0,259.36,200.38Z"/><path class="cls-19" d="M259.36,230.69l-5.11-2.95a.73.73,0,0,0-1.09.63v5.9a.73.73,0,0,0,1.09.63l5.11-2.95A.73.73,0,0,0,259.36,230.69Z"/><circle class="cls-20" cx="163.32" cy="211.94" r="2.2"/></g></g></svg>
\ No newline at end of file
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 426.88 343.23"><defs><style>.cls-1{isolation:isolate;}.cls-11,.cls-13,.cls-14,.cls-2,.cls-3,.cls-4,.cls-5,.cls-6,.cls-7{fill:none;}.cls-2{stroke:#9ea2a8;}.cls-11,.cls-2,.cls-3,.cls-5,.cls-6,.cls-7{stroke-linecap:round;}.cls-10,.cls-11,.cls-13,.cls-14,.cls-16,.cls-2,.cls-3,.cls-4,.cls-5,.cls-6,.cls-7,.cls-8{stroke-miterlimit:10;}.cls-10,.cls-11,.cls-13,.cls-2,.cls-4,.cls-5,.cls-6,.cls-7{stroke-width:3px;}.cls-14,.cls-16,.cls-3,.cls-4,.cls-5,.cls-7{stroke:#e1e5e8;}.cls-14,.cls-16,.cls-3,.cls-8{stroke-width:2px;}.cls-6{stroke:#f5455c;}.cls-7{stroke-dasharray:7 10;}.cls-10,.cls-16,.cls-8{fill:#fff;}.cls-10,.cls-13,.cls-8{stroke:#175cc4;}.cls-9{fill:#175cc4;}.cls-11{stroke:#2de0a5;}.cls-12{fill:#1d74f5;}.cls-12,.cls-17,.cls-18,.cls-19{mix-blend-mode:multiply;}.cls-15{fill:#e1e5e8;}.cls-17{fill:#f5455c;}.cls-18{fill:#ffd21f;}.cls-19{fill:#2de0a5;}</style></defs><title>Artboard 1</title><g class="cls-1"><g id="Layer_1" data-name="Layer 1"><line class="cls-2" x1="220.96" y1="87.48" x2="164.54" y2="87.48"/><line class="cls-2" x1="157.21" y1="87.48" x2="153.65" y2="87.48"/><line class="cls-2" x1="220.96" y1="104.27" x2="164.54" y2="104.27"/><line class="cls-2" x1="157.21" y1="104.27" x2="153.65" y2="104.27"/><line class="cls-2" x1="220.96" y1="120.99" x2="164.54" y2="120.99"/><line class="cls-2" x1="157.21" y1="120.99" x2="153.65" y2="120.99"/><line class="cls-2" x1="185.56" y1="222.71" x2="129.15" y2="222.71"/><line class="cls-2" x1="121.81" y1="222.71" x2="118.25" y2="222.71"/><line class="cls-2" x1="185.56" y1="239.5" x2="129.15" y2="239.5"/><line class="cls-2" x1="121.81" y1="239.5" x2="118.25" y2="239.5"/><line class="cls-2" x1="185.56" y1="256.22" x2="129.15" y2="256.22"/><line class="cls-2" x1="121.81" y1="256.22" x2="118.25" y2="256.22"/><line class="cls-3" x1="154.95" y1="167.24" x2="124.2" y2="167.24"/><line class="cls-3" x1="154.95" y1="174.62" x2="124.2" y2="174.62"/><line class="cls-3" x1="157.21" y1="182" x2="124.2" y2="182"/><circle class="cls-4" cx="211.72" cy="188.57" r="133.6"/><circle class="cls-4" cx="123.75" cy="59.62" r="4.64"/><circle class="cls-4" cx="405.65" cy="132.36" r="4.64"/><circle class="cls-4" cx="332.95" cy="64.26" r="4.64"/><line class="cls-5" x1="55.5" y1="59.62" x2="31.91" y2="59.62"/><line class="cls-5" x1="56.95" y1="107.68" x2="46.59" y2="107.68"/><line class="cls-5" x1="51.77" y1="102.5" x2="51.77" y2="112.86"/><line class="cls-5" x1="250.02" y1="29.94" x2="239.65" y2="29.94"/><line class="cls-5" x1="244.83" y1="24.76" x2="244.83" y2="35.13"/><line class="cls-6" x1="239.16" y1="100.61" x2="231.84" y2="107.93"/><line class="cls-6" x1="231.84" y1="100.61" x2="239.16" y2="107.93"/><line class="cls-6" x1="239.16" y1="117.32" x2="231.84" y2="124.65"/><line class="cls-6" x1="231.84" y1="117.32" x2="239.16" y2="124.65"/><line class="cls-5" x1="27.48" y1="141.35" x2="17.12" y2="141.35"/><line class="cls-5" x1="22.3" y1="136.17" x2="22.3" y2="146.53"/><line class="cls-7" x1="107" y1="59.62" x2="65" y2="59.62"/><line class="cls-5" x1="355.41" y1="132.36" x2="332.95" y2="132.36"/><line class="cls-7" x1="390.46" y1="132.36" x2="359.91" y2="132.36"/><line class="cls-7" x1="318.24" y1="64.26" x2="273.46" y2="64.26"/><line class="cls-7" x1="359.91" y1="98.31" x2="310.56" y2="98.31"/><line class="cls-7" x1="61.28" y1="141.35" x2="31.91" y2="141.35"/><line class="cls-5" x1="230.32" y1="29.94" x2="184.51" y2="29.94"/><line class="cls-7" x1="175.02" y1="29.94" x2="144.47" y2="29.94"/><circle class="cls-8" cx="123.75" cy="104.27" r="18.42"/><path class="cls-9" d="M123.75,106a15,15,0,0,0-14,9.67,18.25,18.25,0,0,0,2.07,2.16,12.3,12.3,0,0,1,23.8,0,18.32,18.32,0,0,0,2.07-2.16A15,15,0,0,0,123.75,106Z"/><circle class="cls-10" cx="123.75" cy="101.13" r="7.92"/><line class="cls-11" x1="231.65" y1="85.79" x2="235.31" y2="89.46"/><line class="cls-11" x1="243.15" y1="82.13" x2="235.63" y2="89.65"/><line class="cls-6" x1="204.16" y1="253.33" x2="196.83" y2="260.66"/><line class="cls-6" x1="196.83" y1="253.33" x2="204.16" y2="260.66"/><circle class="cls-10" cx="88.75" cy="240.28" r="18.42"/><path class="cls-9" d="M88.75,241.89a15.13,15.13,0,0,0-14.11,9.81,18.39,18.39,0,0,0,2.28,2.36,12.18,12.18,0,0,1,23.65,0,18.4,18.4,0,0,0,2.28-2.36A15.13,15.13,0,0,0,88.75,241.89Z"/><circle class="cls-10" cx="88.75" cy="237.14" r="7.92"/><path class="cls-12" d="M86.78,248.48A14.9,14.9,0,0,0,72.23,260.3a23,23,0,0,0,29.11,0A14.9,14.9,0,0,0,86.78,248.48Z"/><line class="cls-11" x1="196.64" y1="221.8" x2="200.31" y2="225.47"/><line class="cls-11" x1="208.14" y1="218.14" x2="200.62" y2="225.66"/><line class="cls-11" x1="196.64" y1="238.47" x2="200.31" y2="242.13"/><line class="cls-11" x1="208.14" y1="234.8" x2="200.62" y2="242.32"/><path class="cls-9" d="M176.86,171.91a17.92,17.92,0,0,0-16.7,11.58,21.89,21.89,0,0,0,2.58,2.68,14.57,14.57,0,0,1,28.23,0,21.79,21.79,0,0,0,2.58-2.69A17.93,17.93,0,0,0,176.86,171.91Z"/><line class="cls-11" x1="305.24" y1="147.94" x2="309.6" y2="152.3"/><line class="cls-11" x1="318.92" y1="143.58" x2="309.97" y2="152.52"/><line class="cls-11" x1="305.24" y1="168.33" x2="309.6" y2="172.69"/><line class="cls-11" x1="318.92" y1="163.96" x2="309.97" y2="172.91"/><line class="cls-11" x1="305.24" y1="188.46" x2="309.6" y2="192.82"/><line class="cls-11" x1="318.92" y1="184.1" x2="309.97" y2="193.04"/><circle class="cls-13" cx="176.86" cy="169.92" r="21.91"/><circle class="cls-10" cx="176.86" cy="166.19" r="9.43"/><line class="cls-6" x1="333.2" y1="296.54" x2="324.49" y2="305.26"/><line class="cls-6" x1="324.49" y1="296.54" x2="333.2" y2="305.26"/><line class="cls-6" x1="333.2" y1="276.57" x2="324.49" y2="285.28"/><line class="cls-6" x1="324.49" y1="276.57" x2="333.2" y2="285.28"/><path class="cls-9" d="M195.88,302.89a17.92,17.92,0,0,0-16.7,11.58,21.89,21.89,0,0,0,2.58,2.68,14.57,14.57,0,0,1,28.23,0,21.79,21.79,0,0,0,2.58-2.69A17.93,17.93,0,0,0,195.88,302.89Z"/><line class="cls-11" x1="324.26" y1="318.49" x2="328.62" y2="322.84"/><line class="cls-11" x1="337.94" y1="314.12" x2="328.99" y2="323.07"/><line class="cls-3" x1="311.82" y1="236.07" x2="307.67" y2="240.22"/><line class="cls-3" x1="307.67" y1="236.07" x2="311.82" y2="240.22"/><line class="cls-3" x1="311.82" y1="226.54" x2="307.67" y2="230.7"/><line class="cls-3" x1="307.67" y1="226.54" x2="311.82" y2="230.7"/><line class="cls-3" x1="307.56" y1="246.53" x2="309.64" y2="248.61"/><line class="cls-3" x1="314.08" y1="244.45" x2="309.82" y2="248.72"/><circle class="cls-13" cx="195.88" cy="300.9" r="21.91"/><circle class="cls-10" cx="195.88" cy="297.17" r="9.43"/><circle class="cls-14" cx="105.33" cy="174.62" r="10.83"/><path class="cls-15" d="M105.33,175.42a9,9,0,0,0-8.47,5.95,10.89,10.89,0,0,0,1.6,1.63,7,7,0,0,1,13.73,0,10.89,10.89,0,0,0,1.6-1.63A9,9,0,0,0,105.33,175.42Z"/><circle class="cls-16" cx="105.33" cy="172.78" r="4.66"/><line class="cls-3" x1="302.51" y1="228.77" x2="263.34" y2="228.77"/><line class="cls-3" x1="302.51" y1="237.54" x2="263.34" y2="237.54"/><line class="cls-3" x1="302.51" y1="246.3" x2="263.34" y2="246.3"/><circle class="cls-14" cx="240.94" cy="237.54" r="12.86"/><path class="cls-15" d="M240.94,238.49a10.71,10.71,0,0,0-10.05,7.06,12.93,12.93,0,0,0,1.9,1.94,8.33,8.33,0,0,1,16.3,0,12.93,12.93,0,0,0,1.9-1.94A10.71,10.71,0,0,0,240.94,238.49Z"/><circle class="cls-16" cx="240.94" cy="235.35" r="5.53"/><line class="cls-3" x1="318.08" y1="107.72" x2="295.33" y2="107.72"/><line class="cls-3" x1="323.32" y1="115.1" x2="295.33" y2="115.1"/><line class="cls-3" x1="326.08" y1="122.48" x2="295.33" y2="122.48"/><circle class="cls-14" cx="276.46" cy="115.1" r="10.83"/><path class="cls-15" d="M276.46,115.9a9,9,0,0,0-8.47,5.95,10.89,10.89,0,0,0,1.6,1.63,7,7,0,0,1,13.73,0,10.89,10.89,0,0,0,1.6-1.63A9,9,0,0,0,276.46,115.9Z"/><circle class="cls-16" cx="276.46" cy="113.26" r="4.66"/><line class="cls-2" x1="313.03" y1="278.15" x2="243.56" y2="278.15"/><line class="cls-2" x1="234.53" y1="278.15" x2="230.14" y2="278.15"/><line class="cls-2" x1="313.03" y1="298.82" x2="243.56" y2="298.82"/><line class="cls-2" x1="234.53" y1="298.82" x2="230.14" y2="298.82"/><line class="cls-2" x1="313.03" y1="319.4" x2="243.56" y2="319.4"/><line class="cls-2" x1="234.53" y1="319.4" x2="230.14" y2="319.4"/><line class="cls-2" x1="295.19" y1="149.29" x2="225.73" y2="149.29"/><line class="cls-2" x1="216.69" y1="149.29" x2="212.31" y2="149.29"/><line class="cls-2" x1="295.19" y1="169.96" x2="225.73" y2="169.96"/><line class="cls-2" x1="216.69" y1="169.96" x2="212.31" y2="169.96"/><line class="cls-2" x1="295.19" y1="190.55" x2="225.73" y2="190.55"/><line class="cls-2" x1="216.69" y1="190.55" x2="212.31" y2="190.55"/><path class="cls-17" d="M174.53,179.68a17.73,17.73,0,0,0-17.32,14.07,27.31,27.31,0,0,0,34.64,0A17.73,17.73,0,0,0,174.53,179.68Z"/><path class="cls-18" d="M121.78,110.47a14.9,14.9,0,0,0-14.56,11.82,23,23,0,0,0,29.11,0A14.9,14.9,0,0,0,121.78,110.47Z"/><path class="cls-19" d="M193.54,309.66a17.73,17.73,0,0,0-17.32,14.07,27.31,27.31,0,0,0,34.64,0A17.73,17.73,0,0,0,193.54,309.66Z"/></g></g></svg>
\ No newline at end of file
......@@ -13,6 +13,44 @@ redirect_from:
- /mobile/
---
<section class="container home-hero">
<div class="home-hero_wrap">
<h1 class="display--big type--dark">Open Source Communication</h1>
<p class="display--small type--grey">Host and run Rocket.Chat on our scalable & secure cloud without the burden of infrastructure.</p>
<a class="button">Start Free Trial</a>
</div>
<img
class="home-hero_image"
srcset="/images/index/devices.png, /images/index/devices@2x.png 2x, /images/index/devices@3x.png 3x"
src="/images/index/devices.png" alt="Rocket Chat apps"
/>
</section>
<div class="container">
<section class="home-community">
<div class="home-community_wrap">
<p class="label type--grey">Open source</p>
<h1 class="display--big type--dark">Join Community</h1>
<p class="display--small type--grey">With {{site.stars}}k stars on GitHub and 850+ contributors accross our platforms, we are the largest and most active open source team chat solution.</p>
<br />
<a class="home-community_github" target="_blank" href="https://github.com/RocketChat/Rocket.Chat">
<span><img src="/images/default/star.svg" alt="GitHub Stars">Star</span>
<span>{{site.stars}}K</span>
</a>
<a class="home-community_github" target="_blank" href="https://github.com/RocketChat/Rocket.Chat/fork">
<span><img src="/images/default/fork.svg" alt="GitHub forks">Fork</span>
<span>{{site.forks}}K</span>
</a>
<a class="home-community_github-link" target="_blank" href="https://github.com/RocketChat/Rocket.Chat">
<span><img src="/images/default/github.svg" alt="GitHub"></span>
Open on GitHub
</a>
</div>
</section>
</div>
<section class="hero">
<div class="wrapper">
<h1>Open Source Communication</h1>
......
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