ClickHouse/website/templates/index/quickstart.html

<div class="section bg-white pb-0 pb-lg-10">
	<div class="section-bg" style="background-image:url('/images/backgrounds/bg-quick-start.png');height:40vw;top:220px;width:170vw;"></div>
    <div class="container">

    	<h2 id="quick-start" class="display-2 mb-5 mb-md-8 mb-lg-10 text-center">Quick start</h2>

		<div class="tabs">

			<ul class="nav nav-tabs" id="install-tab" role="tablist">
				<li class="nav-item">
					<a class="nav-link active" id="deb-tab" data-toggle="tab" href="#deb" role="tab" aria-controls="deb" aria-selected="true" title="deb packages">Ubuntu or Debian</a>
				</li>
				<li class="nav-item">
					<a class="nav-link" href="/docs/en/commercial/cloud/" role="tab" aria-controls="cloud" aria-selected="false" title="Cloud Service Providers"><strong>Cloud</strong></a>
				</li>
				<li class="nav-item">
					<a class="nav-link" id="rpm-tab" data-toggle="tab" href="#rpm" role="tab" aria-controls="rpm" aria-selected="false" title="rpm packages">CentOS or RedHat</a>
				</li>
				<li class="nav-item">
					<a class="nav-link" id="tgz-tab" data-toggle="tab" href="#tgz" role="tab" aria-controls="tgz" aria-selected="false" title="tgz packages">Other Linux (x86)</a>
				</li>
				<li class="nav-item">
					<a class="nav-link" id="arm-tab" data-toggle="tab" href="#arm" role="tab" aria-controls="arm" aria-selected="false" title="ARM packages">Linux (ARM)</a>
				</li>
				<li class="nav-item">
					<a class="nav-link" id="mac-x86-tab" data-toggle="tab" href="#mac-x86" role="tab" aria-controls="mac-x86" aria-selected="false" title="Mac x86 packages">Mac (x86)</a>
				</li>
				<li class="nav-item">
					<a class="nav-link" id="mac-arm-tab" data-toggle="tab" href="#mac-arm" role="tab" aria-controls="mac-arm" aria-selected="false" title="Mac ARM packages">Mac (ARM)</a>
				</li>
				<li class="nav-item">
					<a class="nav-link" id="freebsd-tab" data-toggle="tab" href="#freebsd" role="tab" aria-controls="freebsd" aria-selected="false" title="FreeBSD packages">FreeBSD</a>
				</li>
			</ul>

			<div class="tabs-body">

				<div class="tab-content mb-5" id="install-tab-content">
					<div class="tab-pane show active syntax" id="deb" role="tabpanel" aria-labelledby="deb-tab">
						<pre>{% include "install/deb.sh" %}</pre>
					</div>
					<div class="tab-pane syntax" id="rpm" role="tabpanel" aria-labelledby="rpm-tab">
						<pre>{% include "install/rpm.sh" %}</pre>
					</div>
					<div class="tab-pane syntax" id="tgz" role="tabpanel" aria-labelledby="tgz-tab">
						<pre>{% include "install/tgz.sh" %}</pre>
					</div>
					<div class="tab-pane syntax" id="arm" role="tabpanel" aria-labelledby="arm-tab">
						<pre>{% include "install/arm.sh" %}</pre>
					</div>
					<div class="tab-pane syntax" id="mac-x86" role="tabpanel" aria-labelledby="mac-x86-tab">
						<pre>{% include "install/mac-x86.sh" %}</pre>
					</div>
					<div class="tab-pane syntax" id="mac-arm" role="tabpanel" aria-labelledby="mac-arm-tab">
						<pre>{% include "install/mac-arm.sh" %}</pre>
					</div>
					<div class="tab-pane syntax" id="freebsd" role="tabpanel" aria-labelledby="freebsd-tab">
						<pre>{% include "install/freebsd.sh" %}</pre>
					</div>
				</div>

				<p class="font-lg text-dark">
					For other operating systems the easiest way to get started is using
					<a href="https://hub.docker.com/r/yandex/clickhouse-server/" rel="external nofollow noreferrer" target="_blank">official Docker images of ClickHouse</a>,
					this is not the only
					<a href="https://clickhouse.tech/docs/en/getting-started/">option</a>
					though. Alternatively, you can easily get a running ClickHouse instance or cluster at
					<a href="https://cloud.yandex.com/services/managed-clickhouse?utm_source=referrals&amp;utm_medium=clickhouseofficialsite&amp;utm_campaign=link1" rel="external nofollow noreferrer" target="_blank">Yandex Managed Service for ClickHouse</a>.
				</p>

				<p class="font-lg text-dark mb-5">After you got connected to your ClickHouse server, you can proceed to:</p>

				<div class="btns justify-content-start">
					<a href="/docs/en/getting-started/tutorial/" class="btn btn-secondary" role="button">Tutorial</a>
					<a href="/docs/en/" class="btn btn-outline-secondary" role="button">Documentation</a>
				</div>

			</div>

		</div>

    </div>
</div>