docs.metabase.github.io/demo.html at master · metabase/docs.metabase.github.io · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
---
layout: default
title: "See Metabase in Action"
summary: "Watch Jess build her first dashboard with Metabase in just 5 minutes"
---
<div class="bootstrap">
    <div class="demo-page">
        <div class="container pt-4 pb-12">
            <div class="row flex-column flex-md-row">
                <div class="col-12 col-lg-8">
                    <h1 class="h3 mb-6 mt-8">{{ page.title }}</h1>
                    <div class="rounded-4 overflow-hidden mb-3" style="position: relative; padding-bottom: 56.25%; height: 0;">
                        <iframe src="https://www.youtube.com/embed/dnT2Xj52mnk?si=kO7P56S82EIoQebv" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen style="position: absolute; top: 0; left: 0; width: 100%; height: 100%;"></iframe>
                    </div>
                    <p class="paragraph-5">{{ page.summary }}</p>
                </div>
                <div class="col-12 col-lg-4 pt-4 mt-lg-8">
                    <p class="paragraph-5 neutral-60 mb-6">Next steps</p>
                    <div class="rounded-4 p-6 blue-card mb-5">
                        <h5>Try it yourself</h5>
                        <p class="paragraph-5">Get started with a 14-day free trial, no-strings-attached.</p>
                        <a class="Button btn btn-primary w-100" href="https://store.metabase.com/checkout">Get started</a>
                    </div>
                    <div class="rounded-4 p-6 purple-card">
                        <h5>Talk to an expert</h5>
                        <p class="paragraph-5">Got questions? We’re happy to help you explore Metabase or find the right plan.</p>
                        <a class="Button btn btn-primary-purple w-100" href="/talk-to-a-person/">Contact Us</a>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>