<div class="container" style="padding-bottom: 80px;">
    <div class="row">
        <div class="col-12">
            <h2 class="group-header">Links</h2>
        </div>
    </div>
    <div class="row">
        <div class="col-12 col-sm-4 col-md-4 col-lg-4" style="margin-bottom: 20px">
            <div class="card card-dark">
                <div class="card-body">
                    <h5 class="card-title">Company</h5>
                    <ul class="card-text list">
                        <li><a href="/">Home</a></li>
                        <li><a href="https://store.steampowered.com/search/?developer=Kairoscope"
                            target="_BLANK"
                            v-on:click="mixpanelTrack('External Link', { target: 'Steam', link : 'https://store.steampowered.com/search/?developer=Kairoscope'})">
                            Steam Page</a>
                        </li>
                        <li><a href="/blog">Blog</a></li>
                        <li><a href="/contact">Contact</a></li>
                        <li><a href="/presskits">Presskits</a></li>
                    </ul>
                </div>
            </div>
        </div>
        <div class="col-12 col-sm-4 col-md-4 col-lg-4" style="margin-bottom: 20px">
            <div class="card card-dark">
                <div class="card-body">
                    <h5 class="card-title">Games</h5>
                    <ul class="card-text list">
                        <li><a href="/games/grid-miner">Grid Miner</a></li>
                        <li><a href="/games/max-raider">Max Raider</a></li>
                    </ul>
                </div>
            </div>
        </div>
        <div class="col-12 col-sm-4 col-md-4 col-lg-4" style="margin-bottom: 20px">
            <div class="card card-dark">
                <div class="card-body">
                    <h5 class="card-title">Comunity</h5>
                    <ul class="card-text list">
                        <li><a href="https://twitter.com/kairoscopegames" 
                            target="_BLANK"
                            v-on:click="mixpanelTrack('External Link', { target: 'Twitter', link : 'https://twitter.com/kairoscopegames'})">
                            Twitter</a>
                        </li>
                        <li><a href="https://discord.gg/SvKJ2cy"
                            target="_BLANK"
                            v-on:click="mixpanelTrack('External Link', { target: 'Discord', link : 'https://discord.gg/SvKJ2cy'})">
                            Discord</a>
                        </li>
                        <li><a href="https://www.youtube.com/channel/UCzxug8k-rlHzimEy_XCS7Cw"
                            target="_BLANK"
                            v-on:click="mixpanelTrack('External Link', { target: 'Youtube', link : 'https://www.youtube.com/channel/UCzxug8k-rlHzimEy_XCS7Cw'})">
                            Youtube</a>
                        </li>
                        <li><a href="/newsletter"
                            v-on:click="mixpanelTrack('External Link', { target: 'Newsletter', link : 'https://newsletter.kairoscope.net'})">
                            Newsletter</a>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
</div>