ClickHouse/website/templates/index/community.html

<div class="section pb-10 pt-15">
    <div class="container">

		<div class="row">
			<div class="col-lg-5">

				<h2 id="community" class="display-2 mb-5">
					{{ _('Join our growing Clickhouse Community') }}
				</h2>
		
				<p class="lead text-muted mb-3">
					{{ _('Together we are building the best analytical open source software,.. Join the conversation, ask questions, get answers, and connect.') }}
				</p>

				<div class="mb-10">
					<a href="/blog/en/" class="btn btn-outline-secondary" role="button" rel="nofollow">
						{{ _('See Our Blog') }}
					</a>
				</div>

				<div class="has-border-left">
					<p class="display-6 mb-1">{{ _('Like ClickHouse?') }}</p>
					<p class="mb-3">{{ _('Help to spread the word about it via Facebook, Twitter and LinkedIn!') }}</p>
					<div class="social-icons">
						<a
							rel="external nofollow noreferrer"
							target="_blank"
							href="https://www.facebook.com/sharer.php?u=https://clickhouse.tech"
							title="Facebook"
							class="social-icons-facebook"
						></a>
						<a
							rel="external nofollow noreferrer"
							target="_blank"
							href="https://twitter.com/intent/tweet?url=https://clickhouse.tech"
							title="Twitter"
							class="social-icons-twitter"
						></a>
						<a
							rel="external nofollow noreferrer"
							target="_blank"
							href="https://www.linkedin.com/shareArticle?url=https://clickhouse.tech"
							title="LinkedIn"
							class="social-icons-linkedin"
						></a>
					</div>
				</div>

			</div>
			<div class="col-lg-7">

				<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">

						<a href="https://github.com/ClickHouse/ClickHouse/issues/new/choose" rel="external nofollow noreferrer" target="_blank" class="card text-decoration-none">
							<div class="card-body">

								<img data-src="/images/icons/icon-github.svg" alt="ClickHouse GitHub" title="ClickHouse GitHub" class="icon mx-auto">
								<div class="display-6">GitHub</div>
								<p class="font-sm text-muted">Open GitHub issue to ask for help or to file a feature request</p>

							</div>
						</a>

					</div>
					<div class="col-lg-6 d-flex align-items-stretch">

						<a href="https://join.slack.com/t/clickhousedb/shared_invite/zt-rxm3rdrk-lIUmhLC3V8WTaL0TGxsOmg" rel="external nofollow noreferrer" target="_blank" class="card text-decoration-none">
							<div class="card-body">

								<img data-src="/images/icons/icon-slack.svg" alt="ClickHouse Slack Workspace" title="ClickHouse Slack Workspace" class="icon mx-auto">
								<div class="display-6">Slack</div>
								<p class="font-sm text-muted">Multipurpose public hangout</p>

							</div>
						</a>

					</div>
				</div>
				<div class="row mb-5 align-items-stretch">
					<div class="col-lg-6 d-flex align-items-stretch">

						<a href="https://stackoverflow.com/questions/tagged/clickhouse" rel="external nofollow noreferrer" target="_blank" class="card text-decoration-none">
							<div class="card-body">

								<img data-src="/images/icons/icon-stack-overflow.svg" alt="ClickHouse at Stack Overflow" title="ClickHouse at Stack Overflow" class="icon mx-auto">
								<div class="display-6">Stack Overflow</div>
								<p class="font-sm text-muted">Ask any questions</p>

							</div>
						</a>

					</div>
					<div class="col-lg-6 d-flex align-items-stretch">

						<a href="https://groups.google.com/group/clickhouse" rel="external nofollow noreferrer" target="_blank" class="card text-decoration-none">
							<div class="card-body">

								<img data-src="/images/icons/icon-google.svg" alt="ClickHouse at Google Groups" title="ClickHouse at Google Groups" class="icon mx-auto">
								<div class="display-6">Google Group</div>
								<p class="font-sm text-muted">Email discussions</p>

							</div>
						</a>

					</div>
				</div>
				<div class="row align-items-stretch">
					<div class="col-lg-6 d-flex align-items-stretch">

						<a href="https://www.youtube.com/c/ClickHouseDB" rel="external nofollow noreferrer" target="_blank" class="card text-decoration-none">
							<div class="card-body">

								<img data-src="/images/icons/icon-youtube.svg" alt="ClickHouse YouTube Channel" title="ClickHouse YouTube Channel" class="icon mx-auto">
								<div class="display-6">YouTube</div>
								<p class="font-sm text-muted">Subheader text goes here lorem ipsum sit amet dolor</p>

							</div>
						</a>

					</div>
					<div class="col-lg-6 d-flex align-items-stretch">

						<div rel="external nofollow noreferrer" target="_blank" class="card has-hover">
							<div class="card-body">

								<img data-src="/images/icons/icon-telegram.svg" alt="ClickHouse at Telegram" title="ClickHouse at Telegram" class="icon mx-auto">
								<div class="display-6">Telegram</div>
								<p class="font-sm text-muted">
									{{ _('Chat with real users in ') }}
									<a href="https://telegram.me/clickhouse_en" rel="external nofollow noreferrer" target="_blank" class="text-blue text-decoration-underline">{{ _('English') }}</a>
                            		{{ _('or in') }}
                            		<a href="https://telegram.me/clickhouse_ru" rel="external nofollow noreferrer" target="_blank" class="text-blue text-decoration-underline">{{ _('Russian') }}</a>
								</p>

							</div>
						</div>

					</div>
				</div>

			</div>
		</div>

    </div>
</div>