layout and style changes

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

diff --git a/portal/templates/contact.html b/portal/templates/contact.html
index 2dd01ac..5660912 100644 (file)
--- a/portal/templates/contact.html
+++ b/portal/templates/contact.html
@@ -1,23 +1,34 @@
-{% extends "layout-unfold1.html" %}
-{% load i18n %}
+{% extends "layout.html" %}
 
 {% block head %}
 {{ wizard.form.media }}
 {% endblock %}
 
-{% block unfold1_main %}
-
-<link rel="stylesheet" type="text/css" href="{{STATIC_URL}}/css/register.css" />
-<form class="cmxform" id="commentForm" action="#" method="post">{% csrf_token %}
-<fieldset>
-<div class="OneLabTitle" style="margin-bottom:20px;">
-         <h2>Onelab Support</h2>
-         <h4>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></h4>
+{% block content %}
+<div class="row">
+       <h1><img src="{{ STATIC_URL }}img/icon_support_small.png" alt="Open a Ticket" /> OneLab Support</h1>
+</div>
+<div class="row">
+       <p>
+       If you have any diffculties using the portal, please contact us by filling this form below.<br />
+       You can also <a href="mailto:support@myslice.info">e-mail</a> us directly or consult to our <a target="_blank" href="http://trac.myslice.info/" >documentation</a>
+       </p>
 </div>
 
-{{ form.as_p }}
-<input type="submit" value="Submit" />
-</fieldset>
-</form>
+<div class="row">
+  <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-3 control-label">{{ field.label }}</label>
+      <div class="col-xs-6"> {{ field.errors }} {{ field }} <p class="form-hint">{{ field.help_text }}</p> </div>
+    </div>
+    {% endfor %}
+    <div class="col-xs-5">
+    </div>
+    <button class="submit btn btn-default col-xs-2" type="submit">Create Ticket</button>
+  </fieldset>
+  </form>
+</div>
 {% endblock %}