dynamicweb/digitalglarus/templates/digitalglarus/contact.html

77 lines
3.5 KiB
HTML
Executable File

{% extends "digitalglarus/base.html" %}
{% block title %}Contact{% endblock %}
{% block content %}
<div class="row">
<div class="box">
<div class="col-lg-12">
<hr>
<h2 class="intro-text text-center">Contact
<strong>DIGITAL.GLARUS</strong>
</h2>
<hr>
</div>
<div class="col-md-8">
<!-- Embedded Google Map using an iframe - to select your location find it on Google maps and paste the link as the iframe src. If you want to use the Google Maps API instead then have at it! -->
<iframe width="100%" height="400" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="http://maps.google.com/maps?hl=en&amp;ie=UTF8&amp;ll=46.969959,9.039001&amp;spn=56.506174,79.013672&amp;t=m&amp;z=12&amp;output=embed"></iframe>
</div>
<div class="col-md-4">
<p>Phone:
<strong>+41 (0) 44 534 66 22</strong>
</p>
<p>Email:
<strong><a href="mailto:digital.glarus@ungleich.ch">digital.glarus@ungleich.ch</a></strong>
</p>
<p>Address:
<strong>Hauptstrasse 14, 8775 Luchsingen<br>
</strong></p>
</div>
<div class="clearfix"></div>
</div>
</div>
<div class="row">
<div class="box">
<div class="col-lg-12">
<hr>
<h2 class="intro-text text-center">Contact
<strong>form</strong>
</h2>
<hr>
<p>If you want further information on Digital Glarus, please send us a message using the form below.</p>
<form action="{% url 'digitalglarus:contact' %}" method="post" role="form">
{% csrf_token %}
<div class="row">
<div class="form-group col-lg-4">
<label>Name</label>
<input type="text" class="form-control" name="name">
</div>
<div class="form-group col-lg-4">
<label>Email Address</label>
<input type="email" class="form-control" name="email">
</div>
<div class="form-group col-lg-4">
<label>Phone Number</label>
<input type="tel" class="form-control" name="phone_number">
</div>
<div class="clearfix"></div>
<div class="form-group col-lg-12">
<label>Message</label>
<textarea class="form-control" rows="6" name="message"></textarea>
</div>
<div class="form-group col-lg-12">
<input type="hidden" name="save" value="contact">
<button type="submit" class="btn btn-default">Submit</button>
</div>
</div>
</form>
</div>
</div>
</div>
</div>
<!-- /.container -->
{% endblock %}