<footer class="site-footer">
    <div class="site-footer__form ">
        <div class="container text-align-center">
            <h3 class="text-uppercase text-bold">Stay on top of the game with our newsletter!</h3>
            <p class="">You want new features, free webinars, pro tips, discounts and special offers? Be the first one to know.</p>
            <div class="site-footer__form-fields">
            <form class="form--dark">
                <div class="row site-footer__form-cols text-align-left">
                    <div class="col col-12 col-md-4">
                        <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>
                    <div class="col col-12 col-md-4">
                        <div class="form-group">
                            <label for="lname">Last name</label>
                            <input type="text" id="lname" name="lname" value="">
                        </div>
                    </div>
                    <div class="col col-12 col-md-4">
                        <div class="form-group">
                            <label for="email">Email</label>
                            <input type="email" id="email" name="email">
                        </div>
                    </div>
                </div>
                <div class="site-footer__form-submit">
                    <input type="submit" value="Keep me updated" class="btn btn--hollow">
                </div>
            </form> 
            </div>
        </div>
    </div>
    <div class="site-footer__cols-container">
        <div class="container">
            <div class="row site-footer__cols">
                <div class="col col col-12 col-md-4">
                    <h3 class="text-uppercase text-bold">Support</h3>
                    <ul>
                        <li><a href="#">Video tutorials</a></li>
                        <li><a href="#">Manual</a></li>
                        <li><a href="#">FAQ</a></li>
                    </ul>
                </div>
                <div class="col col col-12 col-md-4">
                    <h3 class="text-uppercase text-bold">Legal</h3>
                    <ul>
                        <li><a href="#">Terms and Conditions</a></li>
                        <li><a href="#">Privacy Policy</a></li>
                    </ul>
                </div>
                <div class="col col col-12 col-md-4">
                    <h3 class="text-uppercase text-bold">Contact</h3>
                    <p>Address: Antoniusstr. 5, Wettingen, CH</p>
                    <p>Email: <a href="mailto:?subject=Hockey Coach Vision&amp;body=Hockey coach vision">info@hockeycoachvision.com</a></p>
                    <div class="site-footer__icons">
                        <a href="">
                            <svg class="logo-facebook"><use href="<?= THEMEROOT ?>/frontend/img/icons.svg#logo-facebook"></use></svg>
                        </a>
                        <a href="">
                            <svg class="logo-twitter"><use href="<?= THEMEROOT ?>/frontend/img/icons.svg#logo-twitter"></use></svg>
                        </a>
                        <a href="">
                            <svg class="logo-instagram"><use href="<?= THEMEROOT ?>/frontend/img/icons.svg#logo-instagram"></use></svg>
                        </a>
                        <a href="">
                            <svg class="logo-youtube"><use href="<?= THEMEROOT ?>/frontend/img/icons.svg#logo-youtube"></use></svg>
                        </a>
                    </div>
                </div>
            </div>
            <div class="row site-footer__bottom">
                <p class="text-align-center">&copy; 2021 CoachVision GmbH</p>
            </div>
        </div>
    </div>
</footer>


<script type='text/javascript' src='<?= THEMEROOT . 'frontend/js/vendor/vendor.bundle.js' ?>'></script>
<script type='text/javascript' src='<?= THEMEROOT . 'frontend/js/core.bundle.js' ?>'></script>
<?php wp_footer(); ?>
</body>

</html>