Skip to content
This repository was archived by the owner on Sep 11, 2025. It is now read-only.

Update pricing page 2 #70

Merged
dadlerj merged 18 commits into from
Jan 15, 2019
Merged

Update pricing page 2 #70

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
18 commits
Select commit Hold shift + click to select a range
ccc417b
Update pricing page
Dec 5, 2018
5c146b9
Prettier
Dec 5, 2018
790a48e
Update SSO line
Dec 5, 2018
2427187
Update copy
Dec 7, 2018
69f6638
Change HA copy and clean design on mobile:
Dec 7, 2018
34e4347
Update padding on mobile btn
Dec 7, 2018
0c072f8
Add 'self-hosted or cloud managed'; tweak wording; add links
dadlerj Jan 3, 2019
f863aaa
Prettier
dadlerj Jan 3, 2019
ae6635a
link to correct contact page
dadlerj Jan 3, 2019
a33626c
Update contact/sales page bullets
dadlerj Jan 3, 2019
3e6a6ba
Merge branch 'master' into da/update-pricing
Jan 7, 2019
eb98dcb
Update stlye with sticky header for list
Jan 7, 2019
04d19a2
Update pricing page
dadlerj Jan 15, 2019
d2b27cc
Prettier
dadlerj Jan 15, 2019
6deb0c0
Add link to ACLs docs
dadlerj Jan 15, 2019
0102bad
Update contact buttons
Jan 15, 2019
fc5c311
view our code -> build from source
dadlerj Jan 15, 2019
e6e1866
Update user count
dadlerj Jan 15, 2019
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
93 changes: 46 additions & 47 deletions website/src/css/pages/_pricing.scss
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -66,6 +66,10 @@
transition: all 300ms ease;
box-shadow: 0px 0px 4px 1px rgba(13, 69, 255, 0.4);
}
@media screen and (max-width: $media-md) {
margin-bottom: 1rem;
width: 100%;
}
}
.btn-github {
margin-left: 1.5rem;
Expand All @@ -80,10 +84,10 @@
transition: all 300ms ease;
box-shadow: 0px 0px 4px 1px rgba(178, 0, 248, 0.4);
}
@media screen and (max-width: $media-md) {
margin-left: 0rem;
margin-top: 1rem;
}
@media screen and (max-width: $media-md) {
margin-left: 0;
width: 100%;
}
}
.hero-image {
width: 100%;
Expand All @@ -98,53 +102,27 @@
display: inline-block;
padding: 0 0;
.pricing-section {
padding-top: 15vh;
padding-top: calc(15vh - 20px);
.row {
justify-content: space-evenly;
}
}

.pricing-card-col {

&:nth-child(2) {
transform: translateX(-100%);
animation: slide1 650ms ease-in-out 750ms forwards;
@keyframes slide1 {
from {
transform: matrix3d(0.87, 0, 0.7, 0, 0, 1, 0, 0, -0.5, 0, 0.87, 0, -100%, 0, 0, 1);
}
to {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
}
}

}
&:nth-child(3) {
transform: translateX(-35%);
animation: slide2 650ms ease-in-out 750ms forwards;
@keyframes slide2 {
from {
transform: matrix3d(0.87, 0, 0.7, 0, 0, 1, 0, 0, -0.5, 0, 0.87, 0, -35%, 0, 0, 1);
}
to {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
}
}

}
&:first-of-type {
.card-body {
h2 {
// color: #0d97ff
}
}
opacity: 0;
transform: translateX(-50px);
animation: display 650ms ease-in-out 1100ms forwards;
@keyframes display {
from {
opacity: 0;
transform: translateX(-50px);
}
to {
opacity: 1;
transform: translateX(0px);
}
}

.btn {
background-color: #0d97ff;
color: #fafcff;
Expand Down Expand Up @@ -199,6 +177,11 @@
&:hover {
box-shadow: 0px 0px 8px 1px rgba(13, 151, 255, 0.45);
}
@media screen and (max-width: $media-md) {
width: calc(100% - 8px);
margin-left: 0;

}
}
.features {
line-height: 24px;
Expand All @@ -225,14 +208,15 @@
}

.contact {
@media (max-width: $media-md) {
padding-left: 1rem;
width: 100%;
max-width: 100%;
}
margin-right: 0px;
text-align: center;
padding-top: 4rem;
padding-top: 3rem;
@media (max-width: $media-md) {
padding-left: 1rem;
width: 100%;
max-width: 100%;
padding-top: 1rem;
}
}
&-list {
margin-bottom: 0;
Expand Down Expand Up @@ -318,18 +302,31 @@
.cta-row {
margin-top: 5rem;
text-align: center;

.btn {
width: 12rem;
text-align: center;
justify-content: center;
display: inline-flex;
margin-right: 2rem;
justify-content: center;
margin-top: 1rem;
margin-right: 2rem;
@media screen and (max-width: $media-md) {
margin-right: 0;
width: 100%;
}
}
.contact-row {
display: flex;
justify-content: center;
@media screen and (max-width: $media-md) {
justify-content: space-around;
flex-wrap: wrap;
}
}
}
.feature-table-header,
.feature-table-row {
.col-6:first-of-type {
.col-8:first-of-type {
text-align: left;
}

Expand All @@ -340,6 +337,7 @@
text-align: center;
}
.feature-table-header {
overflow: hidden;
position: sticky;
top: 0px;
padding-top: .5rem;
Expand Down Expand Up @@ -379,6 +377,7 @@
}
}
padding-top: 2.5rem;
padding-bottom: .5rem;
}
.table-section {
.indent-row {
Expand Down
4 changes: 2 additions & 2 deletions website/src/pages/contact/sales.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -41,9 +41,9 @@ export default class Trial extends React.Component<any, any> {
<p>The best way to search and browse all of your organization's code, with:</p>
<ul className="list pl0">
<li className="mb-2">
<div className="">HA cluster support</div>
<div className="">High-scale cluster deployment</div>
</li>
<li className="mb-2">Cross-repository code intelligence</li>
<li className="mb-2">Repository-level user permissions</li>
<li className="mb-2">Advanced logging</li>
<li className="mb-2">External database support</li>
<li className="mb-2">Premium support</li>
Expand Down
Loading