{{ define "main" }}
<main class="post">

    <div class="container-fluid">
        <div class="container">
            <div class="row">
                <div class="offset-xl-1 col-xl-6 offset-lg-1 col-lg-6 col-md-8 col-12 pt-5">
                    <h1 class="post-title">{{ i18n "getinTouch" }}</h1>
                    <p class="contact">{{ i18n "contactTeam" }}</p>
                </div>
            </div>
            <div class="row justify-content-center">
                <div class="col-xl-10 col-lg-10 col-md-12 col-12 pt-5">
                    <div class="row social-links">
                        <div class="col-xl-4 col-lg-3 col-12 mb-lg-0 mb-5">
                            <p>Berlin Office</p>
                            <address>c/o Cultivation Space<br />
                                Aufgang 4<br />
                                Gottschedstraße 4<br />
                                13357 Berlin</address>
                        </div>
                        <div class="col-xl-8 col-lg-9 col-12 mb-lg-0 mb-5">
                            <div class="row">
                                <div class="col-xl-4 col-lg-auto col-12 mb-lg-4 mb-5">
                                    <p>Email</p>
                                    <a href="mailto:hello@ura.design">hello@ura.design</a>
                                </div>
                                <div class="col-xl-4 col-lg-auto col-12 mb-lg-4 mb-5">
                                    <p>GitHub</p>
                                    <a href="https://github.com/uradotdesign" target="_blank"
                                        rel="noopener noreferrer">UraDotDesign</a>
                                </div>
                                <div class="col-xl-4 col-lg-auto col-12 mb-lg-4 mb-5">
                                    <p>Twitter</p>
                                    <a href="https://twitter.com/uradotdesign" target="_blank"
                                        rel="noopener noreferrer">@uradotdesign</a>
                                </div>
                                <div class="col-xl-4 col-lg-auto col-12 mb-lg-0 mb-5">
                                    <p>Instagram</p>
                                    <a href="https://instagram.com/uradotdesign" target="_blank"
                                        rel="noopener noreferrer">uradotdesign</a>
                                </div>
                                <div class="col-xl-4 col-lg-auto col-12 mb-lg-0 mb-5">
                                    <p>Mattermost Chat</p>
                                    <a href="https://chat.ura.design" target="_blank"
                                        rel="noopener noreferrer">chat.ura.design</a>
                                </div>
                                <div class="col-xl-4 col-lg-auto col-12 mb-lg-0 mb-5">
                                    <p>LinkedIn</p>
                                    <a href="https://www.linkedin.com/company/ura/" target="_blank"
                                        rel="noopener noreferrer">company/ura</a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <div class="container px-sm-3 px-0">
            <div class="row pt-lg-5 pt-0 justify-content-end">
                <div class="col-xl-5 col-lg-7 col-12 px-lg-3 px-0">
                    <div class="cta-card py-5">
                        <h2>{{ i18n "preferCall" }}</h2>
                        <a class="arrow-link" href="https://cal.ura.design/uradotdesign" rel="noopener noreferrer" target="_blank">{{ i18n "scheduleCall" }}{{ partial "fontawesome.html" "solid/arrow-right" }}</a>
                    </div>
                </div>
            </div>
        </div>
    </div>
</main>
{{ end }}