fix content and styles around company

This commit is contained in:
Ivan Blinkov 2021-09-19 21:03:48 +03:00
parent dc28a82192
commit 42513eeafe
41 changed files with 122 additions and 101 deletions

View File

@ -48,7 +48,7 @@
{% include "templates/company/hero.html" %}
{% include "templates/company/overview.html" %}
{% include "templates/company/leadership.html" %}
{% include "templates/company/founders.html" %}
{% include "templates/company/team.html" %}
{% include "templates/company/press.html" %}
{% include "templates/company/contact.html" %}

View File

@ -496,7 +496,6 @@ img {
font-weight: 600;
letter-spacing: 1px;
margin: 0;
text-transform: uppercase;
}
@media screen and (max-width: 978.98px) {
@ -1011,4 +1010,25 @@ ul.has-separators li:not(:last-child) {
.text-upper {
text-transform: uppercase;
}
}
.base-hero {
height:22.5vw;
max-height:324px;
min-height:280px;
}
.index-hero {
background-image:url('/images/backgrounds/bg-hero-home.svg');
height:68vw;
max-height:980px;
max-width:2448px;
width:170vw;
}
.other-hero {
background-image: url('/images/backgrounds/bg-hero.svg');
max-width: 2448px;
width: 170vw;
}
.bg-footer-cta {
background-image:url('/images/backgrounds/bg-footer-cta.svg');
width:2448px;
}

View File

Before

Width:  |  Height:  |  Size: 31 KiB

After

Width:  |  Height:  |  Size: 31 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 93 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 105 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 5.8 MiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 93 KiB

View File

Before

Width:  |  Height:  |  Size: 19 KiB

After

Width:  |  Height:  |  Size: 19 KiB

View File

Before

Width:  |  Height:  |  Size: 25 KiB

After

Width:  |  Height:  |  Size: 25 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 26 KiB

View File

Before

Width:  |  Height:  |  Size: 22 KiB

After

Width:  |  Height:  |  Size: 22 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 39 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 94 KiB

View File

Before

Width:  |  Height:  |  Size: 17 KiB

After

Width:  |  Height:  |  Size: 17 KiB

View File

Before

Width:  |  Height:  |  Size: 20 KiB

After

Width:  |  Height:  |  Size: 20 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 110 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 104 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 22 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 90 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 93 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 89 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 19 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 22 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 29 KiB

View File

Before

Width:  |  Height:  |  Size: 2.0 KiB

After

Width:  |  Height:  |  Size: 2.0 KiB

View File

Before

Width:  |  Height:  |  Size: 24 KiB

After

Width:  |  Height:  |  Size: 24 KiB

View File

Before

Width:  |  Height:  |  Size: 29 KiB

After

Width:  |  Height:  |  Size: 29 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 12 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 91 KiB

View File

Before

Width:  |  Height:  |  Size: 17 KiB

After

Width:  |  Height:  |  Size: 17 KiB

View File

@ -5,5 +5,4 @@
font-weight: $font-weight-semibold;
letter-spacing: 1px;
margin: 0;
text-transform: uppercase;
}

View File

@ -5,7 +5,7 @@
{{ _('Contact Us') }}
</h2>
<div class="pb-5 pt-5 mb-5" style="position: relative;">
<div class="pb-5 pt-5 mb-5 position-relative">
<div class="bg-gradient-light-orange bg-offset-right"></div>
<form action="https://webto.salesforce.com/servlet/servlet.WebToLead?encoding=UTF-8" method="POST">
@ -44,7 +44,7 @@
</div>
<p class="text-center text-muted mx-auto" style="max-width:620px;">
<p class="text-center text-muted mx-auto w-75">
{{ _('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>

View File

@ -6,45 +6,45 @@
</h2>
<h3 class="display-3 text-center mb-3 mb-md-5 mb-lg-8">
{{ _('ClickHouse Leadership') }}
{{ _('ClickHouse Co-Founders') }}
</h3>
<div class="row">
<div class="col-lg-4 mb-3 mb-lg-0 text-center">
<a href="https://www.linkedin.com/in/yuryizrailevsky/" target="_blank" class="photo-frame mx-auto">
<img src="/images/photos/photo-yury-izrailevsky.jpg">
<a href="https://www.linkedin.com/in/yuryizrailevsky/" target="_blank" class="photo-frame mx-auto" rel="external nofollow">
<img src="/images/photos/yury-izrailevsky.jpg">
</a>
<h3 class="display-4">
{{ _('Yury Izrailevsky') }}
</h3>
<p class="font-lg text-muted mb-0 mx-auto" style="max-width:220px;">
<p class="font-lg text-muted mb-0 mx-auto w-75">
{{ _('Co-Founder & President, Product & Engineering') }}
</p>
</div>
<div class="col-lg-4 mb-3 mb-lg-0 text-center">
<a href=" https://www.linkedin.com/in/aaron-k-5762094/" target="_blank" class="photo-frame mx-auto">
<img src="/images/photos/photo-aaron-katz.jpg">
<a href=" https://www.linkedin.com/in/aaron-k-5762094/" target="_blank" class="photo-frame mx-auto" rel="external nofollow">
<img src="/images/photos/aaron-katz.jpg">
</a>
<h3 class="display-4">
{{ _('Aaron Katz') }}
</h3>
<p class="font-lg text-muted mb-0 mx-auto" style="max-width:220px;">
<p class="font-lg text-muted mb-0 mx-auto w-75">
{{ _('Co-Founder & CEO') }}
</p>
</div>
<div class="col-lg-4 text-center">
<a href="https://www.linkedin.com/in/alexey-milovidov-7b658135/" target="_blank" class="photo-frame mx-auto">
<img src="/images/photos/photo-alexey-milovidov.jpg">
<a href="https://www.linkedin.com/in/alexey-milovidov-7b658135/" target="_blank" class="photo-frame mx-auto" rel="external nofollow">
<img src="/images/photos/alexey-milovidov.jpg">
</a>
<h3 class="display-4">
{{ _('Alexey Milovidov') }}
</h3>
<p class="font-lg text-muted mb-0 mx-auto" style="max-width:220px;">
<p class="font-lg text-muted mb-0 mx-auto w-75">
{{ _('Co-Founder & CTO') }}
</p>

View File

@ -1,5 +1,5 @@
<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.svg');max-width:2448px;width:170vw;"></div>
<div class="hero bg-primary-light d-flex align-items-center base-hero">
<div class="hero-bg other-hero"></div>
<div class="container pt-8 pt-lg-10 pt-xl-15 pb-8 pb-lg-10 pb-xl-15">
<h1 class="display-1 mb-0">

View File

@ -2,7 +2,7 @@
<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 ClickHouse, 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/" class="text-blue text-decoration-underline">Index Ventures</a> and <a href="http://www.benchmark.com/" class="text-blue text-decoration-underline">Benchmark</a>.
Creators of the online analytical processing (OLAP) database management system ClickHouse have announced their decision to officially incorporate as a company. The creator of ClickHouse, 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/" class="text-blue text-decoration-underline" rel="external nofollow">Index Ventures</a> and <a href="http://www.benchmark.com/" class="text-blue text-decoration-underline" rel="external nofollow">Benchmark</a>.
</p>
<p class="lead text-dark mb-6">

View File

@ -1,3 +1,4 @@
{##
<div class="section bg-white pb-10 pb-lg-15 pt-10 pt-lg-15">
<div class="container">
@ -16,7 +17,7 @@
<p class="kicker mb-1">
{{ _('9/20/21') }}
</p>
<h3 class="display-3 mb-3" style="max-width:720px;">
<h3 class="display-3 mb-3 w-75">
{{ _('ClickHouse, Inc. Announces Incorporation, Along With $50M In Series A Funding') }}
</h3>
<p class="font-lg text-muted mb-4">
@ -31,3 +32,4 @@
</div>
</div>
##}

View File

@ -10,77 +10,77 @@
<div class="col-xl-3 col-lg-4 col-md-6 mb-3 mb-md-8 text-center">
<div class="photo-frame mx-auto">
<img src="/images/photos/photo-placeholder.png">
<img src="/images/photos/vitaly-baranov.jpg">
</div>
<h3 class="display-4">
{{ _('Vitaly Baranov') }}
</h3>
<p class="font-lg text-muted mb-0 mx-auto" style="max-width:220px;">
<p class="font-lg text-muted mb-0 mx-auto w-75">
{{ _('Principal Sofware Engineer') }}
</p>
</div>
<div class="col-xl-3 col-lg-4 col-md-6 mb-3 mb-md-8 text-center">
<a href="https://www.linkedin.com/in/ivanblinkov/" target="_blank" class="photo-frame mx-auto">
<img src="/images/photos/photo-ivan-blinkov.jpg">
<a href="https://www.linkedin.com/in/ivanblinkov/" target="_blank" class="photo-frame mx-auto" rel="external nofollow">
<img src="/images/photos/ivan-blinkov.jpg">
</a>
<h3 class="display-4">
{{ _('Ivan Blinkov') }}
</h3>
<p class="font-lg text-muted mb-0 mx-auto" style="max-width:220px;">
<p class="font-lg text-muted mb-0 mx-auto w-75">
{{ _('VP, Product') }}
</p>
</div>
<div class="col-xl-3 col-lg-4 col-md-6 mb-3 mb-md-8 text-center">
<a href="https://www.linkedin.com/in/jasonbchan/" target="_blank" class="photo-frame mx-auto">
<img src="/images/photos/photo-jason-chan.jpg">
<a href="https://www.linkedin.com/in/jasonbchan/" target="_blank" class="photo-frame mx-auto" rel="external nofollow">
<img src="/images/photos/jason-chan.jpg">
</a>
<h3 class="display-4">
{{ _('Jason Chan') }}
</h3>
<p class="font-lg text-muted mb-0 mx-auto" style="max-width:220px;">
<p class="font-lg text-muted mb-0 mx-auto w-75">
{{ _('Adviser, Security, Privacy & Compliance') }}
</p>
</div>
<div class="col-xl-3 col-lg-4 col-md-6 mb-3 mb-md-8 text-center">
<a href="https://www.linkedin.com/in/vdimir" target="_blank" class="photo-frame mx-auto">
<img src="/images/photos/photo-placeholder.png">
<a href="https://www.linkedin.com/in/vdimir" target="_blank" class="photo-frame mx-auto" rel="external nofollow">
<img src="/images/photos/vladimir-cherkasov.jpg">
</a>
<h3 class="display-4">
{{ _('Vladimir Cherkasov') }}
</h3>
<p class="font-lg text-muted mb-0 mx-auto" style="max-width:220px;">
<p class="font-lg text-muted mb-0 mx-auto w-75">
{{ _('Software Engineer') }}
</p>
</div>
<div class="col-xl-3 col-lg-4 col-md-6 mb-3 mb-md-8 text-center">
<a href="https://www.linkedin.com/in/kristinamfrost/" target="_blank" class="photo-frame mx-auto">
<img src="/images/photos/photo-kristina-frost.jpg">
<a href="https://www.linkedin.com/in/kristinamfrost/" target="_blank" class="photo-frame mx-auto" rel="external nofollow">
<img src="/images/photos/kristina-frost.jpg">
</a>
<h3 class="display-4">
{{ _('Kristina Frost') }}
</h3>
<p class="font-lg text-muted mb-0 mx-auto" style="max-width:220px;">
<p class="font-lg text-muted mb-0 mx-auto w-75">
{{ _('Senior Director, Business Technology') }}
</p>
</div>
<div class="col-xl-3 col-lg-4 col-md-6 mb-3 mb-md-8 text-center">
<a href="https://www.linkedin.com/in/mike-hayes-54990310/" target="_blank" class="photo-frame mx-auto">
<img src="/images/photos/photo-mike-hayes.jpg">
<a href="https://www.linkedin.com/in/mike-hayes-54990310/" target="_blank" class="photo-frame mx-auto" rel="external nofollow">
<img src="/images/photos/mike-hayes.jpg">
</a>
<h3 class="display-4">
{{ _('Mike Hayes') }}
</h3>
<p class="font-lg text-muted mb-0 mx-auto" style="max-width:220px;">
<p class="font-lg text-muted mb-0 mx-auto w-75">
{{ _('VP, Sales') }}
</p>
@ -89,26 +89,26 @@
<div class="col-xl-3 col-lg-4 col-md-6 mb-3 mb-md-8 text-center">
<div class="photo-frame mx-auto">
<img src="/images/photos/photo-brian-hunter.jpg">
<img src="/images/photos/brian-hunter.jpg">
</div>
<h3 class="display-4">
{{ _('Brian Hunter') }}
</h3>
<p class="font-lg text-muted mb-0 mx-auto" style="max-width:220px;">
{{ _('') }}
<p class="font-lg text-muted mb-0 mx-auto w-75">
{{ _('Account Executive') }}
</p>
</div>
{% endif %}
<div class="col-xl-3 col-lg-4 col-md-6 mb-3 mb-md-8 text-center">
<a href="https://www.linkedin.com/in/maksim-kita/" target="_blank" class="photo-frame mx-auto">
<img src="/images/photos/photo-placeholder.png">
<a href="https://www.linkedin.com/in/maksim-kita/" target="_blank" class="photo-frame mx-auto" rel="external nofollow">
<img src="/images/photos/maksim-kita.jpg">
</a>
<h3 class="display-4">
{{ _('Maksim Kita') }}
</h3>
<p class="font-lg text-muted mb-0 mx-auto" style="max-width:220px;">
<p class="font-lg text-muted mb-0 mx-auto w-75">
{{ _('Senior Software Engineer') }}
</p>
@ -116,12 +116,12 @@
<div class="col-xl-3 col-lg-4 col-md-6 mb-3 mb-md-8 text-center">
<div class="photo-frame mx-auto">
<img src="/images/photos/photo-placeholder.png">
<img src="/images/photos/nikolai-kochetov.jpg">
</div>
<h3 class="display-4">
{{ _('Nikolai Kochetov') }}
</h3>
<p class="font-lg text-muted mb-0 mx-auto" style="max-width:220px;">
<p class="font-lg text-muted mb-0 mx-auto w-75">
{{ _('Engineering Team Lead') }}
</p>
@ -130,26 +130,26 @@
<div class="col-xl-3 col-lg-4 col-md-6 mb-3 mb-md-8 text-center">
<div class="photo-frame mx-auto">
<img src="/images/photos/photo-placeholder.png">
<img src="/images/photos/placeholder.png">
</div>
<h3 class="display-4">
{{ _('Anne Krechmer') }}
</h3>
<p class="font-lg text-muted mb-0 mx-auto" style="max-width:220px;">
{{ _('') }}
<p class="font-lg text-muted mb-0 mx-auto w-75">
{{ _('Senior Recruiter') }}
</p>
</div>
{% endif %}
<div class="col-xl-3 col-lg-4 col-md-6 mb-3 mb-md-8 text-center">
<a href="https://www.linkedin.com/in/avogar" target="_blank" class="photo-frame mx-auto">
<img src="/images/photos/photo-placeholder.png">
<a href="https://www.linkedin.com/in/avogar" target="_blank" class="photo-frame mx-auto" rel="external nofollow">
<img src="/images/photos/pavel-kruglov.jpg">
</a>
<h3 class="display-4">
{{ _('Pavel Kruglov') }}
</h3>
<p class="font-lg text-muted mb-0 mx-auto" style="max-width:220px;">
<p class="font-lg text-muted mb-0 mx-auto w-75">
{{ _('Software Engineer') }}
</p>
@ -158,78 +158,78 @@
<div class="col-xl-3 col-lg-4 col-md-6 mb-3 mb-md-8 text-center">
<div class="photo-frame mx-auto">
<img src="/images/photos/photo-placeholder.png">
<img src="/images/photos/placeholder.png">
</div>
<h3 class="display-4">
{{ _('Claire Lucas') }}
</h3>
<p class="font-lg text-muted mb-0 mx-auto" style="max-width:220px;">
{{ _('') }}
<p class="font-lg text-muted mb-0 mx-auto w-75">
{{ _('Director, Global Business Strategy & Operations') }}
</p>
</div>
{% endif %}
<div class="col-xl-3 col-lg-4 col-md-6 mb-3 mb-md-8 text-center">
<a href="https://www.linkedin.com/in/nikitamikhaylov/" target="_blank" class="photo-frame mx-auto">
<img src="/images/photos/photo-placeholder.png">
<a href="https://www.linkedin.com/in/nikitamikhaylov/" target="_blank" class="photo-frame mx-auto" rel="external nofollow">
<img src="/images/photos/nikita-mikhailov.jpg">
</a>
<h3 class="display-4">
{{ _('Nikita Mikhailov') }}
</h3>
<p class="font-lg text-muted mb-0 mx-auto" style="max-width:220px;">
<p class="font-lg text-muted mb-0 mx-auto w-75">
{{ _('Software Engineer') }}
</p>
</div>
<div class="col-xl-3 col-lg-4 col-md-6 mb-3 mb-md-8 text-center">
<a href="https://www.linkedin.com/in/novik-dmitry/" target="_blank" class="photo-frame mx-auto">
<img src="/images/photos/photo-placeholder.png">
<a href="https://www.linkedin.com/in/novik-dmitry/" target="_blank" class="photo-frame mx-auto" rel="external nofollow">
<img src="/images/photos/dmitry-novik.jpg">
</a>
<h3 class="display-4">
{{ _('Dmitry Novik') }}
</h3>
<p class="font-lg text-muted mb-0 mx-auto" style="max-width:220px;">
<p class="font-lg text-muted mb-0 mx-auto w-75">
{{ _('Senior Software Engineer') }}
</p>
</div>
<div class="col-xl-3 col-lg-4 col-md-6 mb-3 mb-md-8 text-center">
<a href="https://www.linkedin.com/in/4thom/" target="_blank" class="photo-frame mx-auto">
<img src="/images/photos/photo-thom-oconner.jpg">
<a href="https://www.linkedin.com/in/4thom/" target="_blank" class="photo-frame mx-auto" rel="external nofollow">
<img src="/images/photos/thom-oconnor.jpg">
</a>
<h3 class="display-4">
{{ _('Thom OConnor') }}
</h3>
<p class="font-lg text-muted mb-0 mx-auto" style="max-width:220px;">
<p class="font-lg text-muted mb-0 mx-auto w-75">
{{ _('VP, Support & Services') }}
</p>
</div>
<div class="col-xl-3 col-lg-4 col-md-6 mb-3 mb-md-8 text-center">
<a href="https://www.linkedin.com/in/anton-popov-a592b9194/" target="_blank" class="photo-frame mx-auto">
<img src="/images/photos/photo-placeholder.png">
<a href="https://www.linkedin.com/in/anton-popov-a592b9194/" target="_blank" class="photo-frame mx-auto" rel="external nofollow">
<img src="/images/photos/anton-popov.jpg">
</a>
<h3 class="display-4">
{{ _('Anton Popov') }}
</h3>
<p class="font-lg text-muted mb-0 mx-auto" style="max-width:220px;">
<p class="font-lg text-muted mb-0 mx-auto w-75">
{{ _('Senior Software Engineer') }}
</p>
</div>
<div class="col-xl-3 col-lg-4 col-md-6 mb-3 mb-md-8 text-center">
<a href="https://www.linkedin.com/in/richraposa/" target="_blank" class="photo-frame mx-auto">
<img src="/images/photos/photo-richard-raposa.jpg">
<a href="https://www.linkedin.com/in/richraposa/" target="_blank" class="photo-frame mx-auto" rel="external nofollow">
<img src="/images/photos/richard-raposa.jpg">
</a>
<h3 class="display-4">
{{ _('Richard Raposa') }}
</h3>
<p class="font-lg text-muted mb-0 mx-auto" style="max-width:220px;">
<p class="font-lg text-muted mb-0 mx-auto w-75">
{{ _('Director, Global Learning') }}
</p>
@ -237,84 +237,84 @@
<div class="col-xl-3 col-lg-4 col-md-6 mb-3 mb-md-8 text-center">
<div class="photo-frame mx-auto">
<img src="/images/photos/photo-placeholder.png">
<img src="/images/photos/alexander-sapin.jpg">
</div>
<h3 class="display-4">
{{ _('Alexander Sapin') }}
</h3>
<p class="font-lg text-muted mb-0 mx-auto" style="max-width:220px;">
<p class="font-lg text-muted mb-0 mx-auto w-75">
{{ _('Engineering Team Lead') }}
</p>
</div>
<div class="col-xl-3 col-lg-4 col-md-6 mb-3 mb-md-8 text-center">
<a href="https://www.linkedin.com/in/kssenii" target="_blank" class="photo-frame mx-auto">
<img src="/images/photos/photo-placeholder.png">
<a href="https://www.linkedin.com/in/kssenii" target="_blank" class="photo-frame mx-auto" rel="external nofollow">
<img src="/images/photos/kseniia-sumarokova.jpg">
</a>
<h3 class="display-4">
{{ _('Kseniia Sumarokova') }}
</h3>
<p class="font-lg text-muted mb-0 mx-auto" style="max-width:220px;">
<p class="font-lg text-muted mb-0 mx-auto w-75">
{{ _('Software Engineer') }}
</p>
</div>
<div class="col-xl-3 col-lg-4 col-md-6 mb-3 mb-md-8 mb-xl-0 text-center">
<a href="https://www.linkedin.com/in/dorota-szeremeta-a849b7/" target="_blank" class="photo-frame mx-auto">
<img src="/images/photos/photo-dorota-szeremeta.jpg">
<a href="https://www.linkedin.com/in/dorota-szeremeta-a849b7/" target="_blank" class="photo-frame mx-auto" rel="external nofollow">
<img src="/images/photos/dorota-szeremeta.jpg">
</a>
<h3 class="display-4">
{{ _('Dorota Szeremeta') }}
</h3>
<p class="font-lg text-muted mb-0 mx-auto" style="max-width:220px;">
<p class="font-lg text-muted mb-0 mx-auto w-75">
{{ _('VP, Operations') }}
</p>
</div>
<div class="col-xl-3 col-lg-4 col-md-6 mb-3 mb-md-8 mb-xl-0 text-center">
<a href="https://www.linkedin.com/in/tavplubix" target="_blank" class="photo-frame mx-auto">
<img src="/images/photos/photo-placeholder.png">
<a href="https://www.linkedin.com/in/tavplubix" target="_blank" class="photo-frame mx-auto" rel="external nofollow">
<img src="/images/photos/alexander-tokmakov.jpg">
</a>
<h3 class="display-4">
{{ _('Alexander Tokmakov') }}
</h3>
<p class="font-lg text-muted mb-0 mx-auto" style="max-width:220px;">
<p class="font-lg text-muted mb-0 mx-auto w-75">
{{ _('Software Engineer') }}
</p>
</div>
<div class="col-xl-3 col-lg-4 col-md-6 mb-0 text-center">
<a href="https://www.linkedin.com/in/arnovandriel" target="_blank" class="photo-frame mx-auto">
<img src="/images/photos/photo-arno-van-driel.jpg">
<a href="https://www.linkedin.com/in/arnovandriel" target="_blank" class="photo-frame mx-auto" rel="external nofollow">
<img src="/images/photos/arno-van-driel.jpg">
</a>
<h3 class="display-4">
{{ _('Arno Van Driel') }}
</h3>
<p class="font-lg text-muted mb-0 mx-auto" style="max-width:220px;">
<p class="font-lg text-muted mb-0 mx-auto w-75">
{{ _('VP, EMEA') }}
</p>
</div>
<div class="col-xl-3 col-lg-4 col-md-6 mb-3 mb-md-0 text-center">
<div class="photo-frame mx-auto">
<img src="/images/photos/photo-placeholder.png">
<div class="photo-frame mx-auto" rel="external nofollow">
<img src="/images/photos/ilya-yatsishin.jpg">
</div>
<h3 class="display-4">
{{ _('Ilya Yatsishin') }}
</h3>
<p class="font-lg text-muted mb-0 mx-auto" style="max-width:220px;">
<p class="font-lg text-muted mb-0 mx-auto w-75">
{{ _('Senior Technical Project Manager') }}
</p>
</div>
</div>
<div class="card mx-auto mb-8 mb-md-10 mb-lg-15 is-large has-dark-border has-pattern" style="max-width:480px;">
<div class="card mx-auto mb-8 mb-md-10 mb-lg-15 is-large has-dark-border has-pattern w-50">
<div class="card-body">
<h3 class="display-3 text-center">
@ -337,8 +337,8 @@
</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;">
<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 img-fluid">
<img src="/images/logos/logo-benchmark-capital.png" height="40" width="152" class="mx-auto ml-lg-10 mr-lg-0 img-fluid">
</div>
</div>

View File

@ -1,5 +1,5 @@
<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.svg');max-width:2448px;width:170vw;"></div>
<div class="hero bg-primary-light d-flex align-items-center base-hero">
<div class="hero-bg other-hero"></div>
<div class="container pt-8 pt-lg-10 pt-xl-15 pb-8 pb-lg-10 pb-xl-15">
<h1 class="display-1 mb-3">

View File

@ -5,7 +5,7 @@
<ul class="d-flex align-items-center justify-content-end mb-0">
<li class="height-20">
<!-- Place this tag where you want the button to render. -->
<a class="github-button" href="https://github.com/ClickHouse/ClickHouse" data-show-count="true" aria-label="Star ClickHouse/ClickHouse on GitHub">Star</a>
<a class="github-button" href="https://github.com/ClickHouse/ClickHouse" data-show-count="true" aria-label="Star ClickHouse/ClickHouse on GitHub" rel="external nofollow">Star</a>
</li>
<li>
<a href="/blog/en/">
@ -14,13 +14,13 @@
</a>
</li>
<li>
<a href="https://join.slack.com/t/clickhousedb/shared_invite/zt-rxm3rdrk-lIUmhLC3V8WTaL0TGxsOmg" target="_blank">
<a href="https://join.slack.com/t/clickhousedb/shared_invite/zt-rxm3rdrk-lIUmhLC3V8WTaL0TGxsOmg" target="_blank" rel="external nofollow">
<img src="/images/icons/icon-slack-black.svg">
Slack
</a>
</li>
<li>
<a href="https://www.youtube.com/c/ClickHouseDB" target="_blank">
<a href="https://www.youtube.com/c/ClickHouseDB" target="_blank" rel="external nofollow">
<img src="/images/icons/icon-youtube-black.svg">
YouTube
</a>
@ -37,19 +37,19 @@
<div id="navbar-toggle" class="collapse navbar-collapse">
<ul class="navbar-nav ml-auto justify-content-center justify-content-lg-end">
<li class="nav-item">
<a class="nav-link" href="#quick-start">Quick Start</a>
<a class="nav-link" href="/#quick-start">Quick Start</a>
</li>
<li class="nav-item">
<a class="nav-link" href="/docs/en/">Documentation</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#community">Community</a>
<a class="nav-link" href="/#community">Community</a>
</li>
<li class="nav-item">
<a class="nav-link" href="/company/">Company</a>
</li>
<li class="nav-item">
<a class="btn btn-outline-tertiary" href="/company.html#contact">Contact Us</a>
<a class="btn btn-outline-tertiary" href="/company/#contact">Contact Us</a>
</li>
</ul>
</div>

View File

@ -1,8 +1,8 @@
<div class="section bg-white pt-10 pb-10 pb-lg-12">
<div class="section-bg" style="background-image:url('/images/backgrounds/bg-footer-cta.svg');width:2448px;"></div>
<div class="section-bg bg-footer-cta"></div>
<div class="container">
<h2 class="display-2 mb-7 mx-auto text-center" style="max-width:960px;">
<h2 class="display-2 mb-7 mx-auto text-center w-75">
{{ _('Stay informed on feature releases, product roadmap, and future support and cloud offerings! ') }}
</h2>

View File

@ -1,5 +1,5 @@
<div class="hero bg-white">
<div class="hero-bg" style="background-image:url('/images/backgrounds/bg-hero-home.svg');height:68vw;max-height:980px;max-width:2448px;width:170vw;"></div>
<div class="hero-bg" style=""></div>
<div class="container pt-8 pt-lg-10 pt-xl-15 pb-8 pb-lg-10">
<h1 class="display-1 mb-3 mx-auto text-center">
@ -31,7 +31,7 @@
<h5 class="text-blue text-center text-upper">Introducing ClickHouse inc.!</h5>
<p class="font-lg text-muted text-center mb-6 mx-auto" style="max-width:730px;">ClickHouse, Inc. Announces Incorporation, Along With $50M In Series A Funding. New financing will allow the open source success to build a world-class, commercial-grade cloud solution thats secure, compliant, and convenient for any customer to use.</p>
<p class="font-lg text-muted text-center mb-6 mx-auto w->ClickHouse, Inc. Announces Incorporation, Along With $50M In Series A Funding. New financing will allow the open source success to build a world-class, commercial-grade cloud solution thats secure, compliant, and convenient for any customer to use.</p>
<div class="btns" role="group">
<a href="#" class="btn btn-secondary" role="button">Read the Press Release</a>