Commit 99baf560 authored by Danilo Woznica's avatar Danilo Woznica

feat(Homepage): Add list after community list

parent 4ed7d7a6
......@@ -150,3 +150,50 @@ body.index {
}
}
}
.home-community_list {
position: relative;
padding: 2em $gutter 0;
@media screen and (min-width: $tablet) {
display: flex;
justify-content: space-around;
padding: 4em 0;
}
&:after {
content: "";
display: block;
width: 100%;
height: 1.5px;
background-image: linear-gradient(
-90deg,
#030c1a 0%,
#121f33 28%,
#121f33 74%,
#030c1a 100%
);
position: absolute;
bottom: 0;
}
}
.home-community_item {
display: flex;
align-items: center;
padding-bottom: 2em;
@media screen and (min-width: $tablet) {
max-width: 21em;
padding: 0;
}
img {
max-width: 4em;
margin-right: 1em;
}
p {
margin: 0;
}
}
......@@ -32,7 +32,7 @@ redirect_from:
<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>
<h2 class="display--big type--dark">Join Community</h2>
<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">
......@@ -49,8 +49,31 @@ redirect_from:
</a>
</div>
</section>
<div class="home-community_list">
<div class="home-community_item">
<div><img src="/images/index/devices.png" /></div>
<div>
<h3 class="type--dark"><strong>Blockchain</strong></h3>
<p class="type--grey">Something will say here about blockchain and what it is.</p>
</div>
</div>
<div class="home-community_item">
<div><img src="/images/index/devices.png" /></div>
<div>
<h3 class="type--dark"><strong>Blockchain</strong></h3>
<p class="type--grey">Something will say here about blockchain and what it is.</p>
</div>
</div>
</div>
</div>
{% comment %}
Old code
{% endcomment %}
<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