ClickHouse/website/templates/index/hero.html

<div class="container">
    <div class="row">
        <div class="col-lg-7 py-lg-5 py-1">
            <h1 class="display-5">ClickHouse® is a fast <a href="https://github.com/ClickHouse/ClickHouse" rel="external nofollow noreferrer" target="_blank">open-source</a> OLAP database management system</h1>
            <p class="lead">It is column-oriented and allows to generate analytical reports using SQL queries in real-time.</p>
            <div class="row lead my-3">
                <div class="col-md mb-0 mb-md-1">
                    <ul class="list-unstyled mb-0 mb-md-1">
                        <li><a class="text-reset" href="#blazing-fast">✓ Blazing fast</a></li>
                        <li><a class="text-reset" href="#linearly-scalable">✓ Linearly scalable</a></li>
                        <li><a class="text-reset" href="#feature-rich">✓ Feature-rich</a></li>
                    </ul>
                </div>
                <div class="col-md">
                    <ul class="list-unstyled">
                        <li><a class="text-reset" href="#hardware-efficient">✓ Hardware efficient</a></li>
                        <li><a class="text-reset" href="#fault-tolerant">✓ Fault-tolerant</a></li>
                        <li><a class="text-reset" href="#highly-reliable">✓ Highly reliable</a></li>
                    </ul>
                </div>
            </div>
            <div class="row lead">

                <div class="col-lg pb-2">
                    <a href="https://play.clickhouse.tech/?file=welcome" class="btn btn-lg btn-yellow w-100 mb-2" role="button" target="_blank" rel="external nofollow">
                        <div class="py-2">
                            <h2>Try online demo</h2>
                            <div class="lead">Powered by Yandex.Cloud</div>
                        </div>
                    </a>
                </div>
                <div class="col-lg pb-2">
                    <a href="#quick-start" class="btn btn-lg btn-outline-orange w-100 mb-3" role="button">Quick start</a>
                    <a href="docs/en/" class="btn btn-lg btn-outline-orange w-100" role="button">Documentation</a>
                </div>
            </div>
        </div>
        <div class="col-lg-5 py-lg-5 py-1 px-0">
            <img src="images/index/intro.svg" alt="ClickHouse is capable of generating analytical data reports in real time, with sub-second latencies" title="ClickHouse is capable of generating analytical data reports in real time" class="my-3 img-fluid" />
        </div>
    </div>
</div>