mirror of
https://github.com/ClickHouse/ClickHouse.git
synced 2024-11-21 15:12:02 +00:00
Add company page content and styles
This commit is contained in:
Cody Baker
parent
871eee0d5d
commit
211017bf4a
53
website/company.html
Normal file
53
website/company.html
Normal file
@ -0,0 +1,53 @@
|
||||
{% set prefetch_items = [
|
||||
('/docs/en/', 'document')
|
||||
] %}
|
||||
|
||||
{% extends "templates/base.html" %}
|
||||
|
||||
{% block extra_meta %}
|
||||
<script type="application/ld+json">{
|
||||
"@context": "https://schema.org",
|
||||
"@type": "SoftwareApplication",
|
||||
"name": "ClickHouse",
|
||||
"operatingSystem": ["Linux", "FreeBSD", "Mac OS X"],
|
||||
"featureList": ["SQL", "columnar storage", "fault-tolerance", "distributed queries"],
|
||||
"softwareHelp": "https://clickhouse.tech/docs/en/",
|
||||
"license": "https://github.com/ClickHouse/ClickHouse/blob/master/LICENSE",
|
||||
"applicationCategory": "https://schema.org/DeveloperApplication",
|
||||
"applicationSubCategory": "Database Management System",
|
||||
"copyrightHolder": {
|
||||
"@type": "Organization",
|
||||
"name": "Yandex LLC",
|
||||
"logo": {
|
||||
"@type": "ImageObject",
|
||||
"url": "https://clickhouse.tech/images/yandex.png",
|
||||
"width": 163,
|
||||
"height": 60
|
||||
}
|
||||
},
|
||||
"copyrightYear": 2016,
|
||||
"mainEntityOfPage": {
|
||||
"@type": "WebSite",
|
||||
"@id": "https://clickhouse.tech"
|
||||
},
|
||||
"offers": {
|
||||
"@type": "Offer",
|
||||
"price": "0",
|
||||
"priceCurrency": "USD"
|
||||
}
|
||||
}</script>
|
||||
{% endblock %}
|
||||
|
||||
{% block content %}
|
||||
|
||||
{% include "templates/global/nav.html" %}
|
||||
|
||||
{% include "templates/company/hero.html" %}
|
||||
{% include "templates/company/overview.html" %}
|
||||
{% include "templates/company/leadership.html" %}
|
||||
{% include "templates/company/team.html" %}
|
||||
{% include "templates/company/press.html" %}
|
||||
{% include "templates/company/contact.html" %}
|
||||
{% include "templates/company/newsletter.html" %}
|
||||
|
||||
{% endblock %}
|
||||
685
website/css/bootstrap.css
vendored
685
website/css/bootstrap.css
vendored
@ -44,9 +44,14 @@
|
||||
--white: #fff;
|
||||
--black: #212529;
|
||||
--blue: #257af4;
|
||||
--light-blue: #e3f1fe;
|
||||
--yellow: #ffcc00;
|
||||
--light-yellow: #fffaf0;
|
||||
--orange: #ff8c00;
|
||||
--light-orange: #ffe4b5;
|
||||
--red: #ff3939;
|
||||
--light-red: #ffe4e1;
|
||||
--medium: #d6dbdf;
|
||||
--breakpoint-xs: 0;
|
||||
--breakpoint-sm: 576px;
|
||||
--breakpoint-md: 768px;
|
||||
@ -2043,6 +2048,26 @@ pre code {
|
||||
background-color: #aacbfb;
|
||||
}
|
||||
|
||||
.table-light-blue,
|
||||
.table-light-blue > th,
|
||||
.table-light-blue > td {
|
||||
background-color: #f7fbff;
|
||||
}
|
||||
.table-light-blue th,
|
||||
.table-light-blue td,
|
||||
.table-light-blue thead th,
|
||||
.table-light-blue tbody + tbody {
|
||||
border-color: #f0f8fe;
|
||||
}
|
||||
|
||||
.table-hover .table-light-blue:hover {
|
||||
background-color: #deeeff;
|
||||
}
|
||||
.table-hover .table-light-blue:hover > td,
|
||||
.table-hover .table-light-blue:hover > th {
|
||||
background-color: #deeeff;
|
||||
}
|
||||
|
||||
.table-yellow,
|
||||
.table-yellow > th,
|
||||
.table-yellow > td {
|
||||
@ -2063,6 +2088,26 @@ pre code {
|
||||
background-color: #ffec9f;
|
||||
}
|
||||
|
||||
.table-light-yellow,
|
||||
.table-light-yellow > th,
|
||||
.table-light-yellow > td {
|
||||
background-color: #fffefb;
|
||||
}
|
||||
.table-light-yellow th,
|
||||
.table-light-yellow td,
|
||||
.table-light-yellow thead th,
|
||||
.table-light-yellow tbody + tbody {
|
||||
border-color: #fffcf7;
|
||||
}
|
||||
|
||||
.table-hover .table-light-yellow:hover {
|
||||
background-color: #fff8e2;
|
||||
}
|
||||
.table-hover .table-light-yellow:hover > td,
|
||||
.table-hover .table-light-yellow:hover > th {
|
||||
background-color: #fff8e2;
|
||||
}
|
||||
|
||||
.table-orange,
|
||||
.table-orange > th,
|
||||
.table-orange > td {
|
||||
@ -2083,6 +2128,26 @@ pre code {
|
||||
background-color: #ffd49f;
|
||||
}
|
||||
|
||||
.table-light-orange,
|
||||
.table-light-orange > th,
|
||||
.table-light-orange > td {
|
||||
background-color: #fff7ea;
|
||||
}
|
||||
.table-light-orange th,
|
||||
.table-light-orange td,
|
||||
.table-light-orange thead th,
|
||||
.table-light-orange tbody + tbody {
|
||||
border-color: #fff1d9;
|
||||
}
|
||||
|
||||
.table-hover .table-light-orange:hover {
|
||||
background-color: #ffedd1;
|
||||
}
|
||||
.table-hover .table-light-orange:hover > td,
|
||||
.table-hover .table-light-orange:hover > th {
|
||||
background-color: #ffedd1;
|
||||
}
|
||||
|
||||
.table-red,
|
||||
.table-red > th,
|
||||
.table-red > td {
|
||||
@ -2103,6 +2168,46 @@ pre code {
|
||||
background-color: #ffafaf;
|
||||
}
|
||||
|
||||
.table-light-red,
|
||||
.table-light-red > th,
|
||||
.table-light-red > td {
|
||||
background-color: #fff7f7;
|
||||
}
|
||||
.table-light-red th,
|
||||
.table-light-red td,
|
||||
.table-light-red thead th,
|
||||
.table-light-red tbody + tbody {
|
||||
border-color: #fff1ef;
|
||||
}
|
||||
|
||||
.table-hover .table-light-red:hover {
|
||||
background-color: #ffdede;
|
||||
}
|
||||
.table-hover .table-light-red:hover > td,
|
||||
.table-hover .table-light-red:hover > th {
|
||||
background-color: #ffdede;
|
||||
}
|
||||
|
||||
.table-medium,
|
||||
.table-medium > th,
|
||||
.table-medium > td {
|
||||
background-color: #f4f5f6;
|
||||
}
|
||||
.table-medium th,
|
||||
.table-medium td,
|
||||
.table-medium thead th,
|
||||
.table-medium tbody + tbody {
|
||||
border-color: #eaecee;
|
||||
}
|
||||
|
||||
.table-hover .table-medium:hover {
|
||||
background-color: #e6e8eb;
|
||||
}
|
||||
.table-hover .table-medium:hover > td,
|
||||
.table-hover .table-medium:hover > th {
|
||||
background-color: #e6e8eb;
|
||||
}
|
||||
|
||||
.table-active,
|
||||
.table-active > th,
|
||||
.table-active > td {
|
||||
@ -3113,6 +3218,36 @@ fieldset:disabled a.btn {
|
||||
box-shadow: 0 0 0 0 rgba(70, 142, 246, 0.5);
|
||||
}
|
||||
|
||||
.btn-light-blue {
|
||||
color: #495057;
|
||||
background-color: #e3f1fe;
|
||||
border-color: #e3f1fe;
|
||||
}
|
||||
.btn-light-blue:hover {
|
||||
color: #495057;
|
||||
background-color: #bedffd;
|
||||
border-color: #b2d8fc;
|
||||
}
|
||||
.btn-light-blue:focus, .btn-light-blue.focus {
|
||||
color: #495057;
|
||||
background-color: #bedffd;
|
||||
border-color: #b2d8fc;
|
||||
box-shadow: 0 0 0 0 rgba(204, 217, 229, 0.5);
|
||||
}
|
||||
.btn-light-blue.disabled, .btn-light-blue:disabled {
|
||||
color: #495057;
|
||||
background-color: #e3f1fe;
|
||||
border-color: #e3f1fe;
|
||||
}
|
||||
.btn-light-blue:not(:disabled):not(.disabled):active, .btn-light-blue:not(:disabled):not(.disabled).active, .show > .btn-light-blue.dropdown-toggle {
|
||||
color: #495057;
|
||||
background-color: #b2d8fc;
|
||||
border-color: #a5d2fc;
|
||||
}
|
||||
.btn-light-blue:not(:disabled):not(.disabled):active:focus, .btn-light-blue:not(:disabled):not(.disabled).active:focus, .show > .btn-light-blue.dropdown-toggle:focus {
|
||||
box-shadow: 0 0 0 0 rgba(204, 217, 229, 0.5);
|
||||
}
|
||||
|
||||
.btn-yellow {
|
||||
color: #495057;
|
||||
background-color: #ffcc00;
|
||||
@ -3143,6 +3278,36 @@ fieldset:disabled a.btn {
|
||||
box-shadow: 0 0 0 0 rgba(228, 185, 13, 0.5);
|
||||
}
|
||||
|
||||
.btn-light-yellow {
|
||||
color: #495057;
|
||||
background-color: #fffaf0;
|
||||
border-color: #fffaf0;
|
||||
}
|
||||
.btn-light-yellow:hover {
|
||||
color: #495057;
|
||||
background-color: #ffedca;
|
||||
border-color: #ffe9bd;
|
||||
}
|
||||
.btn-light-yellow:focus, .btn-light-yellow.focus {
|
||||
color: #495057;
|
||||
background-color: #ffedca;
|
||||
border-color: #ffe9bd;
|
||||
box-shadow: 0 0 0 0 rgba(228, 225, 217, 0.5);
|
||||
}
|
||||
.btn-light-yellow.disabled, .btn-light-yellow:disabled {
|
||||
color: #495057;
|
||||
background-color: #fffaf0;
|
||||
border-color: #fffaf0;
|
||||
}
|
||||
.btn-light-yellow:not(:disabled):not(.disabled):active, .btn-light-yellow:not(:disabled):not(.disabled).active, .show > .btn-light-yellow.dropdown-toggle {
|
||||
color: #495057;
|
||||
background-color: #ffe9bd;
|
||||
border-color: #ffe5b0;
|
||||
}
|
||||
.btn-light-yellow:not(:disabled):not(.disabled):active:focus, .btn-light-yellow:not(:disabled):not(.disabled).active:focus, .show > .btn-light-yellow.dropdown-toggle:focus {
|
||||
box-shadow: 0 0 0 0 rgba(228, 225, 217, 0.5);
|
||||
}
|
||||
|
||||
.btn-orange {
|
||||
color: #495057;
|
||||
background-color: #ff8c00;
|
||||
@ -3173,6 +3338,36 @@ fieldset:disabled a.btn {
|
||||
box-shadow: 0 0 0 0 rgba(228, 131, 13, 0.5);
|
||||
}
|
||||
|
||||
.btn-light-orange {
|
||||
color: #495057;
|
||||
background-color: #ffe4b5;
|
||||
border-color: #ffe4b5;
|
||||
}
|
||||
.btn-light-orange:hover {
|
||||
color: #495057;
|
||||
background-color: #ffd68f;
|
||||
border-color: #ffd182;
|
||||
}
|
||||
.btn-light-orange:focus, .btn-light-orange.focus {
|
||||
color: #495057;
|
||||
background-color: #ffd68f;
|
||||
border-color: #ffd182;
|
||||
box-shadow: 0 0 0 0 rgba(228, 206, 167, 0.5);
|
||||
}
|
||||
.btn-light-orange.disabled, .btn-light-orange:disabled {
|
||||
color: #495057;
|
||||
background-color: #ffe4b5;
|
||||
border-color: #ffe4b5;
|
||||
}
|
||||
.btn-light-orange:not(:disabled):not(.disabled):active, .btn-light-orange:not(:disabled):not(.disabled).active, .show > .btn-light-orange.dropdown-toggle {
|
||||
color: #495057;
|
||||
background-color: #ffd182;
|
||||
border-color: #ffcd75;
|
||||
}
|
||||
.btn-light-orange:not(:disabled):not(.disabled):active:focus, .btn-light-orange:not(:disabled):not(.disabled).active:focus, .show > .btn-light-orange.dropdown-toggle:focus {
|
||||
box-shadow: 0 0 0 0 rgba(228, 206, 167, 0.5);
|
||||
}
|
||||
|
||||
.btn-red {
|
||||
color: #fff;
|
||||
background-color: #ff3939;
|
||||
@ -3203,6 +3398,66 @@ fieldset:disabled a.btn {
|
||||
box-shadow: 0 0 0 0 rgba(255, 87, 87, 0.5);
|
||||
}
|
||||
|
||||
.btn-light-red {
|
||||
color: #495057;
|
||||
background-color: #ffe4e1;
|
||||
border-color: #ffe4e1;
|
||||
}
|
||||
.btn-light-red:hover {
|
||||
color: #495057;
|
||||
background-color: #ffc2bb;
|
||||
border-color: #ffb6ae;
|
||||
}
|
||||
.btn-light-red:focus, .btn-light-red.focus {
|
||||
color: #495057;
|
||||
background-color: #ffc2bb;
|
||||
border-color: #ffb6ae;
|
||||
box-shadow: 0 0 0 0 rgba(228, 206, 204, 0.5);
|
||||
}
|
||||
.btn-light-red.disabled, .btn-light-red:disabled {
|
||||
color: #495057;
|
||||
background-color: #ffe4e1;
|
||||
border-color: #ffe4e1;
|
||||
}
|
||||
.btn-light-red:not(:disabled):not(.disabled):active, .btn-light-red:not(:disabled):not(.disabled).active, .show > .btn-light-red.dropdown-toggle {
|
||||
color: #495057;
|
||||
background-color: #ffb6ae;
|
||||
border-color: #ffaba1;
|
||||
}
|
||||
.btn-light-red:not(:disabled):not(.disabled):active:focus, .btn-light-red:not(:disabled):not(.disabled).active:focus, .show > .btn-light-red.dropdown-toggle:focus {
|
||||
box-shadow: 0 0 0 0 rgba(228, 206, 204, 0.5);
|
||||
}
|
||||
|
||||
.btn-medium {
|
||||
color: #495057;
|
||||
background-color: #d6dbdf;
|
||||
border-color: #d6dbdf;
|
||||
}
|
||||
.btn-medium:hover {
|
||||
color: #495057;
|
||||
background-color: #c1c8ce;
|
||||
border-color: #b9c2c9;
|
||||
}
|
||||
.btn-medium:focus, .btn-medium.focus {
|
||||
color: #495057;
|
||||
background-color: #c1c8ce;
|
||||
border-color: #b9c2c9;
|
||||
box-shadow: 0 0 0 0 rgba(193, 198, 203, 0.5);
|
||||
}
|
||||
.btn-medium.disabled, .btn-medium:disabled {
|
||||
color: #495057;
|
||||
background-color: #d6dbdf;
|
||||
border-color: #d6dbdf;
|
||||
}
|
||||
.btn-medium:not(:disabled):not(.disabled):active, .btn-medium:not(:disabled):not(.disabled).active, .show > .btn-medium.dropdown-toggle {
|
||||
color: #495057;
|
||||
background-color: #b9c2c9;
|
||||
border-color: #b2bcc3;
|
||||
}
|
||||
.btn-medium:not(:disabled):not(.disabled):active:focus, .btn-medium:not(:disabled):not(.disabled).active:focus, .show > .btn-medium.dropdown-toggle:focus {
|
||||
box-shadow: 0 0 0 0 rgba(193, 198, 203, 0.5);
|
||||
}
|
||||
|
||||
.btn-outline-primary {
|
||||
color: #ffcc00;
|
||||
border-color: #ffcc00;
|
||||
@ -3578,6 +3833,31 @@ fieldset:disabled a.btn {
|
||||
box-shadow: 0 0 0 0 rgba(37, 122, 244, 0.5);
|
||||
}
|
||||
|
||||
.btn-outline-light-blue {
|
||||
color: #e3f1fe;
|
||||
border-color: #e3f1fe;
|
||||
}
|
||||
.btn-outline-light-blue:hover {
|
||||
color: #495057;
|
||||
background-color: #e3f1fe;
|
||||
border-color: #e3f1fe;
|
||||
}
|
||||
.btn-outline-light-blue:focus, .btn-outline-light-blue.focus {
|
||||
box-shadow: 0 0 0 0 rgba(227, 241, 254, 0.5);
|
||||
}
|
||||
.btn-outline-light-blue.disabled, .btn-outline-light-blue:disabled {
|
||||
color: #e3f1fe;
|
||||
background-color: transparent;
|
||||
}
|
||||
.btn-outline-light-blue:not(:disabled):not(.disabled):active, .btn-outline-light-blue:not(:disabled):not(.disabled).active, .show > .btn-outline-light-blue.dropdown-toggle {
|
||||
color: #495057;
|
||||
background-color: #e3f1fe;
|
||||
border-color: #e3f1fe;
|
||||
}
|
||||
.btn-outline-light-blue:not(:disabled):not(.disabled):active:focus, .btn-outline-light-blue:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-light-blue.dropdown-toggle:focus {
|
||||
box-shadow: 0 0 0 0 rgba(227, 241, 254, 0.5);
|
||||
}
|
||||
|
||||
.btn-outline-yellow {
|
||||
color: #ffcc00;
|
||||
border-color: #ffcc00;
|
||||
@ -3603,6 +3883,31 @@ fieldset:disabled a.btn {
|
||||
box-shadow: 0 0 0 0 rgba(255, 204, 0, 0.5);
|
||||
}
|
||||
|
||||
.btn-outline-light-yellow {
|
||||
color: #fffaf0;
|
||||
border-color: #fffaf0;
|
||||
}
|
||||
.btn-outline-light-yellow:hover {
|
||||
color: #495057;
|
||||
background-color: #fffaf0;
|
||||
border-color: #fffaf0;
|
||||
}
|
||||
.btn-outline-light-yellow:focus, .btn-outline-light-yellow.focus {
|
||||
box-shadow: 0 0 0 0 rgba(255, 250, 240, 0.5);
|
||||
}
|
||||
.btn-outline-light-yellow.disabled, .btn-outline-light-yellow:disabled {
|
||||
color: #fffaf0;
|
||||
background-color: transparent;
|
||||
}
|
||||
.btn-outline-light-yellow:not(:disabled):not(.disabled):active, .btn-outline-light-yellow:not(:disabled):not(.disabled).active, .show > .btn-outline-light-yellow.dropdown-toggle {
|
||||
color: #495057;
|
||||
background-color: #fffaf0;
|
||||
border-color: #fffaf0;
|
||||
}
|
||||
.btn-outline-light-yellow:not(:disabled):not(.disabled):active:focus, .btn-outline-light-yellow:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-light-yellow.dropdown-toggle:focus {
|
||||
box-shadow: 0 0 0 0 rgba(255, 250, 240, 0.5);
|
||||
}
|
||||
|
||||
.btn-outline-orange {
|
||||
color: #ff8c00;
|
||||
border-color: #ff8c00;
|
||||
@ -3628,6 +3933,31 @@ fieldset:disabled a.btn {
|
||||
box-shadow: 0 0 0 0 rgba(255, 140, 0, 0.5);
|
||||
}
|
||||
|
||||
.btn-outline-light-orange {
|
||||
color: #ffe4b5;
|
||||
border-color: #ffe4b5;
|
||||
}
|
||||
.btn-outline-light-orange:hover {
|
||||
color: #495057;
|
||||
background-color: #ffe4b5;
|
||||
border-color: #ffe4b5;
|
||||
}
|
||||
.btn-outline-light-orange:focus, .btn-outline-light-orange.focus {
|
||||
box-shadow: 0 0 0 0 rgba(255, 228, 181, 0.5);
|
||||
}
|
||||
.btn-outline-light-orange.disabled, .btn-outline-light-orange:disabled {
|
||||
color: #ffe4b5;
|
||||
background-color: transparent;
|
||||
}
|
||||
.btn-outline-light-orange:not(:disabled):not(.disabled):active, .btn-outline-light-orange:not(:disabled):not(.disabled).active, .show > .btn-outline-light-orange.dropdown-toggle {
|
||||
color: #495057;
|
||||
background-color: #ffe4b5;
|
||||
border-color: #ffe4b5;
|
||||
}
|
||||
.btn-outline-light-orange:not(:disabled):not(.disabled):active:focus, .btn-outline-light-orange:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-light-orange.dropdown-toggle:focus {
|
||||
box-shadow: 0 0 0 0 rgba(255, 228, 181, 0.5);
|
||||
}
|
||||
|
||||
.btn-outline-red {
|
||||
color: #ff3939;
|
||||
border-color: #ff3939;
|
||||
@ -3653,6 +3983,56 @@ fieldset:disabled a.btn {
|
||||
box-shadow: 0 0 0 0 rgba(255, 57, 57, 0.5);
|
||||
}
|
||||
|
||||
.btn-outline-light-red {
|
||||
color: #ffe4e1;
|
||||
border-color: #ffe4e1;
|
||||
}
|
||||
.btn-outline-light-red:hover {
|
||||
color: #495057;
|
||||
background-color: #ffe4e1;
|
||||
border-color: #ffe4e1;
|
||||
}
|
||||
.btn-outline-light-red:focus, .btn-outline-light-red.focus {
|
||||
box-shadow: 0 0 0 0 rgba(255, 228, 225, 0.5);
|
||||
}
|
||||
.btn-outline-light-red.disabled, .btn-outline-light-red:disabled {
|
||||
color: #ffe4e1;
|
||||
background-color: transparent;
|
||||
}
|
||||
.btn-outline-light-red:not(:disabled):not(.disabled):active, .btn-outline-light-red:not(:disabled):not(.disabled).active, .show > .btn-outline-light-red.dropdown-toggle {
|
||||
color: #495057;
|
||||
background-color: #ffe4e1;
|
||||
border-color: #ffe4e1;
|
||||
}
|
||||
.btn-outline-light-red:not(:disabled):not(.disabled):active:focus, .btn-outline-light-red:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-light-red.dropdown-toggle:focus {
|
||||
box-shadow: 0 0 0 0 rgba(255, 228, 225, 0.5);
|
||||
}
|
||||
|
||||
.btn-outline-medium {
|
||||
color: #d6dbdf;
|
||||
border-color: #d6dbdf;
|
||||
}
|
||||
.btn-outline-medium:hover {
|
||||
color: #495057;
|
||||
background-color: #d6dbdf;
|
||||
border-color: #d6dbdf;
|
||||
}
|
||||
.btn-outline-medium:focus, .btn-outline-medium.focus {
|
||||
box-shadow: 0 0 0 0 rgba(214, 219, 223, 0.5);
|
||||
}
|
||||
.btn-outline-medium.disabled, .btn-outline-medium:disabled {
|
||||
color: #d6dbdf;
|
||||
background-color: transparent;
|
||||
}
|
||||
.btn-outline-medium:not(:disabled):not(.disabled):active, .btn-outline-medium:not(:disabled):not(.disabled).active, .show > .btn-outline-medium.dropdown-toggle {
|
||||
color: #495057;
|
||||
background-color: #d6dbdf;
|
||||
border-color: #d6dbdf;
|
||||
}
|
||||
.btn-outline-medium:not(:disabled):not(.disabled):active:focus, .btn-outline-medium:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-medium.dropdown-toggle:focus {
|
||||
box-shadow: 0 0 0 0 rgba(214, 219, 223, 0.5);
|
||||
}
|
||||
|
||||
.btn-link {
|
||||
font-weight: 400;
|
||||
color: #ff8c00;
|
||||
@ -5633,6 +6013,19 @@ a.badge-blue:focus, a.badge-blue.focus {
|
||||
box-shadow: 0 0 0 0.2rem rgba(37, 122, 244, 0.5);
|
||||
}
|
||||
|
||||
.badge-light-blue {
|
||||
color: #495057;
|
||||
background-color: #e3f1fe;
|
||||
}
|
||||
a.badge-light-blue:hover, a.badge-light-blue:focus {
|
||||
color: #495057;
|
||||
background-color: #b2d8fc;
|
||||
}
|
||||
a.badge-light-blue:focus, a.badge-light-blue.focus {
|
||||
outline: 0;
|
||||
box-shadow: 0 0 0 0.2rem rgba(227, 241, 254, 0.5);
|
||||
}
|
||||
|
||||
.badge-yellow {
|
||||
color: #495057;
|
||||
background-color: #ffcc00;
|
||||
@ -5646,6 +6039,19 @@ a.badge-yellow:focus, a.badge-yellow.focus {
|
||||
box-shadow: 0 0 0 0.2rem rgba(255, 204, 0, 0.5);
|
||||
}
|
||||
|
||||
.badge-light-yellow {
|
||||
color: #495057;
|
||||
background-color: #fffaf0;
|
||||
}
|
||||
a.badge-light-yellow:hover, a.badge-light-yellow:focus {
|
||||
color: #495057;
|
||||
background-color: #ffe9bd;
|
||||
}
|
||||
a.badge-light-yellow:focus, a.badge-light-yellow.focus {
|
||||
outline: 0;
|
||||
box-shadow: 0 0 0 0.2rem rgba(255, 250, 240, 0.5);
|
||||
}
|
||||
|
||||
.badge-orange {
|
||||
color: #495057;
|
||||
background-color: #ff8c00;
|
||||
@ -5659,6 +6065,19 @@ a.badge-orange:focus, a.badge-orange.focus {
|
||||
box-shadow: 0 0 0 0.2rem rgba(255, 140, 0, 0.5);
|
||||
}
|
||||
|
||||
.badge-light-orange {
|
||||
color: #495057;
|
||||
background-color: #ffe4b5;
|
||||
}
|
||||
a.badge-light-orange:hover, a.badge-light-orange:focus {
|
||||
color: #495057;
|
||||
background-color: #ffd182;
|
||||
}
|
||||
a.badge-light-orange:focus, a.badge-light-orange.focus {
|
||||
outline: 0;
|
||||
box-shadow: 0 0 0 0.2rem rgba(255, 228, 181, 0.5);
|
||||
}
|
||||
|
||||
.badge-red {
|
||||
color: #fff;
|
||||
background-color: #ff3939;
|
||||
@ -5672,6 +6091,32 @@ a.badge-red:focus, a.badge-red.focus {
|
||||
box-shadow: 0 0 0 0.2rem rgba(255, 57, 57, 0.5);
|
||||
}
|
||||
|
||||
.badge-light-red {
|
||||
color: #495057;
|
||||
background-color: #ffe4e1;
|
||||
}
|
||||
a.badge-light-red:hover, a.badge-light-red:focus {
|
||||
color: #495057;
|
||||
background-color: #ffb6ae;
|
||||
}
|
||||
a.badge-light-red:focus, a.badge-light-red.focus {
|
||||
outline: 0;
|
||||
box-shadow: 0 0 0 0.2rem rgba(255, 228, 225, 0.5);
|
||||
}
|
||||
|
||||
.badge-medium {
|
||||
color: #495057;
|
||||
background-color: #d6dbdf;
|
||||
}
|
||||
a.badge-medium:hover, a.badge-medium:focus {
|
||||
color: #495057;
|
||||
background-color: #b9c2c9;
|
||||
}
|
||||
a.badge-medium:focus, a.badge-medium.focus {
|
||||
outline: 0;
|
||||
box-shadow: 0 0 0 0.2rem rgba(214, 219, 223, 0.5);
|
||||
}
|
||||
|
||||
.jumbotron {
|
||||
padding: 2rem 1rem;
|
||||
margin-bottom: 2rem;
|
||||
@ -5897,6 +6342,18 @@ a.badge-red:focus, a.badge-red.focus {
|
||||
color: #193a6a;
|
||||
}
|
||||
|
||||
.alert-light-blue {
|
||||
color: #868f98;
|
||||
background-color: #f9fcff;
|
||||
border-color: #f7fbff;
|
||||
}
|
||||
.alert-light-blue hr {
|
||||
border-top-color: #deeeff;
|
||||
}
|
||||
.alert-light-blue .alert-link {
|
||||
color: #6c767f;
|
||||
}
|
||||
|
||||
.alert-yellow {
|
||||
color: #947c14;
|
||||
background-color: #fff5cc;
|
||||
@ -5909,6 +6366,18 @@ a.badge-red:focus, a.badge-red.focus {
|
||||
color: #67560e;
|
||||
}
|
||||
|
||||
.alert-light-yellow {
|
||||
color: #949490;
|
||||
background-color: #fffefc;
|
||||
border-color: #fffefb;
|
||||
}
|
||||
.alert-light-yellow hr {
|
||||
border-top-color: #fff8e2;
|
||||
}
|
||||
.alert-light-yellow .alert-link {
|
||||
color: #7b7b76;
|
||||
}
|
||||
|
||||
.alert-orange {
|
||||
color: #945b14;
|
||||
background-color: #ffe8cc;
|
||||
@ -5921,6 +6390,18 @@ a.badge-red:focus, a.badge-red.focus {
|
||||
color: #673f0e;
|
||||
}
|
||||
|
||||
.alert-light-orange {
|
||||
color: #948872;
|
||||
background-color: floralwhite;
|
||||
border-color: #fff7ea;
|
||||
}
|
||||
.alert-light-orange hr {
|
||||
border-top-color: #ffedd1;
|
||||
}
|
||||
.alert-light-orange .alert-link {
|
||||
color: #786e5b;
|
||||
}
|
||||
|
||||
.alert-red {
|
||||
color: #942f31;
|
||||
background-color: #ffd7d7;
|
||||
@ -5933,6 +6414,30 @@ a.badge-red:focus, a.badge-red.focus {
|
||||
color: #6d2324;
|
||||
}
|
||||
|
||||
.alert-light-red {
|
||||
color: #948889;
|
||||
background-color: #fffaf9;
|
||||
border-color: #fff7f7;
|
||||
}
|
||||
.alert-light-red hr {
|
||||
border-top-color: #ffdede;
|
||||
}
|
||||
.alert-light-red .alert-link {
|
||||
color: #7b6e6f;
|
||||
}
|
||||
|
||||
.alert-medium {
|
||||
color: #7f8488;
|
||||
background-color: #f7f8f9;
|
||||
border-color: #f4f5f6;
|
||||
}
|
||||
.alert-medium hr {
|
||||
border-top-color: #e6e8eb;
|
||||
}
|
||||
.alert-medium .alert-link {
|
||||
color: #666a6e;
|
||||
}
|
||||
|
||||
@-webkit-keyframes progress-bar-stripes {
|
||||
from {
|
||||
background-position: 1rem 0;
|
||||
@ -6399,6 +6904,20 @@ a.badge-red:focus, a.badge-red.focus {
|
||||
border-color: #235193;
|
||||
}
|
||||
|
||||
.list-group-item-light-blue {
|
||||
color: #868f98;
|
||||
background-color: #f7fbff;
|
||||
}
|
||||
.list-group-item-light-blue.list-group-item-action:hover, .list-group-item-light-blue.list-group-item-action:focus {
|
||||
color: #868f98;
|
||||
background-color: #deeeff;
|
||||
}
|
||||
.list-group-item-light-blue.list-group-item-action.active {
|
||||
color: #fff;
|
||||
background-color: #868f98;
|
||||
border-color: #868f98;
|
||||
}
|
||||
|
||||
.list-group-item-yellow {
|
||||
color: #947c14;
|
||||
background-color: #fff1b8;
|
||||
@ -6413,6 +6932,20 @@ a.badge-red:focus, a.badge-red.focus {
|
||||
border-color: #947c14;
|
||||
}
|
||||
|
||||
.list-group-item-light-yellow {
|
||||
color: #949490;
|
||||
background-color: #fffefb;
|
||||
}
|
||||
.list-group-item-light-yellow.list-group-item-action:hover, .list-group-item-light-yellow.list-group-item-action:focus {
|
||||
color: #949490;
|
||||
background-color: #fff8e2;
|
||||
}
|
||||
.list-group-item-light-yellow.list-group-item-action.active {
|
||||
color: #fff;
|
||||
background-color: #949490;
|
||||
border-color: #949490;
|
||||
}
|
||||
|
||||
.list-group-item-orange {
|
||||
color: #945b14;
|
||||
background-color: #ffdfb8;
|
||||
@ -6427,6 +6960,20 @@ a.badge-red:focus, a.badge-red.focus {
|
||||
border-color: #945b14;
|
||||
}
|
||||
|
||||
.list-group-item-light-orange {
|
||||
color: #948872;
|
||||
background-color: #fff7ea;
|
||||
}
|
||||
.list-group-item-light-orange.list-group-item-action:hover, .list-group-item-light-orange.list-group-item-action:focus {
|
||||
color: #948872;
|
||||
background-color: #ffedd1;
|
||||
}
|
||||
.list-group-item-light-orange.list-group-item-action.active {
|
||||
color: #fff;
|
||||
background-color: #948872;
|
||||
border-color: #948872;
|
||||
}
|
||||
|
||||
.list-group-item-red {
|
||||
color: #942f31;
|
||||
background-color: #ffc8c8;
|
||||
@ -6441,6 +6988,34 @@ a.badge-red:focus, a.badge-red.focus {
|
||||
border-color: #942f31;
|
||||
}
|
||||
|
||||
.list-group-item-light-red {
|
||||
color: #948889;
|
||||
background-color: #fff7f7;
|
||||
}
|
||||
.list-group-item-light-red.list-group-item-action:hover, .list-group-item-light-red.list-group-item-action:focus {
|
||||
color: #948889;
|
||||
background-color: #ffdede;
|
||||
}
|
||||
.list-group-item-light-red.list-group-item-action.active {
|
||||
color: #fff;
|
||||
background-color: #948889;
|
||||
border-color: #948889;
|
||||
}
|
||||
|
||||
.list-group-item-medium {
|
||||
color: #7f8488;
|
||||
background-color: #f4f5f6;
|
||||
}
|
||||
.list-group-item-medium.list-group-item-action:hover, .list-group-item-medium.list-group-item-action:focus {
|
||||
color: #7f8488;
|
||||
background-color: #e6e8eb;
|
||||
}
|
||||
.list-group-item-medium.list-group-item-action.active {
|
||||
color: #fff;
|
||||
background-color: #7f8488;
|
||||
border-color: #7f8488;
|
||||
}
|
||||
|
||||
.close {
|
||||
float: right;
|
||||
font-size: 1.5rem;
|
||||
@ -7364,6 +7939,16 @@ button.bg-blue:focus {
|
||||
background-color: #0b60db !important;
|
||||
}
|
||||
|
||||
.bg-light-blue {
|
||||
background-color: #e3f1fe !important;
|
||||
}
|
||||
|
||||
a.bg-light-blue:hover, a.bg-light-blue:focus,
|
||||
button.bg-light-blue:hover,
|
||||
button.bg-light-blue:focus {
|
||||
background-color: #b2d8fc !important;
|
||||
}
|
||||
|
||||
.bg-yellow {
|
||||
background-color: #ffcc00 !important;
|
||||
}
|
||||
@ -7374,6 +7959,16 @@ button.bg-yellow:focus {
|
||||
background-color: #cca300 !important;
|
||||
}
|
||||
|
||||
.bg-light-yellow {
|
||||
background-color: #fffaf0 !important;
|
||||
}
|
||||
|
||||
a.bg-light-yellow:hover, a.bg-light-yellow:focus,
|
||||
button.bg-light-yellow:hover,
|
||||
button.bg-light-yellow:focus {
|
||||
background-color: #ffe9bd !important;
|
||||
}
|
||||
|
||||
.bg-orange {
|
||||
background-color: #ff8c00 !important;
|
||||
}
|
||||
@ -7384,6 +7979,16 @@ button.bg-orange:focus {
|
||||
background-color: #cc7000 !important;
|
||||
}
|
||||
|
||||
.bg-light-orange {
|
||||
background-color: #ffe4b5 !important;
|
||||
}
|
||||
|
||||
a.bg-light-orange:hover, a.bg-light-orange:focus,
|
||||
button.bg-light-orange:hover,
|
||||
button.bg-light-orange:focus {
|
||||
background-color: #ffd182 !important;
|
||||
}
|
||||
|
||||
.bg-red {
|
||||
background-color: #ff3939 !important;
|
||||
}
|
||||
@ -7394,6 +7999,26 @@ button.bg-red:focus {
|
||||
background-color: #ff0606 !important;
|
||||
}
|
||||
|
||||
.bg-light-red {
|
||||
background-color: #ffe4e1 !important;
|
||||
}
|
||||
|
||||
a.bg-light-red:hover, a.bg-light-red:focus,
|
||||
button.bg-light-red:hover,
|
||||
button.bg-light-red:focus {
|
||||
background-color: #ffb6ae !important;
|
||||
}
|
||||
|
||||
.bg-medium {
|
||||
background-color: #d6dbdf !important;
|
||||
}
|
||||
|
||||
a.bg-medium:hover, a.bg-medium:focus,
|
||||
button.bg-medium:hover,
|
||||
button.bg-medium:focus {
|
||||
background-color: #b9c2c9 !important;
|
||||
}
|
||||
|
||||
.bg-white {
|
||||
background-color: #fff !important;
|
||||
}
|
||||
@ -7502,18 +8127,38 @@ button.bg-red:focus {
|
||||
border-color: #257af4 !important;
|
||||
}
|
||||
|
||||
.border-light-blue {
|
||||
border-color: #e3f1fe !important;
|
||||
}
|
||||
|
||||
.border-yellow {
|
||||
border-color: #ffcc00 !important;
|
||||
}
|
||||
|
||||
.border-light-yellow {
|
||||
border-color: #fffaf0 !important;
|
||||
}
|
||||
|
||||
.border-orange {
|
||||
border-color: #ff8c00 !important;
|
||||
}
|
||||
|
||||
.border-light-orange {
|
||||
border-color: #ffe4b5 !important;
|
||||
}
|
||||
|
||||
.border-red {
|
||||
border-color: #ff3939 !important;
|
||||
}
|
||||
|
||||
.border-light-red {
|
||||
border-color: #ffe4e1 !important;
|
||||
}
|
||||
|
||||
.border-medium {
|
||||
border-color: #d6dbdf !important;
|
||||
}
|
||||
|
||||
.border-white {
|
||||
border-color: #fff !important;
|
||||
}
|
||||
@ -13673,6 +14318,14 @@ a.text-blue:hover, a.text-blue:focus {
|
||||
color: #0a56c3 !important;
|
||||
}
|
||||
|
||||
.text-light-blue {
|
||||
color: #e3f1fe !important;
|
||||
}
|
||||
|
||||
a.text-light-blue:hover, a.text-light-blue:focus {
|
||||
color: #99ccfb !important;
|
||||
}
|
||||
|
||||
.text-yellow {
|
||||
color: #ffcc00 !important;
|
||||
}
|
||||
@ -13681,6 +14334,14 @@ a.text-yellow:hover, a.text-yellow:focus {
|
||||
color: #b38f00 !important;
|
||||
}
|
||||
|
||||
.text-light-yellow {
|
||||
color: #fffaf0 !important;
|
||||
}
|
||||
|
||||
a.text-light-yellow:hover, a.text-light-yellow:focus {
|
||||
color: #ffe1a4 !important;
|
||||
}
|
||||
|
||||
.text-orange {
|
||||
color: #ff8c00 !important;
|
||||
}
|
||||
@ -13689,6 +14350,14 @@ a.text-orange:hover, a.text-orange:focus {
|
||||
color: #b36200 !important;
|
||||
}
|
||||
|
||||
.text-light-orange {
|
||||
color: #ffe4b5 !important;
|
||||
}
|
||||
|
||||
a.text-light-orange:hover, a.text-light-orange:focus {
|
||||
color: #ffc869 !important;
|
||||
}
|
||||
|
||||
.text-red {
|
||||
color: #ff3939 !important;
|
||||
}
|
||||
@ -13697,6 +14366,22 @@ a.text-red:hover, a.text-red:focus {
|
||||
color: #ec0000 !important;
|
||||
}
|
||||
|
||||
.text-light-red {
|
||||
color: #ffe4e1 !important;
|
||||
}
|
||||
|
||||
a.text-light-red:hover, a.text-light-red:focus {
|
||||
color: #ff9f95 !important;
|
||||
}
|
||||
|
||||
.text-medium {
|
||||
color: #d6dbdf !important;
|
||||
}
|
||||
|
||||
a.text-medium:hover, a.text-medium:focus {
|
||||
color: #abb5bd !important;
|
||||
}
|
||||
|
||||
.text-body {
|
||||
color: #212529 !important;
|
||||
}
|
||||
|
||||
@ -71,9 +71,14 @@
|
||||
.card {
|
||||
box-shadow: 0 8px 20px rgba(108, 117, 125, 0.2);
|
||||
overflow: hidden;
|
||||
position: relative;
|
||||
transition: box-shadow 0.2s, transform 0.2s;
|
||||
width: 100%;
|
||||
}
|
||||
.card-body {
|
||||
position: relative;
|
||||
z-index: 10;
|
||||
}
|
||||
|
||||
.card.is-large .card-body {
|
||||
padding: 40px;
|
||||
@ -83,6 +88,34 @@
|
||||
border-color: #ffcc00;
|
||||
}
|
||||
|
||||
.card.has-dark-border {
|
||||
border-color: #6c757d;
|
||||
}
|
||||
|
||||
.card.has-pattern:before,
|
||||
.card.has-pattern:after {
|
||||
background-repeat: no-repeat;
|
||||
background-size: auto 100%;
|
||||
bottom: 0;
|
||||
content: "";
|
||||
display: block;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
width: 72px;
|
||||
}
|
||||
|
||||
.card.has-pattern:before {
|
||||
background-image: url(../images/backgrounds/bg-card-pattern-blue-1.png);
|
||||
background-position: left top;
|
||||
left: 0;
|
||||
}
|
||||
|
||||
.card.has-pattern:after {
|
||||
background-image: url(../images/backgrounds/bg-card-pattern-blue-2.png);
|
||||
background-position: right top;
|
||||
right: 0;
|
||||
}
|
||||
|
||||
a.card:active,
|
||||
a.card:hover,
|
||||
.card.has-hover:active,
|
||||
@ -163,7 +196,7 @@ a.card:hover:after,
|
||||
left: calc(-100% - 40px);
|
||||
}
|
||||
.case-study-card:before {
|
||||
background: no-repeat url(../images/backgrounds/bg-card-pattern.png);
|
||||
background: no-repeat url(../images/backgrounds/bg-card-pattern-red.png);
|
||||
background-position: right center;
|
||||
background-size: contain;
|
||||
content: "";
|
||||
@ -267,8 +300,25 @@ a.card:hover:after,
|
||||
background-repeat: no-repeat;
|
||||
background-position: center;
|
||||
background-size: cover;
|
||||
overflow: hidden;
|
||||
position: relative;
|
||||
}
|
||||
.hero-bg {
|
||||
background-repeat: no-repeat;
|
||||
background-position: center;
|
||||
background-size: cover;
|
||||
display: block;
|
||||
height: 100%;
|
||||
left: 50%;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
transform: translateX(-50%);
|
||||
z-index: 1;
|
||||
}
|
||||
.hero > .container {
|
||||
position: relative;
|
||||
z-index: 2;
|
||||
}
|
||||
|
||||
.hero.has-offset {
|
||||
margin-bottom: -160px;
|
||||
@ -283,6 +333,18 @@ hr {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
hr.is-large {
|
||||
height: 8px;
|
||||
}
|
||||
|
||||
hr.is-medium {
|
||||
background: #d6dbdf;
|
||||
}
|
||||
|
||||
hr.is-dark {
|
||||
background: #495057;
|
||||
}
|
||||
|
||||
hr.is-yellow {
|
||||
background: linear-gradient(90deg, #ff8c00 0, #ff8c00 8px, #ffcc00 16px, rgba(255, 204, 0, 0) 100%);
|
||||
-webkit-clip-path: polygon(8px 100%, 0 100%, 0 0, 8px 0, 8px 100%, 16px 100%, 16px 0, 100% 0, 100% 100%);
|
||||
@ -291,6 +353,7 @@ hr.is-yellow {
|
||||
}
|
||||
|
||||
.icon {
|
||||
display: block;
|
||||
height: 80px;
|
||||
margin-bottom: 24px;
|
||||
}
|
||||
@ -362,6 +425,36 @@ hr.is-yellow {
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
|
||||
.photo-frame {
|
||||
background: #fff;
|
||||
border: 6px solid #257af4;
|
||||
border-radius: 100%;
|
||||
box-shadow: 0 8px 20px rgba(108, 117, 125, 0.2);
|
||||
margin-bottom: 24px;
|
||||
max-width: 160px;
|
||||
overflow: hidden;
|
||||
position: relative;
|
||||
width: 100%;
|
||||
}
|
||||
.photo-frame:before {
|
||||
content: "";
|
||||
display: block;
|
||||
padding-bottom: 100%;
|
||||
width: 100%;
|
||||
}
|
||||
.photo-frame img {
|
||||
display: block;
|
||||
height: 100%;
|
||||
left: 0;
|
||||
-o-object-fit: contain;
|
||||
object-fit: contain;
|
||||
-o-object-position: center;
|
||||
object-position: center;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.pullquote {
|
||||
position: relative;
|
||||
width: 70%;
|
||||
@ -464,6 +557,21 @@ hr.is-yellow {
|
||||
-webkit-mask-image: url("/images/icons/icon-linkedin-gray.svg");
|
||||
mask-image: url("/images/icons/icon-linkedin-gray.svg");
|
||||
}
|
||||
.social-icons-linkedin-alt {
|
||||
-webkit-mask-image: url("/images/icons/icon-linkedin-alt-gray.svg");
|
||||
mask-image: url("/images/icons/icon-linkedin-alt-gray.svg");
|
||||
}
|
||||
|
||||
.social-icons.size-small > a {
|
||||
height: 20px;
|
||||
width: 20px;
|
||||
}
|
||||
.social-icons.size-small > a:active, .social-icons.size-small > a:hover {
|
||||
background: #212529;
|
||||
}
|
||||
.social-icons.size-small > a + a {
|
||||
margin-left: 16px;
|
||||
}
|
||||
|
||||
.tabs {
|
||||
position: relative;
|
||||
@ -575,11 +683,15 @@ ul.has-separators li:not(:last-child) {
|
||||
background-image: linear-gradient(58deg, #FF6443 3%, #FE561D 24%, #E32F0D 93%);
|
||||
}
|
||||
|
||||
.bg-gradient-light-orange {
|
||||
background-image: linear-gradient(90deg, rgba(255, 203, 128, 0) 0%, #FFCB80 100%);
|
||||
}
|
||||
|
||||
.bg-offset-right {
|
||||
bottom: 40px;
|
||||
bottom: 0;
|
||||
left: 96px;
|
||||
position: absolute;
|
||||
top: 40px;
|
||||
top: 0;
|
||||
width: 100vw;
|
||||
}
|
||||
|
||||
@ -620,6 +732,10 @@ ul.has-separators li:not(:last-child) {
|
||||
font-weight: 700;
|
||||
}
|
||||
|
||||
.text-decoration-underline {
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
.text-upper {
|
||||
text-transform: uppercase;
|
||||
}
|
||||
BIN
website/images/backgrounds/bg-card-pattern-blue-1.png
Normal file
BIN
website/images/backgrounds/bg-card-pattern-blue-1.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 153 B |
BIN
website/images/backgrounds/bg-card-pattern-blue-2.png
Normal file
BIN
website/images/backgrounds/bg-card-pattern-blue-2.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 162 B |
|
Before Width: | Height: | Size: 7.0 KiB After Width: | Height: | Size: 7.0 KiB |
BIN
website/images/backgrounds/bg-hero-company.png
Normal file
BIN
website/images/backgrounds/bg-hero-company.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 643 B |
13
website/images/icons/icon-linkedin-alt-gray.svg
Normal file
13
website/images/icons/icon-linkedin-alt-gray.svg
Normal file
@ -0,0 +1,13 @@
|
||||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<svg width="24px" height="24px" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
|
||||
<title>icon-linkedin-gray</title>
|
||||
<defs>
|
||||
<path d="M22.2857143,0 L1.70892857,0 C0.766071429,0 0,0.776785714 0,1.73035714 L0,22.2696429 C0,23.2232143 0.766071429,24 1.70892857,24 L22.2857143,24 C23.2285714,24 24,23.2232143 24,22.2696429 L24,1.73035714 C24,0.776785714 23.2285714,0 22.2857143,0 Z M7.25357143,20.5714286 L3.69642857,20.5714286 L3.69642857,9.11785714 L7.25892857,9.11785714 L7.25892857,20.5714286 L7.25357143,20.5714286 Z M5.475,7.55357143 C4.33392857,7.55357143 3.4125,6.62678571 3.4125,5.49107143 C3.4125,4.35535714 4.33392857,3.42857143 5.475,3.42857143 C6.61071429,3.42857143 7.5375,4.35535714 7.5375,5.49107143 C7.5375,6.63214286 6.61607143,7.55357143 5.475,7.55357143 L5.475,7.55357143 Z M20.5875,20.5714286 L17.0303571,20.5714286 L17.0303571,15 C17.0303571,13.6714286 17.0035714,11.9625 15.1821429,11.9625 C13.3285714,11.9625 13.0446429,13.4089286 13.0446429,14.9035714 L13.0446429,20.5714286 L9.4875,20.5714286 L9.4875,9.11785714 L12.9,9.11785714 L12.9,10.6821429 L12.9482143,10.6821429 C13.425,9.78214286 14.5875,8.83392857 16.3178571,8.83392857 C19.9178571,8.83392857 20.5875,11.2071429 20.5875,14.2928571 L20.5875,20.5714286 L20.5875,20.5714286 Z" id="path-1"></path>
|
||||
</defs>
|
||||
<g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
|
||||
<mask id="mask-2" fill="white">
|
||||
<use xlink:href="#path-1"></use>
|
||||
</mask>
|
||||
<use id="icon-linkedin-gray" fill="#6C757D" fill-rule="nonzero" xlink:href="#path-1"></use>
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 1.7 KiB |
BIN
website/images/logos/logo-benchmark-capital.png
Normal file
BIN
website/images/logos/logo-benchmark-capital.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 3.0 KiB |
BIN
website/images/logos/logo-index-ventures.png
Normal file
BIN
website/images/logos/logo-index-ventures.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 5.3 KiB |
BIN
website/images/photos/photo-aaron-katz.jpg
Normal file
BIN
website/images/photos/photo-aaron-katz.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 34 KiB |
BIN
website/images/photos/photo-alexey-milovidov.jpg
Normal file
BIN
website/images/photos/photo-alexey-milovidov.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 18 KiB |
BIN
website/images/photos/photo-arno-van-driel.jpg
Normal file
BIN
website/images/photos/photo-arno-van-driel.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 22 KiB |
BIN
website/images/photos/photo-dorota-szeremeta.jpg
Normal file
BIN
website/images/photos/photo-dorota-szeremeta.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 23 KiB |
BIN
website/images/photos/photo-ivan-blinkov.jpg
Normal file
BIN
website/images/photos/photo-ivan-blinkov.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 21 KiB |
BIN
website/images/photos/photo-jason-chan.jpg
Normal file
BIN
website/images/photos/photo-jason-chan.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 19 KiB |
BIN
website/images/photos/photo-mike-hayes.jpg
Normal file
BIN
website/images/photos/photo-mike-hayes.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 31 KiB |
BIN
website/images/photos/photo-thom-oconner.jpg
Normal file
BIN
website/images/photos/photo-thom-oconner.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 32 KiB |
BIN
website/images/photos/photo-yury-izrailevsky.jpg
Normal file
BIN
website/images/photos/photo-yury-izrailevsky.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 18 KiB |
BIN
website/images/placeholder-contact-form.png
Normal file
BIN
website/images/placeholder-contact-form.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 20 KiB |
BIN
website/images/placeholder-newsletter-form.png
Normal file
BIN
website/images/placeholder-newsletter-form.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 5.3 KiB |
@ -55,11 +55,16 @@ $theme-colors: (
|
||||
"black": $black,
|
||||
|
||||
"blue": $color-primary-accent-blue,
|
||||
"light-blue": $color-primary-accent-light-blue,
|
||||
"yellow": $color-primary-accent-yellow,
|
||||
"light-yellow": $color-primary-accent-light-yellow,
|
||||
"orange": $color-secondary-accent-orange,
|
||||
"light-orange": $color-secondary-accent-light-orange,
|
||||
"red": $color-secondary-accent-red,
|
||||
"light-red": $color-secondary-accent-light-red,
|
||||
|
||||
"light": $gray-100,
|
||||
"medium": $gray-500,
|
||||
"dark": $gray-900
|
||||
);
|
||||
|
||||
|
||||
@ -1,8 +1,14 @@
|
||||
.card {
|
||||
box-shadow: $box-shadow;
|
||||
overflow: hidden;
|
||||
position: relative;
|
||||
transition: box-shadow 0.2s, transform 0.2s;
|
||||
width: 100%;
|
||||
|
||||
&-body {
|
||||
position: relative;
|
||||
z-index: 10;
|
||||
}
|
||||
}
|
||||
|
||||
.card.is-large .card-body {
|
||||
@ -13,6 +19,34 @@
|
||||
border-color: $color-brand-primary;
|
||||
}
|
||||
|
||||
.card.has-dark-border {
|
||||
border-color: $gray-700;
|
||||
}
|
||||
|
||||
.card.has-pattern:before,
|
||||
.card.has-pattern:after {
|
||||
background-repeat: no-repeat;
|
||||
background-size: auto 100%;
|
||||
bottom: 0;
|
||||
content: '';
|
||||
display: block;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
width: 72px;
|
||||
}
|
||||
|
||||
.card.has-pattern:before {
|
||||
background-image: url(#{'../images/backgrounds/bg-card-pattern-blue-1.png'});
|
||||
background-position: left top;
|
||||
left: 0;
|
||||
}
|
||||
|
||||
.card.has-pattern:after {
|
||||
background-image: url(#{'../images/backgrounds/bg-card-pattern-blue-2.png'});
|
||||
background-position: right top;
|
||||
right: 0;
|
||||
}
|
||||
|
||||
a.card:active,
|
||||
a.card:hover,
|
||||
.card.has-hover:active,
|
||||
|
||||
@ -58,7 +58,7 @@
|
||||
}
|
||||
|
||||
&:before {
|
||||
background: no-repeat url(#{'../images/backgrounds/bg-card-pattern.png'});
|
||||
background: no-repeat url(#{'../images/backgrounds/bg-card-pattern-red.png'});
|
||||
background-position: right center;
|
||||
background-size: contain;
|
||||
content: '';
|
||||
|
||||
@ -2,7 +2,26 @@
|
||||
background-repeat: no-repeat;
|
||||
background-position: center;
|
||||
background-size: cover;
|
||||
overflow: hidden;
|
||||
position: relative;
|
||||
|
||||
&-bg {
|
||||
background-repeat: no-repeat;
|
||||
background-position: center;
|
||||
background-size: cover;
|
||||
display: block;
|
||||
height: 100%;
|
||||
left: 50%;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
transform: translateX(-50%);
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
> .container {
|
||||
position: relative;
|
||||
z-index: 2;
|
||||
}
|
||||
}
|
||||
|
||||
.hero.has-offset {
|
||||
|
||||
@ -6,6 +6,18 @@ hr {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
hr.is-large {
|
||||
height: 8px;
|
||||
}
|
||||
|
||||
hr.is-medium {
|
||||
background: $gray-500;
|
||||
}
|
||||
|
||||
hr.is-dark {
|
||||
background: $gray-900;
|
||||
}
|
||||
|
||||
hr.is-yellow {
|
||||
background: linear-gradient(90deg, $color-secondary-accent-orange 0, $color-secondary-accent-orange 8px, $color-primary-accent-yellow 16px, rgba($color-primary-accent-yellow, 0) 100%);
|
||||
clip-path: polygon(
|
||||
|
||||
@ -1,4 +1,5 @@
|
||||
.icon {
|
||||
display: block;
|
||||
height: 80px;
|
||||
margin-bottom: $spacer * 3;
|
||||
}
|
||||
|
||||
29
website/src/scss/components/_photo-frame.scss
Normal file
29
website/src/scss/components/_photo-frame.scss
Normal file
@ -0,0 +1,29 @@
|
||||
.photo-frame {
|
||||
background: $white;
|
||||
border: 6px solid $color-primary-accent-blue;
|
||||
border-radius: 100%;
|
||||
box-shadow: $box-shadow;
|
||||
margin-bottom: $spacer * 3;
|
||||
max-width: 160px;
|
||||
overflow: hidden;
|
||||
position: relative;
|
||||
width: 100%;
|
||||
|
||||
&:before {
|
||||
content: '';
|
||||
display: block;
|
||||
padding-bottom: 100%;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
img {
|
||||
display: block;
|
||||
height: 100%;
|
||||
left: 0;
|
||||
object-fit: contain;
|
||||
object-position: center;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
@ -35,4 +35,24 @@
|
||||
&-linkedin {
|
||||
mask-image: url('/images/icons/icon-linkedin-gray.svg');
|
||||
}
|
||||
|
||||
&-linkedin-alt {
|
||||
mask-image: url('/images/icons/icon-linkedin-alt-gray.svg');
|
||||
}
|
||||
}
|
||||
|
||||
.social-icons.size-small {
|
||||
> a {
|
||||
height: 20px;
|
||||
width: 20px;
|
||||
|
||||
&:active,
|
||||
&:hover {
|
||||
background: $black;
|
||||
}
|
||||
}
|
||||
|
||||
> a + a {
|
||||
margin-left: $spacer * 2;
|
||||
}
|
||||
}
|
||||
|
||||
@ -2,10 +2,14 @@
|
||||
background-image: linear-gradient(58deg, #FF6443 3%, #FE561D 24%, #E32F0D 93%);
|
||||
}
|
||||
|
||||
.bg-gradient-light-orange {
|
||||
background-image: linear-gradient(90deg, rgba(#FFCB80, 0) 0%, #FFCB80 100%);
|
||||
}
|
||||
|
||||
.bg-offset-right {
|
||||
bottom: 40px;
|
||||
bottom: 0;
|
||||
left: 96px;
|
||||
position: absolute;
|
||||
top: 40px;
|
||||
top: 0;
|
||||
width: 100vw;
|
||||
}
|
||||
|
||||
@ -1,3 +1,7 @@
|
||||
.text-decoration-underline {
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
.text-upper {
|
||||
text-transform: uppercase;
|
||||
}
|
||||
|
||||
19
website/templates/company/contact.html
Normal file
19
website/templates/company/contact.html
Normal file
@ -0,0 +1,19 @@
|
||||
<div class="section bg-light-orange pb-10 pt-10 mb-10">
|
||||
<div class="container">
|
||||
|
||||
<h2 class="display-2 text-center mb-4">
|
||||
{{ _('Contact Us') }}
|
||||
</h2>
|
||||
|
||||
<div class="pb-5 pt-5 mb-5" style="position: relative;">
|
||||
<div class="bg-gradient-light-orange bg-offset-right"></div>
|
||||
<img src="/images/placeholder-contact-form.png" height="332" width="890" class="d-block mx-auto" style="aspect-ratio: 890 / 332; height: auto; margin-top: -8px; position: relative; z-index: 2;">
|
||||
</div>
|
||||
|
||||
<p class="text-center text-muted mx-auto" style="max-width:620px;">
|
||||
{{ _('If you have any more thoughts or questions, feel free to contact the ClickHouse team directly at') }}
|
||||
<a class="text-blue text-decoration-underline" href="mailto:feedback@clickhouse.com">feedback@clickhouse.com</a>
|
||||
</p>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
10
website/templates/company/hero.html
Normal file
10
website/templates/company/hero.html
Normal file
@ -0,0 +1,10 @@
|
||||
<div class="hero bg-primary-light d-flex align-items-center" style="height:22.5vw;max-height:324px;min-height:280px;">
|
||||
<div class="hero-bg" style="background-image:url('/images/backgrounds/bg-hero-company.png');max-width:2448px;width:170vw;"></div>
|
||||
<div class="container pt-15 pb-15">
|
||||
|
||||
<h1 class="display-1 mb-0">
|
||||
Company
|
||||
</h1>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
79
website/templates/company/leadership.html
Normal file
79
website/templates/company/leadership.html
Normal file
@ -0,0 +1,79 @@
|
||||
<div class="section bg-white pb-10 pt-15">
|
||||
<div class="container">
|
||||
|
||||
<h2 class="display-2 text-center mb-15">
|
||||
{{ _('ClickHouse Leadership') }}
|
||||
</h2>
|
||||
|
||||
<h3 class="display-3 text-center mb-8">
|
||||
{{ _('Co-Founders') }}
|
||||
</h3>
|
||||
|
||||
<div class="row">
|
||||
<div class="col-lg-4 text-center">
|
||||
|
||||
<div class="photo-frame mx-auto">
|
||||
<img src="/images/photos/photo-yury-izrailevsky.jpg">
|
||||
</div>
|
||||
<h3 class="display-4">
|
||||
{{ _('Yury Izrailevsky') }}
|
||||
</h3>
|
||||
<p class="font-lg text-muted mx-auto" style="max-width:220px;">
|
||||
{{ _('Co-Founder & President, Product & Engineering') }}
|
||||
</p>
|
||||
<div class="social-icons justify-content-center size-small">
|
||||
<a
|
||||
rel="external nofollow noreferrer"
|
||||
target="_blank"
|
||||
href="#"
|
||||
class="social-icons-linkedin-alt"
|
||||
></a>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<div class="col-lg-4 text-center">
|
||||
|
||||
<div class="photo-frame mx-auto">
|
||||
<img src="/images/photos/photo-aaron-katz.jpg">
|
||||
</div>
|
||||
<h3 class="display-4">
|
||||
{{ _('Aaron Katz') }}
|
||||
</h3>
|
||||
<p class="font-lg text-muted mx-auto" style="max-width:220px;">
|
||||
{{ _('Co-Founder & CEO') }}
|
||||
</p>
|
||||
<div class="social-icons justify-content-center size-small">
|
||||
<a
|
||||
rel="external nofollow noreferrer"
|
||||
target="_blank"
|
||||
href="#"
|
||||
class="social-icons-linkedin-alt"
|
||||
></a>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<div class="col-lg-4 text-center">
|
||||
|
||||
<div class="photo-frame mx-auto">
|
||||
<img src="/images/photos/photo-alexey-milovidov.jpg">
|
||||
</div>
|
||||
<h3 class="display-4">
|
||||
{{ _('Alexey Milovidov') }}
|
||||
</h3>
|
||||
<p class="font-lg text-muted mx-auto" style="max-width:220px;">
|
||||
{{ _('Co-Founder & CTO') }}
|
||||
</p>
|
||||
<div class="social-icons justify-content-center size-small">
|
||||
<a
|
||||
rel="external nofollow noreferrer"
|
||||
target="_blank"
|
||||
href="#"
|
||||
class="social-icons-linkedin-alt"
|
||||
></a>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
24
website/templates/company/newsletter.html
Normal file
24
website/templates/company/newsletter.html
Normal file
@ -0,0 +1,24 @@
|
||||
<div class="section bg-white pt-8 pb-12">
|
||||
<div class="section-bg" style="background-image:url('/images/backgrounds/bg-footer-cta.png');width:2440px;"></div>
|
||||
<div class="container">
|
||||
|
||||
<h2 class="display-2 mb-7 mx-auto text-center">
|
||||
{{ _('Stay informed on feature releases, product roadmap, and future support and cloud offerings! ') }}
|
||||
</h2>
|
||||
|
||||
<div class="card bg-primary-light is-large">
|
||||
<div class="card-body d-flex align-items-center">
|
||||
|
||||
<h2 class="display-3 mb-0">
|
||||
{{ _('Sign up for our newsletter') }}
|
||||
</h2>
|
||||
|
||||
<div class="ml-auto pl-3" style="max-width: 557px; position: relative;">
|
||||
<img src="/images/placeholder-newsletter-form.png" height="94" width="557" class="d-block mx-auto" style="aspect-ratio: 557 / 94; height: auto; margin: -14px 0 -26px -20px;">
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
15
website/templates/company/overview.html
Normal file
15
website/templates/company/overview.html
Normal file
@ -0,0 +1,15 @@
|
||||
<div class="section bg-white pt-10">
|
||||
<div class="container">
|
||||
|
||||
<p class="lead text-dark mb-3">
|
||||
Creators of the online analytical processing (OLAP) database management system ClickHouse have announced their decision to officially incorporate as a company. The creator of <a href="https://www.clickhouse.tech/">ClickHouse</a>, Alexey Milovidov (CTO), will be joined by co-founders and seasoned enterprise software executives, Yury Izrailevsky (President, Product and Technology) and Aaron Katz (CEO), along with nearly $50M in Series A funding by <a href="https://www.indexventures.com/">Index Ventures</a> and <a href="http://www.benchmark.com/">Benchmark</a>.
|
||||
</p>
|
||||
|
||||
<p class="lead text-dark mb-6">
|
||||
ClickHouse is an open-source, column-oriented OLAP database management system that allows users to generate analytical reports using SQL queries in real-time. Its technology works 100-1,000x faster than traditional database management systems, and processes hundreds of millions to over a billion rows and tens of gigabytes of data per server per second. With a widespread user base around the globe, the technology has received praise for its reliability, ease of use, and fault tolerance.
|
||||
</p>
|
||||
|
||||
<hr class="is-yellow">
|
||||
|
||||
</div>
|
||||
</div>
|
||||
33
website/templates/company/press.html
Normal file
33
website/templates/company/press.html
Normal file
@ -0,0 +1,33 @@
|
||||
<div class="section bg-white pb-15 pt-15">
|
||||
<div class="container">
|
||||
|
||||
<div class="row">
|
||||
<div class="col-lg-2">
|
||||
|
||||
<h2 class="display-2">
|
||||
{{ _('Press') }}
|
||||
</h2>
|
||||
|
||||
</div>
|
||||
<div class="col-lg-10">
|
||||
|
||||
<div>
|
||||
|
||||
<p class="kicker mb-1">
|
||||
{{ _('9/20/21') }}
|
||||
</p>
|
||||
<h3 class="display-3 mb-3">
|
||||
{{ _('ClickHouse, Inc. Announces Incorporation, Along With $50M In Series A Funding') }}
|
||||
</h3>
|
||||
<p class="font-lg text-muted mb-4">
|
||||
{{ _('New financing will allow the open source success to build a world-class, commercial-grade cloud solution that’s secure, compliant, and convenient for any customer to use.') }}
|
||||
</p>
|
||||
<a class="trailing-link" href="#">{{ _('Read More') }}</a>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
172
website/templates/company/team.html
Normal file
172
website/templates/company/team.html
Normal file
@ -0,0 +1,172 @@
|
||||
<div class="section pb-15 pt-10">
|
||||
<div class="bg-offset-right bg-light"></div>
|
||||
<div class="container">
|
||||
|
||||
<h2 class="display-3 text-center mb-8">
|
||||
{{ _('The ClickHouse Team') }}
|
||||
</h2>
|
||||
|
||||
<div class="row mb-8">
|
||||
<div class="col-lg-3 text-center">
|
||||
|
||||
<div class="photo-frame mx-auto">
|
||||
<img src="/images/photos/photo-ivan-blinkov.jpg">
|
||||
</div>
|
||||
<h3 class="display-4">
|
||||
{{ _('Ivan Blinkov') }}
|
||||
</h3>
|
||||
<p class="font-lg text-muted mx-auto" style="max-width:220px;">
|
||||
{{ _('VP, Product') }}
|
||||
</p>
|
||||
<div class="social-icons justify-content-center size-small">
|
||||
<a
|
||||
rel="external nofollow noreferrer"
|
||||
target="_blank"
|
||||
href="#"
|
||||
class="social-icons-linkedin-alt"
|
||||
></a>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<div class="col-lg-3 text-center">
|
||||
|
||||
<div class="photo-frame mx-auto">
|
||||
<img src="/images/photos/photo-jason-chan.jpg">
|
||||
</div>
|
||||
<h3 class="display-4">
|
||||
{{ _('Jason Chan') }}
|
||||
</h3>
|
||||
<p class="font-lg text-muted mx-auto" style="max-width:220px;">
|
||||
{{ _('Adviser, Security, Privacy & Compliance') }}
|
||||
</p>
|
||||
<div class="social-icons justify-content-center size-small">
|
||||
<a
|
||||
rel="external nofollow noreferrer"
|
||||
target="_blank"
|
||||
href="#"
|
||||
class="social-icons-linkedin-alt"
|
||||
></a>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<div class="col-lg-3 text-center">
|
||||
|
||||
<div class="photo-frame mx-auto">
|
||||
<img src="/images/photos/photo-mike-hayes.jpg">
|
||||
</div>
|
||||
<h3 class="display-4">
|
||||
{{ _('Mike Hayes') }}
|
||||
</h3>
|
||||
<p class="font-lg text-muted mx-auto" style="max-width:220px;">
|
||||
{{ _('VP, Sales') }}
|
||||
</p>
|
||||
<div class="social-icons justify-content-center size-small">
|
||||
<a
|
||||
rel="external nofollow noreferrer"
|
||||
target="_blank"
|
||||
href="#"
|
||||
class="social-icons-linkedin-alt"
|
||||
></a>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<div class="col-lg-3 text-center">
|
||||
|
||||
<div class="photo-frame mx-auto">
|
||||
<img src="/images/photos/photo-thom-oconner.jpg">
|
||||
</div>
|
||||
<h3 class="display-4">
|
||||
{{ _('Thom O’Connor') }}
|
||||
</h3>
|
||||
<p class="font-lg text-muted mx-auto" style="max-width:220px;">
|
||||
{{ _('VP, Support & Services') }}
|
||||
</p>
|
||||
<div class="social-icons justify-content-center size-small">
|
||||
<a
|
||||
rel="external nofollow noreferrer"
|
||||
target="_blank"
|
||||
href="#"
|
||||
class="social-icons-linkedin-alt"
|
||||
></a>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row justify-content-center mb-15">
|
||||
<div class="col-lg-3 text-center">
|
||||
|
||||
<div class="photo-frame mx-auto">
|
||||
<img src="/images/photos/photo-dorota-szeremeta.jpg">
|
||||
</div>
|
||||
<h3 class="display-4">
|
||||
{{ _('Dorota Szeremeta') }}
|
||||
</h3>
|
||||
<p class="font-lg text-muted mx-auto" style="max-width:220px;">
|
||||
{{ _('VP, Operations') }}
|
||||
</p>
|
||||
<div class="social-icons justify-content-center size-small">
|
||||
<a
|
||||
rel="external nofollow noreferrer"
|
||||
target="_blank"
|
||||
href="#"
|
||||
class="social-icons-linkedin-alt"
|
||||
></a>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<div class="col-lg-3 text-center">
|
||||
|
||||
<div class="photo-frame mx-auto">
|
||||
<img src="/images/photos/photo-arno-van-driel.jpg">
|
||||
</div>
|
||||
<h3 class="display-4">
|
||||
{{ _('Arno Van Driel') }}
|
||||
</h3>
|
||||
<p class="font-lg text-muted mx-auto" style="max-width:220px;">
|
||||
{{ _('VP, EMEA') }}
|
||||
</p>
|
||||
<div class="social-icons justify-content-center size-small">
|
||||
<a
|
||||
rel="external nofollow noreferrer"
|
||||
target="_blank"
|
||||
href="#"
|
||||
class="social-icons-linkedin-alt"
|
||||
></a>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="card mx-auto mb-15 is-large has-dark-border has-pattern" style="max-width:840px;">
|
||||
<div class="card-body">
|
||||
|
||||
<h3 class="display-3 text-center">
|
||||
{{ _('Join the team') }}
|
||||
</h3>
|
||||
|
||||
<p class="font-lg text-muted text-center mb-5 mx-auto" style="max-width:630px;">
|
||||
{{ _('We are primarily looking for Support Engineers and Software Engineers at this time! For more information, contact us at') }}
|
||||
<a href="mailto:careers@clickhouse.com" class="text-blue text-decoration-underline">careers@clickhouse.com</a>
|
||||
</p>
|
||||
|
||||
<div class="btns">
|
||||
<a href="#" class="btn btn-outline-secondary" role="button">See Careers</a>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<hr class="is-medium is-large mb-8">
|
||||
|
||||
<h2 class="display-2 text-center mb-8">
|
||||
{{ _('ClickHouse Investors') }}
|
||||
</h2>
|
||||
|
||||
<div class="d-flex flex-column flex-lg-row align-items-center justify-content-center">
|
||||
<img src="/images/logos/logo-index-ventures.png" height="33" width="262" class="d-block mx-auto mx-lg-0 mb-5 mb-lg-0" style="aspect-ratio: 262 / 33; height: auto;">
|
||||
<img src="/images/logos/logo-benchmark-capital.png" height="40" width="152" class="mx-auto ml-lg-10 mr-lg-0" style="aspect-ratio: 152 / 40; height: auto;">
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
@ -3,7 +3,7 @@
|
||||
<div class="container d-flex align-items-center {{ footer_container_class or 'py-2' }}">
|
||||
|
||||
<div class="footer-copy font-weight-bold">
|
||||
© 2016–2021 <a href="https://yandex.com/company/" rel="external nofollow noreferrer" target="_blank" class="text-muted">{{ _('Yandex LLC') }}</a>
|
||||
© 2016–2021 <a href="https://yandex.com/company/" rel="external nofollow noreferrer" target="_blank" class="text-muted">{{ _('ClickHouse Inc') }}</a>
|
||||
</div>
|
||||
|
||||
<div class="footer-license ml-4">
|
||||
|
||||
@ -49,7 +49,7 @@
|
||||
</div>
|
||||
<div class="col-lg-7">
|
||||
|
||||
<div class="bg-offset-right bg-light"></div>
|
||||
<div class="bg-offset-right bg-light" style="bottom:40px;top:40px;"></div>
|
||||
|
||||
<div class="row mb-5 align-items-stretch">
|
||||
<div class="col-lg-6 d-flex align-items-stretch">
|
||||
|
||||
@ -1,4 +1,4 @@
|
||||
<div class="section bg-white pt-8 pb-12" >
|
||||
<div class="section bg-white pt-8 pb-12">
|
||||
<div class="section-bg" style="background-image:url('/images/backgrounds/bg-footer-cta.png');width:2440px;"></div>
|
||||
<div class="container">
|
||||
|
||||
@ -7,12 +7,16 @@
|
||||
</h2>
|
||||
|
||||
<div class="card bg-primary-light is-large">
|
||||
<div class="card-body">
|
||||
<div class="card-body d-flex align-items-center">
|
||||
|
||||
<h2 class="display-3 mb-0">
|
||||
{{ _('Sign up for our newsletter') }}
|
||||
</h2>
|
||||
|
||||
<div class="ml-auto pl-3" style="max-width: 557px; position: relative;">
|
||||
<img src="/images/placeholder-newsletter-form.png" height="94" width="557" class="d-block mx-auto" style="aspect-ratio: 557 / 94; height: auto; margin: -14px 0 -26px -20px;">
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
Loading…
Reference in New Issue
Block a user