Commit 9652e32d authored by Isabella Russell's avatar Isabella Russell Committed by GitHub

Merge pull request #527 from RocketChat/Makeconcessiondiscountmorevisible

[NEW] Add concession card on pricing page
parents 4a8ab997 12d46cee
......@@ -6,7 +6,7 @@ paginate_path: /blog/page/:num/
paginate: 8
# bump if alterting styles
version: 60
version: 62
# read speed
wpm: 160
......
......@@ -22,6 +22,30 @@
}
.pricing {
&-concession{
background-image: url("/images/press/hero@2x.jpg");
background-size: auto 100%;
background-color: #040b1b;
.wrap {
padding: 3em 5em;
@media screen and (max-width: $tablet) {
padding: 48px 32px;
width: 100%;
max-width: 100%;
.button {
width: 100%;
}
}
}
@media screen and (max-width: $tablet) {
background-image: none;
padding: 16px;
}
}
section.container {
margin: 2em auto;
}
......
......@@ -27,5 +27,5 @@ $tranitions: 0.3s ease;
$gutter: 1em; // 32px;
$gutter-larger: 2em; // 16px;
$container: 74em; // 1184px;
$tablet: 48.1em; // 768px;
$tablet: 1000px;
$mobile: 415px;
......@@ -174,6 +174,19 @@ redirect_from:
<div class="space--8"></div>
<section class="container">
<div class="card theme_box--dark-strong partner-box pricing-concession">
<div class="wrap">
<p class="label theme_type--grey">Get Discounts</p>
<h2 class="display theme_type--dark">We offer special rates to people who do good things around the world</h2>
<p class="theme_type--grey">For more information and to check whether your organization is eligible for a concessionary rate:</p>
<a class="button" href="/concession">Visit our concessions page</a>
</div>
</div>
</section>
<div class="space--8"></div>
<section class="container">
<div class="flex-grid grid--justify-around align--center">
<div class="col--haft">
......
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