<?php
/*
 * Template Name: Contact - static
 *
 */

 get_header('static');

?>
<main>
    <section class="hero-page bg-dark-arrows">
        <div class="container">
            <h1 class="hero-page__main-title text-left text-align-left text-uppercase">Contact us</h1>
            <p class="hero-page__subtitle text-left h2">We’d like to talk to you!</p>
        </div>

    </section>
    <section class="bg-form">
        <div class="container">
            <div class="bg-form__content">
                <div class="bg-form__header text-align-center">
                    <h3 class="h2 text-uppercase text-align-center">Dear ice hockey coaches</h3>
                    <p>We want to make Hockey Coach Vision the perfect tool to support you in your daily work. So don't hesitate to give us your feedback!</p>
                </div>
                <form class="bg-form__form form--light">
                    <div class="row">
                        <div class="form-group">
                            <label for="fname">First name</label>
                            <input type="text" id="fname" name="fname" value="">
                            <div style="" data-error-type="required" class="error-msg">#error message</div>
                        </div>
                        <div class="form-group">
                            <label for="lname">Last name</label>
                            <input type="text" id="lname" name="lname" value="">
                            <div style="" data-error-type="required" class="error-msg">#error message</div>
                        </div>
                    </div>
                    <div class="form-group">
                        <label for="organisation">Organisation (optional)</label>
                        <input type="text" id="organisation" name="organisation" value="">
                    </div>
                    <div class="form-group">
                        <label for="message">Message</label>
                        <input type="text" id="message" name="message" value="">
                        <div style="" data-error-type="required" class="error-msg">#error message</div>
                    </div>
                    <div class="bg-form__submit">
                        <input type="submit" value="Send" class="btn btn--primary">
                    </div>
                </form>
            </div>
        </div>
    </section>

    <section class="text-two-img bg-dark-arrows ">
        <div class="container text-two-img__wrap">
            <div class="text-two-img__text ">
                <h2 class="h1 text-uppercase">About us</h2>
                <p>Dictum sed sollicitudin egestas a. Vitae massa aliquet pharetra tortor vitae. Leo nibh feugiat suspendisse scelerisque lorem pellentesque. In ut ultrices viverra facilisis vitae. Interdum consequat cursus sagittis, mi, nunc. Ornare viverra turpis egestas posuere semper sodales vel et. Purus diam rutrum sagittis</p>
                <p>Varius mauris, aenean diam, neque, viverra magna tincidunt. Vel egestas sollicitudin aliquam sapien interdum morbi.Justo morbi faucibus suspendisse dis elementum condimentum tristique sed. Urna, at id vitae scelerisque.</p>
            </div>
            <div class="text-two-img__images">
                <div class="img-container">
                    <div class="img-wrap">
                        <img src="<?= THEMEROOT; ?>/frontend/img/tmp-img/filip-kostovic.jpg" alt="" />
                    </div>
                    <span>Filip Kostović</span>
                </div>
                <div class="img-container">
                    <div class="img-wrap">
                        <img src="<?= THEMEROOT; ?>/frontend/img/tmp-img/larry-huras.jpg" alt="" />
                    </div>
                    <span>Larry Huras</span>
                </div>
            </div>

        </div>

    </section>

    <section class="text-img-list">
        <div class="container container--narrow">
            <h2 class="h1 text-uppercase">Coaches</h2>
            <p>Dictum sed sollicitudin egestas a. Vitae massa aliquet pharetra tortor vitae. Leo nibh feugiat suspendisse scelerisque lorem pellentesque. In ut ultrices viverra facilisis vitae. Interdum consequat cursus sagittis, mi, nunc. Ornare viverra turpis egestas posuere semper sodales vel et. Purus diam rutrum sagittis, facilisis varius in diam eu turpis. Posuere quis ut consequat iaculis et faucibus praesent eget. Platea maecenas viverra proin sodales bibendum rutrum vel</p>
            <div class="text-img-list__images">
                <div class="img-container">
                    <div class="img-wrap">
                        <img src="<?= THEMEROOT; ?>/frontend/img/tmp-img/tomas-brdicko.jpg" alt="" />
                    </div>
                    <span>Tomas Brdicko</span>
                </div>
                <div class="img-container">
                    <div class="img-wrap">
                        <img src="<?= THEMEROOT; ?>/frontend/img/tmp-img/anders-gjose.jpg" alt="" />
                    </div>
                    <span>Anders Gjøse</span>
                </div>
                <div class="img-container">
                    <div class="img-wrap">
                        <img src="<?= THEMEROOT; ?>/frontend/img/tmp-img/eric-calder.jpg" alt="" />
                    </div>
                    <span>Eric Calder</span>
                </div>
                <div class="img-container">
                    <div class="img-wrap">
                        <img src="<?= THEMEROOT; ?>/frontend/img/tmp-img/larry-huras.jpg" alt="" />
                    </div>
                    <span>Larry Huras</span>
                </div>
                <div class="img-container">
                    <div class="img-wrap">
                        <img src="<?= THEMEROOT; ?>/frontend/img/tmp-img/michael-friedli.jpg" alt="" />
                    </div>
                    <span>Michael Friedli</span>
                </div>

            </div>
        </div>

    </section>

<?php get_footer('static');