{{ define "main" }} <link rel="stylesheet" href="https://unpkg.com/leaflet@1.7.1/dist/leaflet.css" integrity="sha512-xodZBNTC5n17Xt2atTPuE1HxjVMSvLVW9ocqUKLsCC5CXdbqCmblAshOMAS6/keqq/sMZMZ19scR4PsZChSR7A==" crossorigin=""/> <!-- Make sure you put this AFTER Leaflet's CSS --> <script src="https://unpkg.com/leaflet@1.7.1/dist/leaflet.js" integrity="sha512-XQoYMqMTK8LvdxXYG3nZ448hOEQiglfqkJs1NOQV44cWnUrBc8PkAOcXy20w0vlaXaVUearIOBhiXZ5V3ynxwA==" crossorigin=""></script> <style> #map { height: 500px; border: 1px solid #aaa; border-radius: 15px; } </style> <!-- contact --> <section class="section bg-gray"> <div class="container"> <div class="row"> <div class="col-lg-12"> <h2 class="section-title">{{ i18n "contact_us" }}</h2> </div> </div> <div class="row"> <div class="col-lg-7 mb-4 mb-lg-0"> <form action="https://cantorgymnasium.de/contact.php" method="POST"> <input type="text" class="form-control mb-3" id="name" name="visitor_name" placeholder="Ihr Name"> <input type="email" class="form-control mb-3" id="mail" name="visitor_email" placeholder="Ihre E-Mail Adresse"> <input type="text" class="form-control mb-3" id="subject" name="email_title" placeholder="Betreff"> <textarea name="visitor_message" id="message" class="form-control mb-3" placeholder="Nachricht"></textarea> <button type="submit" value="send" class="btn btn-primary">{{ i18n "send" }}</button> </form> </div> <div class="col-lg-5"> {{ .Content }} <a href="tel:{{ .Site.Params.mobile }}" class="mb-5 btn btn-primary">{{ .Site.Params.mobile }}</a> <a href="mailto:{{ .Site.Params.email }}" class="btn btn-primary">{{ .Site.Params.email }}</a> </div> </div> </div> </section> <!-- /contact --> <section class="section pt-0 bg-gray"> <div class="container"> <div id="map"> <script src="/js/map.js"></script> </div> </div> </section> {{ end }}