col-xs-offset-* classes are missing in bootstrap-3.0.0 so use md instead for now...

[myslice.git] / portal / templates / contact.html

diff --git a/portal/templates/contact.html b/portal/templates/contact.html
index f9e2e4e..2652647 100644 (file)
--- a/portal/templates/contact.html
+++ b/portal/templates/contact.html
@@ -1,5 +1,4 @@
 {% extends "layout-unfold1.html" %}
-{% load i18n %}
 
 {% block head %}
 {{ wizard.form.media }}
@@ -7,16 +6,25 @@
 
 {% block unfold1_main %}
 
-
-<div style=" padding-top: 12px; background-color: orange; border: 1px solid #61210B; text-align: center;">
-         <h3>Onelab Support</h3>
-         <h3>If you have already registered then send an <a href="mailto:support@myslice.info"> e-mail </a>  or <a href="http://trac.myslice.info/" >visit us</a></h3>
+<link rel="stylesheet" type="text/css" href="{{STATIC_URL}}/css/onelab.css" />
+<div class="onelab-title well well-lg">
+  <h2>Onelab Support</h2>
+  <h4>If you have already registered, then please <a href="mailto:support@myslice.info">send an e-mail</a>
+  or <a href="http://trac.myslice.info/" >visit us</a></h4>
 </div>
 
-<form action="#" method="post">{% csrf_token %}
-{{ form.as_p }}
-<input type="submit" value="Submit" />
-</form>
-
+<div class='well'>
+  <form class="cmxform form-horizontal" id="commentForm" action="#" method="post" role="form">{% csrf_token %}
+  <fieldset>
+    {% for field in form %}
+    <div class="form-group">
+      <label for="{{ field.html_name }}" class="col-xs-4 control-label">{{ field.label }}</label>
+      <div class="col-xs-4"> {{ field.errors }} {{ field }} <p class="form-hint">{{ field.help_text }}</p> </div>
+    </div>
+    {% endfor %}
+    <button class="submit btn btn-default col-md-offset-4 col-xs-4" type="submit">Send to Support</button>
+  </fieldset>
+  </form>
+</div>
 {% endblock %}