57 lines
2.0 KiB
HTML

{{ 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 }}