[IMP] add website_hr_recruitment

Module for jobs displayed on the website.
The public user can apply or follow the jobs.

little fixes in website_mail

bzr revid: chm@openerp.com-20131002115603-ikgipps88vbf69ef

diff --cc addons/website/static/src/xml/website.snippets.xml
index 263c383,b0ee431..a345ac0
--- 1/addons/website/static/src/xml/website.snippets.xml
--- 2/addons/website/static/src/xml/website.snippets.xml
+++ b/addons/website/static/src/xml/website.snippets.xml
@@@ -193,10 -195,8 +193,10 @@@
          <div class='oe_snippet_class'>dark</div>
      </div>
  
-     <div t-name="website.snippets.well" data-snippet-id='well' data-category='content' data-selector-siblings='p, h1, h2, h3, blockquote'>
+     <div t-name="website.snippets.well" data-snippet-id='well' data-category='content' data-selector-siblings='p, h1, h2, h3, blockquote, div'>
 -        <div class='oe_snippet_thumbnail'>Well</div>
 +        <div class='oe_snippet_thumbnail'>
 +            <span class="oe_snippet_thumbnail_title">Well</span>
 +        </div>
          <div class="oe_snippet_body well">
              Manage your sales funnel with no effort with OpenERP CRM. Attract
              leads, follow-up on phone calls and meetings. Analyse the quality
@@@ -204,11 -204,8 +204,11 @@@
          </div>
      </div>
  
-     <div t-name="website.snippets.quote" data-snippet-id='quote' data-category='content' data-selector-siblings='p, h1, h2, h3, blockquote'>
+     <div t-name="website.snippets.quote" data-snippet-id='quote' data-category='content' data-selector-siblings='p, h1, h2, h3, blockquote, div'>
 -        <div class='oe_snippet_thumbnail'>Quote</div>
 +        <div class='oe_snippet_thumbnail'>            
 +            <img class="oe_snippet_thumbnail_img" src="/website/static/src/img/blocks/block_quote.png"/>
 +            <span class="oe_snippet_thumbnail_title">Quote</span>
 +        </div>
          <blockquote class="oe_snippet_body">
              <p>
                  OpenERP provides essential platform for our project management.
@@@ -218,11 -215,8 +218,11 @@@
          </blockquote>
      </div>
  
-     <div t-name="website.snippets.panel" data-snippet-id='panel' data-category='content' data-selector-siblings='p, h1, h2, h3, blockquote'>
+     <div t-name="website.snippets.panel" data-snippet-id='panel' data-category='content' data-selector-siblings='p, h1, h2, h3, blockquote, div'>
 -        <div class='oe_snippet_thumbnail'>Panel</div>
 +        <div class='oe_snippet_thumbnail'>
 +            <img class="oe_snippet_thumbnail_img" src="/website/static/src/img/blocks/block_panel.png"/>
 +            <span class="oe_snippet_thumbnail_title">Panel</span>
 +        </div>
          <div class="oe_snippet_body panel panel-default">
              <div class="panel-heading">
                  <h3 class="panel-title">OpenERP Features</h3>
@@@ -238,16 -232,13 +238,16 @@@
  
      <div t-name="website.snippets.surprise" data-snippet-id='vomify' data-category='content' data-selector-children='.oe_structure'>
          <div class="oe_snippet_body" style="height: 0; position: absolute;"></div>
 -        <div class='oe_snippet_thumbnail' style='background-image:radial-gradient(red,orange,yellow,green,blue);'>Surprise!</div>
 +        <div class='oe_snippet_thumbnail'>
 +            <img class="oe_snippet_thumbnail_img" src="/website/static/src/img/blocks/block_surprise.png"/>
 +            <span class="oe_snippet_thumbnail_title">Surprise!</span>
 +        </div>
      </div>
- 
+       
      <div t-name="website.snippets.text-image" data-snippet-id='text-image' data-category='structure' data-selector-children='.oe_structure, [data-oe-type=html]'>
          <div class='oe_snippet_thumbnail'>
 -            <span style="position: absolute; top: 50px; left: 5px;">Text-Image</span>
 -            <img src="/website/static/src/img/banner/banner_picture.png" style="position: absolute; right: 5px; top: 50px; max-width: 28%"/>
 +            <img class="oe_snippet_thumbnail_img" src="/website/static/src/img/blocks/block_text_image.png"/>
 +            <span class="oe_snippet_thumbnail_title">Text-Image</span>
          </div>
          <section class="oe_snippet_body">
              <div class="container">

diff --cc addons/website_blog/controllers/main.py
index 21bdcda,21bdcda..feb0544
--- 1/addons/website_blog/controllers/main.py
--- 2/addons/website_blog/controllers/main.py
+++ b/addons/website_blog/controllers/main.py
@@@ -76,8 -76,8 +76,6 @@@ class WebsiteBlog(http.Controller)
          tag_obj = request.registry['blog.tag']
          category_obj = request.registry['blog.category']
  
--        current_user = request.registry['res.users'].browse(cr, uid, uid, context=context)
--
          tag = None
          category = None
          blog_post = None
@@@ -147,7 -147,7 +145,6 @@@
              'blog_posts': blog_posts,
              'pager': pager,
              'nav_list': nav,
--            'current_user': current_user,
              'unable_editor': post.get('unable_editor')
          }
  

diff --cc addons/website_blog/views/website_blog_templates.xml
index 2c81dea,2c81dea..5010887
--- 1/addons/website_blog/views/website_blog_templates.xml
--- 2/addons/website_blog/views/website_blog_templates.xml
+++ b/addons/website_blog/views/website_blog_templates.xml
@@@ -214,7 -214,7 +214,7 @@@
                          Be notified of new blog posts in <t t-esc="category.name"/>
                      </p>
                      <t t-call="website_mail.follow">
--                        <t t-set="email" t-value="current_user.email"/>
++                        <t t-set="email" t-value="user_id.email"/>
                          <t t-set="object" t-value="category"/>
                      </t>
                  </t>

diff --cc addons/website_hr_recruitment/__openerp__.py
index 0000000,1a9dbb9..6107e90
mode 000000,100644..100644
--- /dev/null
--- 2/addons/website_hr_recruitment/__openerp__.py
+++ b/addons/website_hr_recruitment/__openerp__.py
@@@ -1,0 -1,24 +1,24 @@@
+ {
+     'name': 'Career Form',
+     'category': 'Website',
+     'version': '1.0',
+     'summary': 'Job Position',
+     'description': """
+ OpenERP Contact Form
+ ====================
+ 
+         """,
+     'author': 'OpenERP SA',
 -    'depends': ['website', 'hr', 'hr_recruitment'],
++    'depends': ['website', 'hr', 'hr_recruitment', 'website_mail'],
+     'data': [
 -      'website_hr_recruitment_demo.xml',
 -      'website_hr_recruitment_data.xml',
++    'website_hr_recruitment_demo.xml',
++    'website_hr_recruitment_data.xml',
+         'views/website_hr_recruitment.xml',
+         'security/ir.model.access.csv',
+         'security/website_hr_recruitment_security.xml',
+     ],
+     'css':[
+        'static/src/css/*.css'
+       ],
+     'installable': True,
+ }

diff --cc addons/website_hr_recruitment/controllers/main.py
index 0000000,a7ec452..0cae26f
mode 000000,100644..100644
--- /dev/null
--- 2/addons/website_hr_recruitment/controllers/main.py
+++ b/addons/website_hr_recruitment/controllers/main.py
@@@ -1,0 -1,159 +1,104 @@@
+ # -*- coding: utf-8 -*-
+ from openerp.addons.web import http
 -from openerp import SUPERUSER_ID
+ from openerp.addons.web.http import request
+ from openerp.addons.website.models import website
+ import base64
 -import simplejson
+ 
 -from urllib import quote_plus
+ 
+ class website_hr_recruitment(http.Controller):
+ 
+     @website.route(['/jobs', '/jobs/page/<int:page>/', '/department/<id>/', '/department/<id>/page/<int:page>/'], type='http', auth="public")
+     def jobs(self, id=0, page=1, **post):
+         id = id and int(id) or 0
 -        website = request.registry['website']
+         hr_job_obj = request.registry['hr.job']
+         hr_department_obj = request.registry['hr.department']
+ 
 -        domain = [(1, '=', 1)] or [('website_published', '=', True)]
 -        search = [("state", 'in', ['recruit', 'open'])]
 -        domain += search
++        domain = [("state", 'in', ['recruit', 'open'])]
+         if id != 0:
+             domain += [('department_id','=', id)]
+         jobpost_ids = hr_job_obj.search(request.cr, request.uid, domain)
 -        request.cr.execute("select distinct(com.id) from hr_job job, res_company com where com.id=job.company_id")
++        request.cr.execute("SELECT DISTINCT(hr_job.company_id) FROM hr_job WHERE hr_job.company_id IS NOT NULL")
+         ids = []
+         for i in request.cr.fetchall():
+             ids.append(i[0])
+         companies = request.registry['res.company'].browse(request.cr, request.uid, ids)
++
+         vals = {}
+         for rec in hr_job_obj.browse(request.cr, request.uid, jobpost_ids):
+             vals[rec.id] = {'count': int(rec.no_of_recruitment), 'date_recruitment': rec.write_date.split(' ')[0]}
 -        step = 5
+ 
+         department_ids = []
 -        request.cr.execute("select * from hr_department")
++        request.cr.execute("SELECT * FROM hr_department")
+         for i in request.cr.fetchall():
+             department_ids.append(i[0])
+         active = id
 -        step = 5
++
++        step = 10
+         pager = request.website.pager(url="/jobs/", total=len(jobpost_ids), page=page, step=step, scope=5)
 -        #jobpost_ids = hr_job_obj.search(request.cr, request.uid, domain, limit=step, offset=pager['offset'])
++        jobpost_ids = hr_job_obj.search(request.cr, request.uid, domain, limit=step, offset=pager['offset'])
+         
+         values = {
+             'active': active,
+             'companies': companies,
+             'res_job': hr_job_obj.browse(request.cr, request.uid, jobpost_ids),
+             'departments': hr_department_obj.browse(request.cr, request.uid, department_ids),
+             'vals': vals,
 -            'no_of_jobs': len(hr_job_obj.browse(request.cr, request.uid, jobpost_ids)),
 -           # 'pager': pager
++            'pager': pager
+         }
+         return request.website.render("website_hr_recruitment.index", values)
+ 
+     @website.route(['/job/detail/<id>'], type='http', auth="public")
+     def detail(self, id=0):
+         id = id and int(id) or 0
 -        website = request.registry['website']
+         values = {
+             'job': request.registry['hr.job'].browse(request.cr, request.uid, id),
+             'vals_date': request.registry['hr.job'].browse(request.cr, request.uid, id).write_date.split(' ')[0]
+         }
+         return request.website.render("website_hr_recruitment.detail", values)
+ 
+     @website.route(['/job/success'], type='http', auth="admin")
+     def success(self, **post):
+         id = request.registry['hr.applicant'].create(request.cr, request.uid, post)
+         if post['ufile']:
+             attachment_values = {
+                 'name': post['ufile'].filename,
+                 'datas': base64.encodestring(post['ufile'].read()),
+                 'datas_fname': post['ufile'].filename,
+                 'res_model': 'hr.applicant',
+                 'res_name': post['name'],
+                 'res_id': id
+                 }
+             request.registry['ir.attachment'].create(request.cr, request.uid, attachment_values)
+         website = request.registry['website']
+         values = {
+                 'jobid': post['job_id']
+            }
+         return request.website.render("website_hr_recruitment.thankyou", values)
+    
+     @website.route(['/apply/<int:id>'], type='http', auth="public")
+     def applyjobpost(self, id=0):
+         id = id and int(id) or 0
+         job = request.registry['hr.job'].browse(request.cr, request.uid, id)
+         values = {
+             'job': job
+         }
+         return request.website.render("website_hr_recruitment.applyjobpost", values)
+ 
 -    @website.route(['/job/detail/<int:job_id>/subscribe'], type='http', auth="public")
 -    def subscribe(self, job_id=None, **post):
 -        partner_obj = request.registry['res.partner']
 -        job_obj = request.registry['hr.job']
 -        user_obj = request.registry['res.users']
 -
 -        if job_id and 'subscribe' in post and (post.get('email') or not request.context['is_public_user']):
 -            if request.context['is_public_user']:
 -                partner_ids = partner_obj.search(
 -                    request.cr, SUPERUSER_ID, [("email", "=", post.get('email'))],
 -                    context=request.context)
 -                if not partner_ids:
 -                    partner_data = {
 -                        "email": post.get('email'),
 -                        "name": "Subscribe: %s" % post.get('email')
 -                    }
 -                    partner_ids = [partner_obj.create(
 -                        request.cr, SUPERUSER_ID, partner_data, context=request.context)]
 -            else:
 -                partner_ids = [user_obj.browse(
 -                    request.cr, request.uid, request.uid,
 -                    context=request.context).partner_id.id]
 -            job_obj.check_access_rule(request.cr, request.uid, [job_id],
 -                                        'read', request.context)
 -            job_obj.message_subscribe(request.cr, SUPERUSER_ID, [job_id],
 -                                        partner_ids, request.context)
 -
 -        return self.detail(id=job_id)
 -
 -    @website.route(['/job/detail/<int:job_id>/unsubscribe'], type='http', auth="public")
 -    def unsubscribe(self, job_id=None, **post):
 -        partner_obj = request.registry['res.partner']
 -        job_obj = request.registry['hr.job']
 -        user_obj = request.registry['res.users']
 -
 -        if job_id and 'unsubscribe' in post and (post.get('email') or not request.context['is_public_user']):
 -            if request.context['is_public_user']:
 -                partner_ids = partner_obj.search(
 -                    request.cr, SUPERUSER_ID, [("email", "=", post.get('email'))],
 -                    context=request.context)
 -            else:
 -                partner_ids = [user_obj.browse(request.cr, request.uid, request.uid, request.context).partner_id.id]
 -            job_obj.check_access_rule(request.cr, request.uid, [job_id], 'read', request.context)
 -            job_obj.message_unsubscribe(request.cr, SUPERUSER_ID, [job_id], partner_ids, request.context)
 -
 -        return self.detail(id=job_id)
 -
+     @website.route('/recruitment/published', type='json', auth="admin")
 -    def published (self, **post):
++    def published (self, id, **post):
+         hr_job = request.registry['hr.job']
 -        id = int(post['id'])
++        id = int(id)
+         rec = hr_job.browse(request.cr, request.uid, id)
+         vals = {}
+ 
+         if rec.website_published:
+             vals['state'] = 'recruit'
 -            if rec.no_of_recruitment == 0.0:
++            if not rec.no_of_recruitment:
+                 vals ['no_of_recruitment'] = 1.0
+         else:
+             vals['state'] = 'open'
 -            vals ['no_of_recruitment'] = 0.0
++        hr_job.write(request.cr, request.uid, [rec.id], vals, context=request.context)
+ 
 -        res = hr_job.write(request.cr, request.uid, [rec.id], vals)
 -        obj = hr_job.browse(request.cr, request.uid, id)
++        obj = hr_job.browse(request.cr, request.uid, id, context=request.context)
+         return { 'count': obj.no_of_recruitment, 'state': obj.state, 'published': obj.website_published }
+ # vim:expandtab:tabstop=4:softtabstop=4:shiftwidth=4:

diff --cc addons/website_hr_recruitment/static/src/js/recruitment.js
index 0000000,dd8b453..b402d77
mode 000000,100644..100644
--- /dev/null
--- 2/addons/website_hr_recruitment/static/src/js/recruitment.js
+++ b/addons/website_hr_recruitment/static/src/js/recruitment.js
@@@ -1,0 -1,16 +1,11 @@@
+ $(function () {
 -    $(document).on('click', '.js_publish_management .js_publish_btn', function (e) {
 -      var $data = $(this).parents(".js_publish_management:first");
 -        var loadpublish = function () {
 -            return openerp.jsonRpc('/recruitment/published', 'call', {'id': $data.data('id')});
 -        }
 -        var i = 0;
 -        $(this).ajaxComplete(function(el, xhr, settings) {
 -            if (settings.url == "/website/publish") {
 -                i++;
 -                if (i == 1)
 -                    settings.jsonpCallback = loadpublish()
++    $(this).ajaxComplete(function(event, xhr, settings) {
++        var data = JSON.parse(settings.data).params;
++        if (settings.url == "/website/publish") {
++            var $data = $(".oe_website_hr_recruitment .js_publish_management[data-id='" + data.id + "'][data-object='" + data.object + "']");
++            if ($data.length) {
++                settings.jsonpCallback = openerp.jsonRpc('/recruitment/published', 'call', data);
+             }
 -        });
++        }
+     });
+ });

diff --cc addons/website_hr_recruitment/views/website_hr_recruitment.xml
index 0000000,0f61de8..420bed6
mode 000000,100644..100644
--- /dev/null
--- 2/addons/website_hr_recruitment/views/website_hr_recruitment.xml
+++ b/addons/website_hr_recruitment/views/website_hr_recruitment.xml
@@@ -1,0 -1,196 +1,192 @@@
+ <?xml version="1.0" encoding="utf-8"?>
+ <openerp>
+     <data>
+         <record id="website_mail_jobs" model="mail.group">
+             <field name="name">Jobs</field>
+             <field name="public">public</field>
+             <field name="description">Job Posts on your website</field>
+         </record>
+ 
 -      <template id="job_footer_custom" inherit_id="website.layout" name="Custom Footer Job">
 -          <xpath expr="//header//ul[@id='top_menu']/li[@name='contactus']" position="before">
 -              <li><a href="/jobs">Jobs</a></li>
 -          </xpath>
 -          <xpath expr="//footer//div[@name='info']/ul" position="inside">
 -              <li><a href="/jobs">Jobs</a></li>
 -          </xpath>
 -      </template>
++        <template id="job_footer_custom" inherit_id="website.layout" name="Custom Footer Job">
++            <xpath expr="//header//ul[@id='top_menu']/li[@name='contactus']" position="before">
++                    <li><a href="/jobs">Jobs</a></li>
++            </xpath>
++            <xpath expr="//footer//div[@name='info']/ul" position="inside">
++            <li><a href="/jobs">Jobs</a></li>
++            </xpath>
++        </template>
+ 
+         <template id="index" name="Departments" page="True">
+             <t t-call="website.layout">
+                 <t t-set="head">
+                     <t t-raw="head or ''"/>
+                 </t>
+                 <t t-set="title">Jobs</t>
 -              <div id="wrap">
 -                  <div class="oe_structure"/>
++                <div id="wrap">
++                    <div class="oe_structure"/>
+                     <div class="container oe_website_jobs">
 -                      <!--<div class="row">
 -                          <div class="col-sm-4">
 -                              <t t-call="website.pager">
 -                                  <t t-set="classname">pull-left</t>
 -                              </t>
 -                          </div>
 -                      </div>-->
 -                      <div class='row style_default mt16'>
 -                          <div class="col-md-12" id="jobs_grid">
 -                              <ul class="media-list">
 -                                  <li t-foreach="res_job" t-as="job" class="media">
 -                                      <div class="media-body" t-att-data-publish="job.website_published and 'on' or 'off'">
 -                                          <t t-if="job.no_of_recruitment">
 -                                              <span class="label label-default pull-right label-info"><t t-esc="vals[job.id]['count']"/> Vacancies.</span>
 -                                          </t>
 -                                          <h4 class="media-heading"><a t-attf-href="/job/detail/#{ job.id }/"><span t-field="job.name"> </span></a></h4>
 -                                          <div t-if="companies[0].country_id">
 -                                              <i class="icon-map-marker"></i> <span t-field="companies[0].city"> </span>  <span t-if="companies[0].state_id" t-field="companies[0].state_id.name"> </span>, <span t-field="companies[0].country_id.name"> </span>
 -                                          </div>
 -                                          <div class="text-muted">
 -                                              <i class="icon-time"></i> <span><t t-esc="vals[job.id]['date_recruitment']"/></span>
 -                                          </div>
 -                                      </div>
 -                                  </li>
 -                              </ul>
 -                          </div>
++                        <div class="row">
++                            <div class="col-sm-4">
++                                <t t-call="website.pager">
++                                    <t t-set="classname">pull-left</t>
++                                </t>
++                            </div>
++                        </div>
++                        <div class='row style_default mt16'>
++                            <div class="col-md-12" id="jobs_grid">
++                                <ul class="media-list">
++                                    <li t-foreach="res_job" t-as="job" class="media">
++                                        <div class="media-body" t-att-data-publish="job.website_published and 'on' or 'off'">
++                                            <t t-if="job.no_of_recruitment">
++                                            <span class="label label-default pull-right label-info"><t t-esc="vals[job.id]['count']"/> Vacancies.</span>
++                                            </t>
++                                            <h4 class="media-heading"><a t-attf-href="/job/detail/#{ job.id }/"><span t-field="job.name"> </span></a></h4>
++                                            <div t-if="companies[0].country_id">
++                                                <i class="icon-map-marker"></i> <span t-field="companies[0].city"> </span>  <span t-if="companies[0].state_id" t-field="companies[0].state_id.name"> </span>, <span t-field="companies[0].country_id.name"> </span>
++                                            </div>
++                                            <div class="text-muted">
++                                                <i class="icon-time"></i> <span><t t-esc="vals[job.id]['date_recruitment']"/></span>
++                                            </div>
++                                        </div>
++                                    </li>
++                                </ul>
++                            </div>
+                         </div>
+                     </div>
 -                  <div class="oe_structure"/>
 -              </div>
++                    <div class="oe_structure"/>
++                </div>
+             </t>
+         </template>
++
+         <template id="detail">
+             <t t-call="website.layout">
 -              <t t-set="head">
 -                  <link rel='stylesheet' href='/website_hr_recruitment/static/src/css/recruitment.css'/>
 -                  <script type="text/javascript" src="/website_hr_recruitment/static/src/js/recruitment.js"></script>
 -                    <t t-raw="head or ''"/>
 -              </t>
 -                <t t-set="title">Job Detail</t>
 -              <div id="wrap">
 -                  <div class="container">
 -                      <div class="row">
 -                          <div class="col-md-4">
 -                              <form action="./subscribe" method="POST" class="form-inline" t-if="not subscribe">
 -                                  <div class="col-lg-7">
 -                                      <input placeholder="Email Address" type="email" name="email" class="form-control" t-if="is_public_user"/>
 -                                  </div>
 -                                  <button type="submit" class="btn btn-primary" name="subscribe">Subscribe</button>
 -                              </form>
 -                              <form action="./unsubscribe" method="POST" class="form-inline" t-if="subscribe">
 -                                  <input type="hidden" name="email" t-att-value="subscribe"/>
 -                                  <button type="submit" class="btn btn-default" name="unsubscribe">Unsubscribe</button>
 -                              </form>
 -                          </div>
 -                          <t t-call="website.publish_management"><t t-set="object" t-value="job"/></t>
 -                      </div>
++            <t t-set="head">
++                <script type="text/javascript" src="/website_hr_recruitment/static/src/js/recruitment.js"></script>
++                <t t-raw="head or ''"/>
++            </t>
++            <t t-set="title">Job Detail</t>
++            <div id="wrap">
++                <div class="container oe_website_hr_recruitment">
++                    <div class="row">
++                        <div class="col-md-3">
++                            <t t-call="website_mail.follow">
++                                <t t-set="email" t-value="user_id.email"/>
++                                <t t-set="object" t-value="job"/>
++                            </t>
++                        </div>
++                        <t t-call="website.publish_management">
++                            <t t-set="object" t-value="job"/>
++                            <t t-set="publish_edit" t-value="True"/>
++                        </t>
+                     </div>
 -                  <div class="oe_structure" style="clear:both;">
 -                      <h1 class="text-center" t-field="job.name"></h1>
 -                      <h5 class="text-center">
 -                          <i class="icon-map-marker"></i> <span t-field="job.company_id.city"> </span>  <span t-if="job.company_id.state_id" t-field="job.company_id.state_id.name"> </span>, <span t-field="job.company_id.country_id.name"> </span></h5>
 -                      <h5 class="text-center text-muted">
 -                            <i class="icon-time"></i> <span><t t-esc="vals_date"/></span>
 -                      </h5>
 -
 -                    </div>                    
 -                  <div class="container oe_structure">
 -                      <div class="row">
 -                          <div t-if="job.website_description">
 -                                <div t-field="job.website_description"></div>
 -                              <section snippet-id="cta" class="mt16 mb16">
 -                                  <div class="container">
 -                                      <div class="row">
 -                                          <div class="col-md-12 text-center mt16 mb16">
 -                                              <a t-attf-href="/apply/#{ job.id }/" class="btn btn-primary btn-lg">Apply</a>
 -                                          </div>
 -                                      </div>
 -                                  </div>
 -                              </section> 
 -                            </div>
 -                      </div>
 -                  </div>
 -              </div>
++                </div>
++                <div class="oe_structure" style="clear:both;">
++                    <h1 class="text-center" t-field="job.name"></h1>
++                    <h5 class="text-center">
++                        <i class="icon-map-marker"></i> <span t-field="job.company_id.city"> </span>  <span t-if="job.company_id.state_id" t-field="job.company_id.state_id.name"> </span>, <span t-field="job.company_id.country_id.name"> </span></h5>
++                    <h5 class="text-center text-muted">
++                                    <i class="icon-time"></i> <span><t t-esc="vals_date"/></span>
++                    </h5>
++                </div>            
++                <div class="container oe_structure">
++                    <div class="row">
++                        <div t-if="job.website_description">
++                            <div t-field="job.website_description"/>
++                            <section snippet-id="cta" class="mt16 mb16">
++                                <div class="container">
++                                    <div class="row">
++                                    <div class="col-md-12 text-center mt16 mb16">
++                                        <a t-attf-href="/apply/#{ job.id }/" class="btn btn-primary btn-lg">Apply</a>
++                                    </div>
++                                      </div>
++                                </div>
++                            </section> 
++                        </div>
++                    </div>
++                </div>
++            </div>
+             </t>
+         </template>
+ 
+         <template id="applyjobpost">
 -              <t t-call="website.layout">
 -              <t t-set="title">Apply Job</t>
 -                              <div id="wrap">
 -                              <div class="container">
 -                                      <h1 class="text-center">Apply for <span t-field="job.name"></span></h1>
 -                                      <div class="row">
 -                                              <section id="forms">
 -                                                          <form class="form-horizontal mt32" action="/job/success" method="post" enctype="multipart/form-data">
 -                                                              <input type="hidden" t-att-value="job.department_id.id" name="department_id"/>
 -                                                              <input type="hidden" t-att-value="job.id" name="job_id"/>
 -                                                              <input type="hidden" t-att-value="job.name" name="name"/>
 -                                                              <div class="form-group">
 -                                                                  <label class="col-md-3 col-sm-4 control-label" for="partner_name">Name</label>
 -                                                                  <div class="col-md-7 col-sm-8">
 -                                                                      <input type="text" class="form-control" name="partner_name" required="True" />
 -                                                                  </div>
 -                                                              </div>
 -                                                              <div class="form-group">
 -                                                                  <label class="col-md-3 col-sm-4 control-label" for="email_from">Email</label>
 -                                                                  <div class="col-md-7 col-sm-8">
 -                                                                      <input type="email" class="form-control" name="email_from" required="True" />
 -                                                                  </div>
 -                                                              </div>
 -                                                              <div class="form-group">
 -                                                                  <label class="col-md-3 col-sm-4 control-label" for="description">Cover Note</label>
 -                                                                  <div class="col-md-7 col-sm-8">
 -                                                                      <textarea  class="form-control" name="description" style="min-height: 120px"/>
 -                                                                  </div>
 -                                                              </div>
 -                                                              <div class="form-group">
 -                                                                  <label class="col-md-3 col-sm-4 control-label" for="ufile">Resume</label>
 -                                                                  <div class="col-md-7 col-sm-8">
 -                                                                      <input class="input-file" id="fileInput" type="file" name="ufile" required="true"/>
 -                                                                  </div>
 -                                                              </div>
 -                                                              <div class="form-group">
 -                                                                  <div class="col-md-offset-3 col-sm-offset-4 col-sm-8 col-md-7">
 -                                                                      <button type="submit" class="btn btn-primary">Submit</button>
 -                                                                  </div>
 -                                                              </div>
 -                                                          </form>
 -                                                      </section>
 -                                              </div>
 -                                      </div>
 -                              </div>
 -                      </t>
 -      </template>
++            <t t-call="website.layout">
++                <t t-set="title">Apply Job</t>
++                <div id="wrap">
++                    <div class="container">
++                        <h1 class="text-center">Apply for <span t-field="job.name"></span></h1>
++                        <div class="row">
++                            <section id="forms">
++                                <form class="form-horizontal mt32" action="/job/success" method="post" enctype="multipart/form-data">
++                                    <input type="hidden" t-att-value="job.department_id.id" name="department_id"/>
++                                    <input type="hidden" t-att-value="job.id" name="job_id"/>
++                                    <input type="hidden" t-att-value="job.name" name="name"/>
++                                    <div class="form-group">
++                                        <label class="col-md-3 col-sm-4 control-label" for="partner_name">Name</label>
++                                        <div class="col-md-7 col-sm-8">
++                                            <input type="text" class="form-control" name="partner_name" required="True" />
++                                        </div>
++                                    </div>
++                                    <div class="form-group">
++                                        <label class="col-md-3 col-sm-4 control-label" for="email_from">Email</label>
++                                        <div class="col-md-7 col-sm-8">
++                                            <input type="email" class="form-control" name="email_from" required="True" />
++                                        </div>
++                                    </div>
++                                    <div class="form-group">
++                                        <label class="col-md-3 col-sm-4 control-label" for="description">Cover Note</label>
++                                        <div class="col-md-7 col-sm-8">
++                                            <textarea  class="form-control" name="description" style="min-height: 120px"/>
++                                        </div>
++                                    </div>
++                                    <div class="form-group">
++                                        <label class="col-md-3 col-sm-4 control-label" for="ufile">Resume</label>
++                                        <div class="col-md-7 col-sm-8">
++                                            <input class="input-file" id="fileInput" type="file" name="ufile" required="true"/>
++                                        </div>
++                                    </div>
++                                    <div class="form-group">
++                                        <div class="col-md-offset-3 col-sm-offset-4 col-sm-8 col-md-7">
++                                            <button type="submit" class="btn btn-primary">Submit</button>
++                                        </div>
++                                    </div>
++                                </form>
++                            </section>
++                        </div>
++                    </div>
++                </div>
++            </t>
++        </template>
+         <template id="thankyou">
+             <t t-call="website.layout">
+                 <t t-set="title">Thank You!</t>
 -              <div id="wrap">
++        <div id="wrap">
+                     <div class="container">
 -                      <h1>You have successfully applied for job.</h1>
++            <h1>You have successfully applied for job.</h1>
+                     </div>
+                 </div>
+             </t>
+         </template>
 -      <template id="job_departments" inherit_option_id="website_hr_recruitment.index" name="Job Departments">
 -              <xpath expr="//div[@id='jobs_grid']" position="before">
 -                  <div class="col-md-3">
 -                      <ul class="nav nav-pills nav-stacked mt16">
 -                          <li t-att-class=" '' if active else 'active' "><a href="/jobs">All Departments</a></li>
 -                          <t t-foreach="departments" t-as="department">
 -                              <li t-att-class="department.id == active and 'active' or ''">
 -                                  <a t-attf-href="/department/#{ department.id }/" ><t t-field="department.name"/></a>
 -                              </li>
 -                          </t>
 -                      </ul>
 -                  </div>
 -              </xpath>
 -              <xpath expr="//div[@id='jobs_grid']" position="attributes">
 -                  <attribute name="class">col-md-9</attribute>
 -              </xpath>
 -              <xpath expr="//div[@class='row']/div" position="before">
 -                  <div class="col-md-4">
 -                      <h1>Departments</h1>
 -                  </div>
 -              </xpath>
 -      </template>
++    <template id="job_departments" inherit_option_id="website_hr_recruitment.index" name="Job Departments">
++        <xpath expr="//div[@id='jobs_grid']" position="before">
++            <div class="col-md-3">
++                <ul class="nav nav-pills nav-stacked mt16">
++                    <li t-att-class=" '' if active else 'active' "><a href="/jobs">All Departments</a></li>
++                    <t t-foreach="departments" t-as="department">
++                        <li t-att-class="department.id == active and 'active' or ''">
++                        <a t-attf-href="/department/#{ department.id }/" ><span t-field="department.name"/></a>
++                        </li>
++                    </t>
++                </ul>
++            </div>
++        </xpath>
++        <xpath expr="//div[@id='jobs_grid']" position="attributes">
++            <attribute name="class">col-md-9</attribute>
++        </xpath>
++        <xpath expr="//div[@class='row']/div" position="before">
++            <div class="col-md-4">
++            <h1>Departments</h1>
++            </div>
++        </xpath>
++    </template>
+      </data>
+ </openerp>

diff --cc addons/website_hr_recruitment/website_hr_recruitment_demo.xml
index 0000000,6389aa0..214cf6c
mode 000000,100644..100644
--- /dev/null
--- 2/addons/website_hr_recruitment/website_hr_recruitment_demo.xml
+++ b/addons/website_hr_recruitment/website_hr_recruitment_demo.xml
@@@ -1,0 -1,931 +1,930 @@@
+ <?xml version="1.0" encoding="utf-8"?>
+ <openerp>
+     <data>
+ 
+     <record id="hr.job_marketing" model="hr.job">
+         <field name="website_published">True</field>
+         <field name="no_of_recruitment">5</field>
+         <field name="website_description" type="html">
 -          <section snippet-id="text-block" class="mt16 mb16 dark">
 -              <div class="container">
 -                  <div class="row">
 -                      <div class="col-md-12">
 -                          <p>You will be responsible for developing and improving product communication. You will work autonomously as well as coordinate and supervise small distributed development teams for specific projects. You will become a techinical expert of the product.</p>
 -                          <p>We are looking for a passionated marketer manager to help us make products people love to use. We need someone who is ambitious, passionated, and ..... not afraid to start new things, a lot of new things and scale them.</p>
 -                      </div>
 -                  </div>
 -              </div>
 -          </section>
 -          <section snippet-id="pricing" class="mt16 mb16">
++        <section data-snippet-id="text-block" class="mt16 mb16 dark">
++            <div class="container">
++                <div class="row">
++            <div class="col-md-offset-1 col-md-10 mb16 mt16">
++                    <p>You will be responsible for developing and improving product communication. You will work autonomously as well as coordinate and supervise small distributed development teams for specific projects. You will become a techinical expert of the product.</p>
++                <p>We are looking for a passionated marketer manager to help us make products people love to use. We need someone who is ambitious, passionated, and ..... not afraid to start new things, a lot of new things and scale them.</p>
++            </div>
++            </div>
++        </div>
++        </section>
++        <section data-snippet-id="pricing" class="mt16 mb16">
+                 <div class="container">
+                     <div class="row">
 -                      <div class="col-md-4 mt16" style="padding-right:0px;padding-left:0px;width:37%;">
 -                          <div class="panel panel-info">
 -                              <!-- Default panel contents -->
 -                              <div class="panel-heading text-center">
 -                                  <h2 style="margin: 0">Responsibilities</h2>
 -                                  <p style="margin: 0" class="text-muted">
 -                                    What you will do ...
 -                                  </p>
 -                              </div>
 -                              <!-- List group -->
 -                              <ul class="list-group">
 -                                  <li class="list-group-item">Hire a team of great marketing people</li>
 -                                  <li class="list-group-item">Increase the visibility of the product</li>
 -                                  <li class="list-group-item">Increase opportunities</li>
 -                                  <li class="list-group-item">Improve our communication to customers</li>
 -                                      <li class="list-group-item nowrap">Transform our product into a suite of well positioned business Apps</li>
 -                              </ul>
 -                              <div class="panel-footer text-center">
 -                                  <p class="text-muted">
 -                                      <i>Work in a fun atmosphere</i>
 -                                  </p>
 -                              </div>
 -                          </div>
 -                      </div>
 -                      <div class="col-md-4 mt16" style="padding-right:0px;width:32%;">
 -                          <div class="panel panel-info">
 -                            <!-- Default panel contents -->
 -                            <div class="panel-heading text-center">
 -                                <h2 style="margin: 0">Skills</h2>
 -                                <p style="margin: 0" class="text-muted">
 -                                    Must have ...
 -                                </p>
 -                            </div>
 -                            <!-- List group -->
 -                            <ul class="list-group">
 -                              <li class="list-group-item">Write attractive content</li>
 -                              <li class="list-group-item">Define a clear communication strategy</li>
 -                              <li class="list-group-item">Scale our events organization all around the world</li>
 -                              <li class="list-group-item">Launch new marketing campaigns and offers</li>
 -                            </ul>
 -                            <div class="panel-footer text-center">
 -                                <p class="text-muted">
 -                                    <i>You easily manage them</i>
 -                                </p>
 -                            </div>
 -                          </div>
 -                      </div>
 -                      <div class="col-md-4 mt16" style="padding-right:0px;width:31%;">
 -                          <div class="panel panel-info">
 -                            <!-- Default panel contents -->
 -                            <div class="panel-heading text-center">
 -                                <h2 style="margin: 0">Nice to have</h2>
 -                                <p style="margin: 0" class="text-muted">
 -                                    Close to the perfection ...
 -                                </p>
 -                            </div>
 -                            <!-- List group -->
 -                            <ul class="list-group">
 -                              <li class="list-group-item">You are creative</li>
 -                              <li class="list-group-item">You have an affinity with the product</li>
 -                              <li class="list-group-item">You are ready to work in a dynamic company</li>
 -                              <li class="list-group-item nowrap">You are approachable, honest and fun team player</li>
 -                                              <li class="list-group-item">You have an affinity with the IT world</li>
 -                            </ul>
 -                            <div class="panel-footer text-center">
 -                                <p class="text-muted">
 -                                    <i>You are passionate</i>
 -                                </p>
 -                            </div>
 -                          </div>
 -                      </div>
 -                  </div>
 -              </div>
 -          </section>
 -          <section snippet-id="image-text" class="mt16 mb16">
++                <div class="col-md-4 mt16">
++                    <div class="panel panel-info">
++                        <!-- Default panel contents -->
++                        <div class="panel-heading text-center">
++                            <h2 style="margin: 0">Responsibilities</h2>
++                            <p style="margin: 0" class="text-muted">
++                              What you will do ...
++                            </p>
++                          </div>
++                          <!-- List group -->
++                          <ul class="list-group">
++                        <li class="list-group-item">Hire a team of great marketing people</li>
++                        <li class="list-group-item">Increase the visibility of the product</li>
++                        <li class="list-group-item">Increase opportunities</li>
++                        <li class="list-group-item">Improve our communication to customers</li>
++                        <li class="list-group-item">Transform our product into a suite of well positioned business Apps</li>
++                        </ul>
++                        <div class="panel-footer text-center">
++                            <p class="text-muted">
++                                <i>Work in a fun atmosphere</i>
++                            </p>
++                        </div>
++                    </div>
++                </div>
++                <div class="col-md-4 mt16">
++                    <div class="panel panel-info">
++                      <!-- Default panel contents -->
++                      <div class="panel-heading text-center">
++                          <h2 style="margin: 0">Skills</h2>
++                          <p style="margin: 0" class="text-muted">
++                              Must have ...
++                          </p>
++                      </div>
++                      <!-- List group -->
++                      <ul class="list-group">
++                        <li class="list-group-item">Write attractive content</li>
++                        <li class="list-group-item">Define a clear communication strategy</li>
++                        <li class="list-group-item">Scale our events organization all around the world</li>
++                        <li class="list-group-item">Launch new marketing campaigns and offers</li>
++                      </ul>
++                      <div class="panel-footer text-center">
++                          <p class="text-muted">
++                              <i>You easily manage them</i>
++                          </p>
++                      </div>
++                    </div>
++                </div>
++                <div class="col-md-4 mt16">
++                    <div class="panel panel-info">
++                      <!-- Default panel contents -->
++                      <div class="panel-heading text-center">
++                          <h2 style="margin: 0">Nice to have</h2>
++                          <p style="margin: 0" class="text-muted">
++                              Close to the perfection ...
++                          </p>
++                      </div>
++                      <!-- List group -->
++                      <ul class="list-group">
++                        <li class="list-group-item">You are creative</li>
++                        <li class="list-group-item">You have an affinity with the product</li>
++                        <li class="list-group-item">You are ready to work in a dynamic company</li>
++                        <li class="list-group-item">You are approachable, honest and fun team player</li>
++                        <li class="list-group-item">You have an affinity with the IT world</li>
++                      </ul>
++                      <div class="panel-footer text-center">
++                          <p class="text-muted">
++                              <i>You are passionate</i>
++                          </p>
++                      </div>
++                    </div>
++                </div>
++            </div>
++        </div>
++        </section>
++        <section data-snippet-id="image-text" class="mt16 mb16">
+             <div class="container">
+                 <div class="row">
 -                                      <div class="col-md-12 text-center">
 -                          <h2>What we offer</h2>
 -                          <h3 class="text-muted">A good job in a young and dynamic team</h3>
 -                              </div>
 -                                      <div class="col-md-12">
 -                                      <p>
 -                              A full time job, with an attractive salary package in a small team of smart people. You will start contract with a full technical and functional training. If you are passionate, motivate and flexible apply for this job, you will certainly join the best company ever.</p>
++                    <div class="col-md-12 text-center">
++                        <h2>What we offer</h2>
++                        <h3 class="text-muted">A good job in a young and dynamic team</h3>
++                    </div>
++                    <div class="col-md-12">
++                        <p>
++A full time job, with an attractive salary package in a small team of smart people. You will start contract with a full technical and functional training. If you are passionate, motivate and flexible apply for this job, you will certainly join the best company ever.</p>
+ <p>With our product, which is a suite of 3000 business apps. It is fully open source, full featured and it’s online offer is 3 times cheaper than traditional competitors. We have 2.000.000 users, and we're growing fast.</p>
+ <p>Because of our constant growth, we're now looking for people to reinforce our team of enthusiastic developers. So if working on an open source project in a friendly and cooperative atmosphere sounds like fun to you, read on...</p>
 -                                      </div>
 -                      </div>
 -                      </div>
 -          </section>
 -          <section snippet-id="image-text" class="mt16 mb16">
++                    </div>
++                </div>
++            </div>
++        </section>
++        <section data-snippet-id="image-text" class="mt16 mb16">
+             <div class="container">
+                 <div class="row">
 -                                      <div class="col-md-12 text-center">
 -                          <h2>Our staff at work</h2>
 -                          <h3 class="text-muted">Pictures of smart and enthusiastic people</h3>
 -                              </div>
 -                                      <div class="col-md-12 text-center">
 -                                              <div class="col-md-5 mt16">
 -                                  <img class="img img-responsive" style="height:355px;" src="/website_hr_recruitment/static/src/img/882207_10151545507603963_1381082528_o.jpg"/>
 -                              </div>
 -                                              <div class="col-md-3 mt16">
 -                                  <img class="img img-responsive" style="height:355px;" src="/website_hr_recruitment/static/src/img/1010054_10151543538268963_186969588_n.jpg"/>
 -                              </div>
 -                                              <div class="col-md-3 mt16">
 -                                  <img class="img img-responsive" src="/website_hr_recruitment/static/src/img/1017407_10151536656083963_857938319_n.jpg"/>
 -                              </div>
 -                                              <div class="col-md-3 mt16">
 -                                  <img class="img img-responsive" src="/website_hr_recruitment/static/src/img/1044326_10151536655788963_587131144_n.jpg"/>
 -                              </div>
 -                                      </div>
 -                      </div>
 -                      </div>
 -          </section>
 -      </field>
++                    <div class="col-md-12 text-center">
++                        <h2>Our staff at work</h2>
++                        <h3 class="text-muted">Pictures of smart and enthusiastic people</h3>
++                    </div>
++                    <div class="col-md-12 text-center">
++                        <div class="col-md-5 mt16">
++                            <img class="img img-responsive" style="height:355px;" src="/website_hr_recruitment/static/src/img/882207_10151545507603963_1381082528_o.jpg"/>
++                        </div>
++                        <div class="col-md-3 mt16">
++                            <img class="img img-responsive" style="height:355px;" src="/website_hr_recruitment/static/src/img/1010054_10151543538268963_186969588_n.jpg"/>
++                        </div>
++                        <div class="col-md-3 mt16">
++                            <img class="img img-responsive" src="/website_hr_recruitment/static/src/img/1017407_10151536656083963_857938319_n.jpg"/>
++                        </div>
++                        <div class="col-md-3 mt16">
++                            <img class="img img-responsive" src="/website_hr_recruitment/static/src/img/1044326_10151536655788963_587131144_n.jpg"/>
++                        </div>
++                    </div>
++                </div>
++            </div>
++        </section>
++    </field>
+     </record>
+ 
+     <record id="hr.job_developer" model="hr.job">
+         <field name="website_published">True</field>
 -      <field name="no_of_recruitment">5</field>
++    <field name="no_of_recruitment">5</field>
+         <field name="website_description" type="html">
 -          <section snippet-id="text-block" class="mt16 mb16 dark">
 -              <div class="container">
 -                  <div class="row">
 -                      <div class="col-md-12">
 -                              You will be responsible for developing and improving applications, such as the You will work autonomously as well as                                    coordinate and supervise small distributed development teams for specific projects. You will become a technical                                 expert of the product.
 -                      </div>
 -                  </div>
 -              </div>
 -          </section>
 -          <section snippet-id="pricing" class="mt16 mb16">
++        <section data-snippet-id="text-block" class="mt16 mb16 dark">
++            <div class="container">
++              <div class="row">
++                <div class="col-md-offset-1 col-md-10 mb16 mt16">
++                    You will be responsible for developing and improving applications, such as the You will work autonomously as well as coordinate and supervise small distributed development teams for specific projects. You will become a technical expert of the product.
++                </div>
++              </div>
++          </div>
++        </section>
++        <section data-snippet-id="pricing" class="mt16 mb16">
+                 <div class="container">
+                     <div class="row">
 -                      <div class="col-md-4 mt16">
 -                          <div class="panel panel-info">
 -                            <!-- Default panel contents -->
 -                              <div class="panel-heading text-center">
 -                                  <h2 style="margin: 0">Responsibilities</h2>
 -                                  <p style="margin: 0" class="text-muted">
 -                                    What you will do ...
 -                                  </p>
 -                              </div>
 -
 -                            <!-- List group -->
 -                            <ul class="list-group">
 -                              <li class="list-group-item">You will work closely with all developers</li>
 -                              <li class="list-group-item">You will report to the head of R&amp;D</li>
 -                              <li class="list-group-item">You will initially be coached by senior developers</li>
 -                              <li class="list-group-item">You will become a technical expert of the product.</li>
 -                            </ul>
 -                            <div class="panel-footer text-center">
 -                                <p class="text-muted">
 -                                    <i>Work in a fun atmosphere</i>
 -                                </p>
 -                            </div>
 -                          </div>
 -                      </div>
 -                      <div class="col-md-4 mt16">
 -                          <div class="panel panel-info">
 -                            <!-- Default panel contents -->
 -                            <div class="panel-heading text-center">
 -                                <h2 style="margin: 0">Skills</h2>
 -                                <p style="margin: 0" class="text-muted">
 -                                    Must have ...
 -                                </p>
 -                            </div>
 -                            <!-- List group -->
 -                            <ul class="list-group">
 -                              <li class="list-group-item">Master or engineer in computer science</li>
 -                              <li class="list-group-item">Preferably 1 year of experience</li>
 -                              <li class="list-group-item">Good knowledge of object oriented programming</li>
 -                              <li class="list-group-item">Good knowledge of web design</li>
 -                              <li class="list-group-item">Good knowledge of HTML and Javascript</li>
 -                            </ul>
 -                            <div class="panel-footer text-center">
 -                                <p class="text-muted">
 -                                    <i>You autonomously and quickly learn</i>
 -                                </p>
 -                            </div>
 -                          </div>
 -                      </div>
 -                      <div class="col-md-4 mt16">
 -                          <div class="panel panel-info">
 -                            <!-- Default panel contents -->
 -                            <div class="panel-heading text-center">
 -                                <h2 style="margin: 0">Nice to have</h2>
 -                                <p style="margin: 0" class="text-muted">
 -                                    Close to the perfection ...
 -                                </p>
 -                            </div>
 -                            <!-- List group -->
 -                            <ul class="list-group">
 -                              <li class="list-group-item">Good knowledge of the programming language</li>
 -                              <li class="list-group-item">Good knowledge of the latest web technologies</li>
 -                              <li class="list-group-item">Good language skills in an other langages</li>
 -                              <li class="list-group-item">Contributions to open source projects</li>
 -                              <li class="list-group-item">Passion for the Internet and its culture</li>
 -                              <li class="list-group-item">Quick and autonomous learner</li>
 -                              <li class="list-group-item">Team spirit and good communication</li>
 -                            </ul>
 -                            <div class="panel-footer text-center">
 -                                <p class="text-muted">
 -                                    <i>You are passionate</i>
 -                                </p>
 -                            </div>
 -                          </div>
 -                      </div>
 -                  </div>
 -              </div>
 -          </section>
 -          <section snippet-id="image-text" class="mt16 mb16">
++            <div class="col-md-4 mt16">
++                    <div class="panel panel-info">
++                      <!-- Default panel contents -->
++                        <div class="panel-heading text-center">
++                            <h2 style="margin: 0">Responsibilities</h2>
++                            <p style="margin: 0" class="text-muted">
++                              What you will do ...
++                            </p>
++                          </div>
++                  <!-- List group -->
++                  <ul class="list-group">
++                    <li class="list-group-item">You will work closely with all developers</li>
++                    <li class="list-group-item">You will report to the head of R&amp;D</li>
++                    <li class="list-group-item">You will initially be coached by senior developers</li>
++                    <li class="list-group-item">You will become a technical expert of the product.</li>
++                  </ul>
++                      <div class="panel-footer text-center">
++                          <p class="text-muted">
++                              <i>Work in a fun atmosphere</i>
++                          </p>
++                      </div>
++                            </div>
++                    </div>
++                <div class="col-md-4 mt16">
++                    <div class="panel panel-info">
++                      <!-- Default panel contents -->
++                      <div class="panel-heading text-center">
++                          <h2 style="margin: 0">Skills</h2>
++                          <p style="margin: 0" class="text-muted">
++                              Must have ...
++                          </p>
++                      </div>
++                      <!-- List group -->
++                      <ul class="list-group">
++                        <li class="list-group-item">Master or engineer in computer science</li>
++                        <li class="list-group-item">Preferably 1 year of experience</li>
++                        <li class="list-group-item">Good knowledge of object oriented programming</li>
++                        <li class="list-group-item">Good knowledge of web design</li>
++                        <li class="list-group-item">Good knowledge of HTML and Javascript</li>
++                      </ul>
++                      <div class="panel-footer text-center">
++                          <p class="text-muted">
++                              <i>You autonomously and quickly learn</i>
++                          </p>
++                      </div>
++                    </div>
++                </div>
++                <div class="col-md-4 mt16">
++                    <div class="panel panel-info">
++                      <!-- Default panel contents -->
++                      <div class="panel-heading text-center">
++                          <h2 style="margin: 0">Nice to have</h2>
++                          <p style="margin: 0" class="text-muted">
++                              Close to the perfection ...
++                          </p>
++                      </div>
++                      <!-- List group -->
++                      <ul class="list-group">
++                        <li class="list-group-item">Good knowledge of the programming language</li>
++                        <li class="list-group-item">Good knowledge of the latest web technologies</li>
++                        <li class="list-group-item">Good language skills in an other langages</li>
++                        <li class="list-group-item">Contributions to open source projects</li>
++                        <li class="list-group-item">Passion for the Internet and its culture</li>
++                        <li class="list-group-item">Quick and autonomous learner</li>
++                        <li class="list-group-item">Team spirit and good communication</li>
++                      </ul>
++                      <div class="panel-footer text-center">
++                          <p class="text-muted">
++                              <i>You are passionate</i>
++                          </p>
++                      </div>
++                    </div>
++                </div>
++            </div>
++        </div>
++        </section>
++        <section data-snippet-id="image-text" class="mt16 mb16">
+                 <div class="container">
+                     <div class="row">
 -                      <div class="col-md-12 text-center">
 -                          <h2>What we offer</h2>
 -                          <h3 class="text-muted">A good job in a young and dynamic team</h3>
 -                      </div>
 -                      <div class="col-md-12">
 -                          <p>
 -                              A full time job, with an attractive salary package in a small team of smart people. You will start contract with a full technical and functional training. If you are passionate, motivate and flexible apply for this job, you will certainly join the best company ever.</p>
++            <div class="col-md-12 text-center">
++                        <h2>What we offer</h2>
++                        <h3 class="text-muted">A good job in a young and dynamic team</h3>
++                </div>
++            <div class="col-md-12">
++                <p>
++A full time job, with an attractive salary package in a small team of smart people. You will start contract with a full technical and functional training. If you are passionate, motivate and flexible apply for this job, you will certainly join the best company ever.</p>
+ <p>With our product, which is a suite of 3000 business apps. It is fully open source, full featured and it’s online offer is 3 times cheaper than traditional competitors. We have 2.000.000 users, and we're growing fast.</p>
+ <p>Because of our constant growth, we're now looking for people to reinforce our team of enthusiastic developers. So if working on an open source project in a friendly and cooperative atmosphere sounds like fun to you, read on...</p>
 -                      </div>
 -                  </div>
 -              </div>
 -          </section>
 -          <section snippet-id="image-text" class="mt16 mb16">
++            </div>
++            </div>
++        </div>
++        </section>
++        <section data-snippet-id="image-text" class="mt16 mb16">
+                 <div class="container">
+                     <div class="row">
 -                      <div class="col-md-12 text-center">
 -                          <h2>Our staff at work</h2>
 -                          <h3 class="text-muted">Pictures of smart and enthusiastic people</h3>
 -                      </div>
 -                      <div class="col-md-12 text-center">
 -                              <div class="col-md-5 mt16">
 -                                  <img class="img img-responsive" style="height:355px;" src="/website_hr_recruitment/static/src/img/882207_10151545507603963_1381082528_o.jpg"/>
 -                              </div>
 -                              <div class="col-md-3 mt16">
 -                                  <img class="img img-responsive" style="height:355px;" src="/website_hr_recruitment/static/src/img/1010054_10151543538268963_186969588_n.jpg"/>
 -                              </div>
 -                              <div class="col-md-3 mt16">
 -                                  <img class="img img-responsive" src="/website_hr_recruitment/static/src/img/1017407_10151536656083963_857938319_n.jpg"/>
 -                              </div>
 -                              <div class="col-md-3 mt16">
 -                                  <img class="img img-responsive" src="/website_hr_recruitment/static/src/img/1044326_10151536655788963_587131144_n.jpg"/>
 -                              </div>
 -                      </div>
 -                  </div>
 -              </div>
 -          </section>
 -      </field>
++            <div class="col-md-12 text-center">
++                        <h2>Our staff at work</h2>
++                        <h3 class="text-muted">Pictures of smart and enthusiastic people</h3>
++                </div>
++            <div class="col-md-12 text-center">
++                <div class="col-md-5 mt16">
++                            <img class="img img-responsive" style="height:355px;" src="/website_hr_recruitment/static/src/img/882207_10151545507603963_1381082528_o.jpg"/>
++                        </div>
++                <div class="col-md-3 mt16">
++                            <img class="img img-responsive" style="height:355px;" src="/website_hr_recruitment/static/src/img/1010054_10151543538268963_186969588_n.jpg"/>
++                        </div>
++                <div class="col-md-3 mt16">
++                            <img class="img img-responsive" src="/website_hr_recruitment/static/src/img/1017407_10151536656083963_857938319_n.jpg"/>
++                        </div>
++                <div class="col-md-3 mt16">
++                            <img class="img img-responsive" src="/website_hr_recruitment/static/src/img/1044326_10151536655788963_587131144_n.jpg"/>
++                        </div>
++            </div>
++            </div>
++        </div>
++        </section>
++    </field>
+     </record>
+ 
+     <record id="hr.job_consultant" model="hr.job">
+         <field name="website_published">True</field>
 -      <field name="no_of_recruitment">5</field>
++    <field name="no_of_recruitment">5</field>
+         <field name="website_description" type="html">
 -          <section snippet-id="text-block" class="mt16 mb16 dark">
 -              <div class="container">
 -                  <div class="row">
 -                      <div class="col-md-12">
 -                          We are looking for a motivated and results-driven Functional Consultant! You will take part in the consulting services we provide to our partners and customers, on the functional side. Your job start from the quotation to the customer to the delivery to the customer. You listen the customer and try to give him the best service. You report to the head of consulting service and will be coached by a senior consultant.
 -                      </div>
 -                  </div>
 -              </div>
 -          </section>
 -          <section snippet-id="pricing" class="mt16 mb16">
++        <section data-snippet-id="text-block" class="mt16 mb16 dark">
++            <div class="container">
++              <div class="row">
++                <div class="col-md-offset-1 col-md-10 mb16 mt16">
++                    We are looking for a motivated and results-driven Functional Consultant! You will take part in the consulting services we provide to our partners and customers, on the functional side. Your job start from the quotation to the customer to the delivery to the customer. You listen the customer and try to give him the best service. You report to the head of consulting service and will be coached by a senior consultant.
++                </div>
++              </div>
++            </div>
++        </section>
++        <section data-snippet-id="pricing" class="mt16 mb16">
+                 <div class="container">
+                     <div class="row">
 -                      <div class="col-md-4 mt16" style="padding-right:0px;padding-left:0px;">
 -                          <div class="panel panel-info">
 -                            <!-- Default panel contents -->
 -                              <div class="panel-heading text-center">
 -                                  <h2 style="margin: 0">Responsibilities</h2>
 -                                  <p style="margin: 0" class="text-muted">
 -                                    What you will do ...
 -                                  </p>
 -                              </div>
 -                              <!-- List group -->
 -                              <ul class="list-group">
 -                                      <li class="list-group-item">Take part in the consulting services</li>
 -                                  <li class="list-group-item nowrap">Analyse needs, write specification documents and quotation</li>
 -                                  <li class="list-group-item">Quantify and negotiate the resources required</li>
 -                                  <li class="list-group-item">Follow and check the development part</li>
 -                                  <li class="list-group-item">Help with the configuration of the software</li>
 -                                      <li class="list-group-item">Deliver generic OpenERP functional training sessions</li>
 -                                  <li class="list-group-item">Will report to the Head of Professional Services</li>
 -                              </ul>
 -                              <div class="panel-footer text-center">
 -                                  <p class="text-muted">
 -                                      <i>Work in a fun atmosphere</i>
 -                                  </p>
 -                              </div>
 -                          </div>
 -                      </div>
 -                      <div class="col-md-4 mt16" style="padding-right:0px;">
 -                          <div class="panel panel-info">
 -                            <!-- Default panel contents -->
 -                            <div class="panel-heading text-center">
 -                                <h2 style="margin: 0">Skills</h2>
 -                                <p style="margin: 0" class="text-muted">
 -                                    Must have ...
 -                                </p>
 -                            </div>
 -                            <!-- List group -->
 -                            <ul class="list-group">
 -                              <li class="list-group-item">You have a Master degree in Business Management</li>
 -                              <li class="list-group-item">You have 2 or 3 years of experience</li>
 -                              <li class="list-group-item">You speak fluently French and English</li>
 -                              <li class="list-group-item">You are an excellent communicator and negotiator</li>
 -                                              <li class="list-group-item">You have an affinity with the IT world</li>
 -                            </ul>
 -                            <div class="panel-footer text-center">
 -                                <p class="text-muted">
 -                                    <i>You easily manage them</i>
 -                                </p>
 -                            </div>
 -                          </div>
 -                      </div>
 -                      <div class="col-md-4 mt16">
 -                          <div class="panel panel-info">
 -                            <!-- Default panel contents -->
 -                            <div class="panel-heading text-center">
 -                                <h2 style="margin: 0">Nice to have</h2>
 -                                <p style="margin: 0" class="text-muted">
 -                                    Close to the perfection ...
 -                                </p>
 -                            </div>
 -                            <!-- List group -->
 -                            <ul class="list-group">
 -                              <li class="list-group-item">You have good knowledge in accounting</li>
 -                              <li class="list-group-item">You are available immediately</li>
 -                                              <li class="list-group-item">You speak a third language</li>
 -                              <li class="list-group-item">You are a quick and autonomous learner</li>
 -                              <li class="list-group-item">You are ready to travel in US</li>
 -                            </ul>
 -                            <div class="panel-footer text-center">
 -                                <p class="text-muted">
 -                                    <i>You are passionate</i>
 -                                </p>
 -                            </div>
 -                          </div>
 -                      </div>
 -                  </div>
 -              </div>
 -          </section>
 -          <section snippet-id="image-text" class="mt16 mb16">
++            <div class="col-md-4 mt16">
++                    <div class="panel panel-info">
++                      <!-- Default panel contents -->
++                        <div class="panel-heading text-center">
++                            <h2 style="margin: 0">Responsibilities</h2>
++                            <p style="margin: 0" class="text-muted">
++                              What you will do ...
++                            </p>
++                          </div>
++                      <!-- List group -->
++                      <ul class="list-group">
++                    <li class="list-group-item">Take part in the consulting services</li>
++                    <li class="list-group-item">Analyse needs, write specification documents and quotation</li>
++                    <li class="list-group-item">Quantify and negotiate the resources required</li>
++                    <li class="list-group-item">Follow and check the development part</li>
++                    <li class="list-group-item">Help with the configuration of the software</li>
++                    <li class="list-group-item">Deliver generic OpenERP functional training sessions</li>
++                    <li class="list-group-item">Will report to the Head of Professional Services</li>
++                    </ul>
++                    <div class="panel-footer text-center">
++                        <p class="text-muted">
++                            <i>Work in a fun atmosphere</i>
++                        </p>
++                    </div>
++                            </div>
++                    </div>
++                <div class="col-md-4 mt16">
++                    <div class="panel panel-info">
++                      <!-- Default panel contents -->
++                      <div class="panel-heading text-center">
++                          <h2 style="margin: 0">Skills</h2>
++                          <p style="margin: 0" class="text-muted">
++                              Must have ...
++                          </p>
++                      </div>
++                      <!-- List group -->
++                      <ul class="list-group">
++                        <li class="list-group-item">You have a Master degree in Business Management</li>
++                        <li class="list-group-item">You have 2 or 3 years of experience</li>
++                        <li class="list-group-item">You speak fluently French and English</li>
++                        <li class="list-group-item">You are an excellent communicator and negotiator</li>
++                        <li class="list-group-item">You have an affinity with the IT world</li>
++                      </ul>
++                      <div class="panel-footer text-center">
++                          <p class="text-muted">
++                              <i>You easily manage them</i>
++                          </p>
++                      </div>
++                    </div>
++                </div>
++                <div class="col-md-4 mt16">
++                    <div class="panel panel-info">
++                      <!-- Default panel contents -->
++                      <div class="panel-heading text-center">
++                          <h2 style="margin: 0">Nice to have</h2>
++                          <p style="margin: 0" class="text-muted">
++                              Close to the perfection ...
++                          </p>
++                      </div>
++                      <!-- List group -->
++                      <ul class="list-group">
++                        <li class="list-group-item">You have good knowledge in accounting</li>
++                        <li class="list-group-item">You are available immediately</li>
++                        <li class="list-group-item">You speak a third language</li>
++                        <li class="list-group-item">You are a quick and autonomous learner</li>
++                        <li class="list-group-item">You are ready to travel in US</li>
++                      </ul>
++                      <div class="panel-footer text-center">
++                          <p class="text-muted">
++                              <i>You are passionate</i>
++                          </p>
++                      </div>
++                    </div>
++                </div>
++            </div>
++        </div>
++        </section>
++        <section data-snippet-id="image-text" class="mt16 mb16">
+                 <div class="container">
+                     <div class="row">
 -                      <div class="col-md-12 text-center">
 -                          <h2>What we offer</h2>
 -                          <h3 class="text-muted">A good job in a young and dynamic team</h3>
 -                      </div>
 -                      <div class="col-md-12">
 -                          <p>
 -                              A full time job, with an attractive salary package in a small team of smart people. You will start contract with a full technical and functional training. If you are passionate, motivate and flexible apply for this job, you will certainly join the best company ever.</p>
++            <div class="col-md-12 text-center">
++                        <h2>What we offer</h2>
++                        <h3 class="text-muted">A good job in a young and dynamic team</h3>
++                </div>
++            <div class="col-md-12">
++                <p>
++                    A full time job, with an attractive salary package in a small team of smart people. You will start contract with a full technical and functional training. If you are passionate, motivate and flexible apply for this job, you will certainly join the best company ever.</p>
+ <p>With our product, which is a suite of 3000 business apps. It is fully open source, full featured and it’s online offer is 3 times cheaper than traditional competitors. We have 2.000.000 users, and we're growing fast.</p>
+ <p>Because of our constant growth, we're now looking for people to reinforce our team of enthusiastic developers. So if working on an open source project in a friendly and cooperative atmosphere sounds like fun to you, read on...</p>
 -                      </div>
 -                  </div>
 -              </div>
 -          </section>
 -          <section snippet-id="image-text" class="mt16 mb16">
++            </div>
++            </div>
++        </div>
++        </section>
++        <section data-snippet-id="image-text" class="mt16 mb16">
+                 <div class="container">
+                     <div class="row">
 -                      <div class="col-md-12 text-center">
 -                          <h2>Our staff at work</h2>
 -                          <h3 class="text-muted">Pictures of smart and enthusiastic people</h3>
 -                      </div>
 -                      <div class="col-md-12 text-center">
 -                              <div class="col-md-5 mt16">
 -                                  <img class="img img-responsive" style="height:355px;" src="/website_hr_recruitment/static/src/img/882207_10151545507603963_1381082528_o.jpg"/>
 -                              </div>
 -                              <div class="col-md-3 mt16">
 -                                  <img class="img img-responsive" style="height:355px;" src="/website_hr_recruitment/static/src/img/1010054_10151543538268963_186969588_n.jpg"/>
 -                              </div>
 -                              <div class="col-md-3 mt16">
 -                                  <img class="img img-responsive" src="/website_hr_recruitment/static/src/img/1017407_10151536656083963_857938319_n.jpg"/>
 -                              </div>
 -                              <div class="col-md-3 mt16">
 -                                  <img class="img img-responsive" src="/website_hr_recruitment/static/src/img/1044326_10151536655788963_587131144_n.jpg"/>
 -                              </div>
 -                      </div>
 -                  </div>
 -              </div>
 -          </section>
 -      </field>
++            <div class="col-md-12 text-center">
++                        <h2>Our staff at work</h2>
++                        <h3 class="text-muted">Pictures of smart and enthusiastic people</h3>
++                </div>
++            <div class="col-md-12 text-center">
++                <div class="col-md-5 mt16">
++                            <img class="img img-responsive" style="height:355px;" src="/website_hr_recruitment/static/src/img/882207_10151545507603963_1381082528_o.jpg"/>
++                        </div>
++                <div class="col-md-3 mt16">
++                            <img class="img img-responsive" style="height:355px;" src="/website_hr_recruitment/static/src/img/1010054_10151543538268963_186969588_n.jpg"/>
++                        </div>
++                <div class="col-md-3 mt16">
++                            <img class="img img-responsive" src="/website_hr_recruitment/static/src/img/1017407_10151536656083963_857938319_n.jpg"/>
++                        </div>
++                <div class="col-md-3 mt16">
++                            <img class="img img-responsive" src="/website_hr_recruitment/static/src/img/1044326_10151536655788963_587131144_n.jpg"/>
++                        </div>
++            </div>
++            </div>
++        </div>
++        </section>
++    </field>
+     </record>
+ 
+     <record id="hr.job_ceo" model="hr.job">
+         <field name="website_description" type="html">
 -          <section snippet-id="text-block" class="mt16 mb16 dark">
 -              <div class="container">
 -                  <div class="row">
 -                      <div class="col-md-12">
 -                          <p>You will be responsible for developing and improving product communication. You will work autonomously as well as coordinate and supervise small distributed development teams for specific projects. You will become a techinical expert of the product.</p>
 -                          <p class="text-muted">We are looking for a passionated executive manager to help us make products people love to use. We need someone who is ambitious, passionated, and ..... not afraid to start new things, a lot of new things and scale them.</p>
 -                      </div>
 -                  </div>
 -              </div>
 -          </section>
 -          <section snippet-id="pricing" class="mt16 mb16">
++        <section data-snippet-id="text-block" class="mt16 mb16 dark">
++            <div class="container">
++                <div class="row">
++            <div class="col-md-offset-1 col-md-10 mb16 mt16">
++                    <p>You will be responsible for developing and improving product communication. You will work autonomously as well as coordinate and supervise small distributed development teams for specific projects. You will become a techinical expert of the product.</p>
++                <p class="text-muted">We are looking for a passionated executive manager to help us make products people love to use. We need someone who is ambitious, passionated, and ..... not afraid to start new things, a lot of new things and scale them.</p>
++            </div>
++            </div>
++        </div>
++        </section>
++        <section data-snippet-id="pricing" class="mt16 mb16">
+                 <div class="container">
+                     <div class="row">
 -                      <div class="col-md-4 mt16" style="padding-right:2px;">
 -                          <div class="panel panel-info">
 -                              <!-- Default panel contents -->
 -                              <div class="panel-heading text-center">
 -                                  <h2 style="margin: 0">Responsibilities</h2>
 -                                  <p style="margin: 0" class="text-muted">
 -                                    What you will do ...
 -                                  </p>
 -                              </div>
 -                              <!-- List group -->
 -                              <ul class="list-group">
 -                                  <li class="list-group-item">Hire a team of great executive people</li>
 -                                  <li class="list-group-item">Increase the visibility of the product</li>
 -                                  <li class="list-group-item">Increase opportunities</li>
 -                                  <li class="list-group-item">Improve our communication to customers</li>
 -                              </ul>
 -                              <div class="panel-footer text-center">
 -                                  <p class="text-muted">
 -                                      <i>Work in a fun atmosphere</i>
 -                                  </p>
 -                              </div>
 -                          </div>
 -                      </div>
 -                      <div class="col-md-4 mt16" style="padding-right:0px;">
 -                          <div class="panel panel-info">
 -                            <!-- Default panel contents -->
 -                            <div class="panel-heading text-center">
 -                                <h2 style="margin: 0">Skills</h2>
 -                                <p style="margin: 0" class="text-muted">
 -                                    Must have ...
 -                                </p>
 -                            </div>
 -                            <!-- List group -->
 -                            <ul class="list-group">
 -                              <li class="list-group-item nowrap">Write attractive content and build up executive materials</li>
 -                              <li class="list-group-item nowrap">Define a clear communication strategy</li>
 -                              <li class="list-group-item nowrap">Scale our events organization all around the world</li>
 -                              <li class="list-group-item nowrap">Launch new products, marketing campaigns and offers</li>
 -                            </ul>
 -                            <div class="panel-footer text-center">
 -                                <p class="text-muted">
 -                                    <i>You easily manage them</i>
 -                                </p>
 -                            </div>
 -                          </div>
 -                      </div>
 -                      <div class="col-md-4 mt16">
 -                          <div class="panel panel-info">
 -                            <!-- Default panel contents -->
 -                            <div class="panel-heading text-center">
 -                                <h2 style="margin: 0">Nice to have</h2>
 -                                <p style="margin: 0" class="text-muted">
 -                                    Close to the perfection ...
 -                                </p>
 -                            </div>
 -                            <!-- List group -->
 -                            <ul class="list-group">
 -                              <li class="list-group-item">You are creative</li>
 -                              <li class="list-group-item">You have an affinity with the product</li>
 -                              <li class="list-group-item">You are ready to work in a dynamic company</li>
 -                              <li class="list-group-item">You are approachable, honest and fun team player</li>
 -                            </ul>
 -                            <div class="panel-footer text-center">
 -                                <p class="text-muted">
 -                                    <i>You are passionate</i>
 -                                </p>
 -                            </div>
 -                          </div>
 -                      </div>
 -                  </div>
 -              </div>
 -          </section>
 -          <section snippet-id="image-text" class="mt16 mb16">
++            <div class="col-md-4 mt16">
++                    <div class="panel panel-info">
++                        <!-- Default panel contents -->
++                        <div class="panel-heading text-center">
++                            <h2 style="margin: 0">Responsibilities</h2>
++                            <p style="margin: 0" class="text-muted">
++                              What you will do ...
++                            </p>
++                          </div>
++                      <!-- List group -->
++                      <ul class="list-group">
++                    <li class="list-group-item">Hire a team of great executive people</li>
++                    <li class="list-group-item">Increase the visibility of the product</li>
++                    <li class="list-group-item">Increase opportunities</li>
++                    <li class="list-group-item">Improve our communication to customers</li>
++                    </ul>
++                    <div class="panel-footer text-center">
++                        <p class="text-muted">
++                            <i>Work in a fun atmosphere</i>
++                        </p>
++                    </div>
++                            </div>
++                    </div>
++                <div class="col-md-4 mt16">
++                    <div class="panel panel-info">
++                      <!-- Default panel contents -->
++                      <div class="panel-heading text-center">
++                          <h2 style="margin: 0">Skills</h2>
++                          <p style="margin: 0" class="text-muted">
++                              Must have ...
++                          </p>
++                      </div>
++                      <!-- List group -->
++                      <ul class="list-group">
++                        <li class="list-group-item">Write attractive content and build up executive materials</li>
++                        <li class="list-group-item">Define a clear communication strategy</li>
++                        <li class="list-group-item">Scale our events organization all around the world</li>
++                        <li class="list-group-item">Launch new products, marketing campaigns and offers</li>
++                      </ul>
++                      <div class="panel-footer text-center">
++                          <p class="text-muted">
++                              <i>You easily manage them</i>
++                          </p>
++                      </div>
++                    </div>
++                </div>
++                <div class="col-md-4 mt16">
++                    <div class="panel panel-info">
++                      <!-- Default panel contents -->
++                      <div class="panel-heading text-center">
++                          <h2 style="margin: 0">Nice to have</h2>
++                          <p style="margin: 0" class="text-muted">
++                              Close to the perfection ...
++                          </p>
++                      </div>
++                      <!-- List group -->
++                      <ul class="list-group">
++                        <li class="list-group-item">You are creative</li>
++                        <li class="list-group-item">You have an affinity with the product</li>
++                        <li class="list-group-item">You are ready to work in a dynamic company</li>
++                        <li class="list-group-item">You are approachable, honest and fun team player</li>
++                      </ul>
++                      <div class="panel-footer text-center">
++                          <p class="text-muted">
++                              <i>You are passionate</i>
++                          </p>
++                      </div>
++                    </div>
++                </div>
++            </div>
++        </div>
++        </section>
++        <section data-snippet-id="image-text" class="mt16 mb16">
+                 <div class="container">
+                     <div class="row">
 -                      <div class="col-md-12 text-center">
 -                          <h2>What we offer</h2>
 -                          <h3 class="text-muted">A good job in a young and dynamic team</h3>
 -                      </div>
 -                      <div class="col-md-12">
 -                          <p>
 -                              A full time job, with an attractive salary package in a small team of smart people. You will start contract with a full technical and functional training. If you are passionate, motivate and flexible apply for this job, you will certainly join the best company ever.</p>
++            <div class="col-md-12 text-center">
++                        <h2>What we offer</h2>
++                        <h3 class="text-muted">A good job in a young and dynamic team</h3>
++                </div>
++            <div class="col-md-12">
++                <p>
++                    A full time job, with an attractive salary package in a small team of smart people. You will start contract with a full technical and functional training. If you are passionate, motivate and flexible apply for this job, you will certainly join the best company ever.</p>
+ <p>With our product, which is a suite of 3000 business apps. It is fully open source, full featured and it’s online offer is 3 times cheaper than traditional competitors. We have 2.000.000 users, and we're growing fast.</p>
+ <p>Because of our constant growth, we're now looking for people to reinforce our team of enthusiastic developers. So if working on an open source project in a friendly and cooperative atmosphere sounds like fun to you, read on...</p>
 -                      </div>
 -                  </div>
 -              </div>
 -          </section>
 -          <section snippet-id="image-text" class="mt16 mb16">
++            </div>
++            </div>
++        </div>
++        </section>
++        <section data-snippet-id="image-text" class="mt16 mb16">
+                 <div class="container">
+                     <div class="row">
 -                      <div class="col-md-12 text-center">
 -                          <h2>Our staff at work</h2>
 -                          <h3 class="text-muted">Pictures of smart and enthusiastic people</h3>
 -                      </div>
 -                      <div class="col-md-12 text-center">
 -                              <div class="col-md-5 mt16">
 -                                  <img class="img img-responsive" style="height:355px;" src="/website_hr_recruitment/static/src/img/882207_10151545507603963_1381082528_o.jpg"/>
 -                              </div>
 -                              <div class="col-md-3 mt16">
 -                                  <img class="img img-responsive" style="height:355px;" src="/website_hr_recruitment/static/src/img/1010054_10151543538268963_186969588_n.jpg"/>
 -                              </div>
 -                              <div class="col-md-3 mt16">
 -                                  <img class="img img-responsive" src="/website_hr_recruitment/static/src/img/1017407_10151536656083963_857938319_n.jpg"/>
 -                              </div>
 -                              <div class="col-md-3 mt16">
 -                                  <img class="img img-responsive" src="/website_hr_recruitment/static/src/img/1044326_10151536655788963_587131144_n.jpg"/>
 -                              </div>
 -                      </div>
 -                  </div>
 -              </div>
 -          </section>
 -      </field>
++            <div class="col-md-12 text-center">
++                        <h2>Our staff at work</h2>
++                        <h3 class="text-muted">Pictures of smart and enthusiastic people</h3>
++                </div>
++            <div class="col-md-12 text-center">
++                <div class="col-md-5 mt16">
++                            <img class="img img-responsive" style="height:355px;" src="/website_hr_recruitment/static/src/img/882207_10151545507603963_1381082528_o.jpg"/>
++                        </div>
++                <div class="col-md-3 mt16">
++                            <img class="img img-responsive" style="height:355px;" src="/website_hr_recruitment/static/src/img/1010054_10151543538268963_186969588_n.jpg"/>
++                        </div>
++                <div class="col-md-3 mt16">
++                            <img class="img img-responsive" src="/website_hr_recruitment/static/src/img/1017407_10151536656083963_857938319_n.jpg"/>
++                        </div>
++                <div class="col-md-3 mt16">
++                            <img class="img img-responsive" src="/website_hr_recruitment/static/src/img/1044326_10151536655788963_587131144_n.jpg"/>
++                        </div>
++            </div>
++            </div>
++        </div>
++        </section>
++    </field>
+     </record>
+ 
+     <record id="hr.job_cto" model="hr.job">
+         <field name="website_description" type="html">
 -          <section snippet-id="text-block" class="mt16 mb16 dark">
 -              <div class="container">
 -                  <div class="row">
 -                      <div class="col-md-12">
 -                              You will be responsible for developing and improving applications, such as the You will work autonomously as well as                                    coordinate and supervise small distributed development teams for specific projects. You will become a technical                                 expert of the product.
 -                      </div>
 -                  </div>
 -              </div>
 -          </section>
 -          <section snippet-id="pricing" class="mt16 mb16">
++        <section data-snippet-id="text-block" class="mt16 mb16 dark">
++            <div class="container">
++                <div class="row">
++            <div class="col-md-offset-1 col-md-10 mb16 mt16">
++                    You will be responsible for developing and improving applications, such as the You will work autonomously as well as                     coordinate and supervise small distributed development teams for specific projects. You will become a technical                 expert of the product.
++            </div>
++            </div>
++        </div>
++        </section>
++        <section data-snippet-id="pricing" class="mt16 mb16">
+                 <div class="container">
+                     <div class="row">
 -                      <div class="col-md-4 mt16">
 -                          <div class="panel panel-info">
 -                            <!-- Default panel contents -->
 -                              <div class="panel-heading text-center">
 -                                  <h2 style="margin: 0">Responsibilities</h2>
 -                                  <p style="margin: 0" class="text-muted">
 -                                    What you will do ...
 -                                  </p>
 -                              </div>
++            <div class="col-md-4 mt16">
++                    <div class="panel panel-info">
++                      <!-- Default panel contents -->
++                        <div class="panel-heading text-center">
++                            <h2 style="margin: 0">Responsibilities</h2>
++                            <p style="margin: 0" class="text-muted">
++                              What you will do ...
++                            </p>
++                          </div>
+ 
 -                            <!-- List group -->
 -                            <ul class="list-group">
 -                              <li class="list-group-item nowrap">You will work closely with all technical officer</li>
 -                              <li class="list-group-item nowrap">You will report to the head of R&amp;D</li>
 -                              <li class="list-group-item nowrap">You will initially be coached by senior technical officer</li>
 -                              <li class="list-group-item nowrap">You will become a technical expert of the product.</li>
 -                            </ul>
 -                            <div class="panel-footer text-center">
 -                                <p class="text-muted">
 -                                    <i>Work in a fun atmosphere</i>
 -                                </p>
 -                            </div>
 -                          </div>
 -                      </div>
 -                      <div class="col-md-4 mt16">
 -                          <div class="panel panel-info">
 -                            <!-- Default panel contents -->
 -                            <div class="panel-heading text-center">
 -                                <h2 style="margin: 0">Skills</h2>
 -                                <p style="margin: 0" class="text-muted">
 -                                    Must have ...
 -                                </p>
 -                            </div>
 -                            <!-- List group -->
 -                            <ul class="list-group">
 -                              <li class="list-group-item">Master or engineer in computer science</li>
 -                              <li class="list-group-item">Preferably 1 year of experience</li>
 -                              <li class="list-group-item">Good knowledge of object oriented programming</li>
 -                              <li class="list-group-item">Good knowledge of web design</li>
 -                            </ul>
 -                            <div class="panel-footer text-center">
 -                                <p class="text-muted">
 -                                    <i>You autonomously and quickly learn</i>
 -                                </p>
 -                            </div>
 -                          </div>
 -                      </div>
 -                      <div class="col-md-4 mt16">
 -                          <div class="panel panel-info">
 -                            <!-- Default panel contents -->
 -                            <div class="panel-heading text-center">
 -                                <h2 style="margin: 0">Nice to have</h2>
 -                                <p style="margin: 0" class="text-muted">
 -                                    Close to the perfection ...
 -                                </p>
 -                            </div>
 -                            <!-- List group -->
 -                            <ul class="list-group">
 -                              <li class="list-group-item">Good knowledge of the programming language</li>
 -                              <li class="list-group-item">Good knowledge of the latest web technologies</li>
 -                              <li class="list-group-item">Good language skills in an other langages</li>
 -                              <li class="list-group-item">Contributions to open source projects</li>
 -                            </ul>
 -                            <div class="panel-footer text-center">
 -                                <p class="text-muted">
 -                                    <i>You are passionate</i>
 -                                </p>
 -                            </div>
 -                          </div>
 -                      </div>
 -                  </div>
 -              </div>
 -          </section>
 -          <section snippet-id="image-text" class="mt16 mb16">
++                  <!-- List group -->
++                  <ul class="list-group">
++                    <li class="list-group-item">You will work closely with all technical officer</li>
++                    <li class="list-group-item">You will report to the head of R&amp;D</li>
++                    <li class="list-group-item">You will initially be coached by senior technical officer</li>
++                    <li class="list-group-item">You will become a technical expert of the product.</li>
++                  </ul>
++                      <div class="panel-footer text-center">
++                          <p class="text-muted">
++                              <i>Work in a fun atmosphere</i>
++                          </p>
++                      </div>
++                            </div>
++                    </div>
++                <div class="col-md-4 mt16">
++                    <div class="panel panel-info">
++                      <!-- Default panel contents -->
++                      <div class="panel-heading text-center">
++                          <h2 style="margin: 0">Skills</h2>
++                          <p style="margin: 0" class="text-muted">
++                              Must have ...
++                          </p>
++                      </div>
++                      <!-- List group -->
++                      <ul class="list-group">
++                        <li class="list-group-item">Master or engineer in computer science</li>
++                        <li class="list-group-item">Preferably 1 year of experience</li>
++                        <li class="list-group-item">Good knowledge of object oriented programming</li>
++                        <li class="list-group-item">Good knowledge of web design</li>
++                      </ul>
++                      <div class="panel-footer text-center">
++                          <p class="text-muted">
++                              <i>You autonomously and quickly learn</i>
++                          </p>
++                      </div>
++                    </div>
++                </div>
++                <div class="col-md-4 mt16">
++                    <div class="panel panel-info">
++                      <!-- Default panel contents -->
++                      <div class="panel-heading text-center">
++                          <h2 style="margin: 0">Nice to have</h2>
++                          <p style="margin: 0" class="text-muted">
++                              Close to the perfection ...
++                          </p>
++                      </div>
++                      <!-- List group -->
++                      <ul class="list-group">
++                        <li class="list-group-item">Good knowledge of the programming language</li>
++                        <li class="list-group-item">Good knowledge of the latest web technologies</li>
++                        <li class="list-group-item">Good language skills in an other langages</li>
++                        <li class="list-group-item">Contributions to open source projects</li>
++                      </ul>
++                      <div class="panel-footer text-center">
++                          <p class="text-muted">
++                              <i>You are passionate</i>
++                          </p>
++                      </div>
++                    </div>
++                </div>
++            </div>
++        </div>
++        </section>
++        <section data-snippet-id="image-text" class="mt16 mb16">
+                 <div class="container">
+                     <div class="row">
 -                      <div class="col-md-12 text-center">
 -                          <h2>What we offer</h2>
 -                          <h3 class="text-muted">A good job in a young and dynamic team</h3>
 -                      </div>
 -                      <div class="col-md-12">
 -                          <p>
 -                              A full time job, with an attractive salary package in a small team of smart people. You will start contract with a full technical and functional training. If you are passionate, motivate and flexible apply for this job, you will certainly join the best company ever.</p>
++            <div class="col-md-12 text-center">
++                        <h2>What we offer</h2>
++                        <h3 class="text-muted">A good job in a young and dynamic team</h3>
++                </div>
++            <div class="col-md-12">
++                <p>
++                    A full time job, with an attractive salary package in a small team of smart people. You will start contract with a full technical and functional training. If you are passionate, motivate and flexible apply for this job, you will certainly join the best company ever.</p>
+ <p>With our product, which is a suite of 3000 business apps. It is fully open source, full featured and it’s online offer is 3 times cheaper than traditional competitors. We have 2.000.000 users, and we're growing fast.</p>
+ <p>Because of our constant growth, we're now looking for people to reinforce our team of enthusiastic chief technical officer. So if working on an open source project in a friendly and cooperative atmosphere sounds like fun to you, read on...</p>
 -                      </div>
 -                  </div>
 -              </div>
 -          </section>
 -          <section snippet-id="image-text" class="mt16 mb16">
++            </div>
++            </div>
++        </div>
++        </section>
++        <section data-snippet-id="image-text" class="mt16 mb16">
+                 <div class="container">
+                     <div class="row">
 -                      <div class="col-md-12 text-center">
 -                          <h2>Our staff at work</h2>
 -                          <h3 class="text-muted">Pictures of smart and enthusiastic people</h3>
 -                      </div>
 -                      <div class="col-md-12 text-center">
 -                              <div class="col-md-5 mt16">
 -                                  <img class="img img-responsive" style="height:355px;" src="/website_hr_recruitment/static/src/img/882207_10151545507603963_1381082528_o.jpg"/>
 -                              </div>
 -                              <div class="col-md-3 mt16">
 -                                  <img class="img img-responsive" style="height:355px;" src="/website_hr_recruitment/static/src/img/1010054_10151543538268963_186969588_n.jpg"/>
 -                              </div>
 -                              <div class="col-md-3 mt16">
 -                                  <img class="img img-responsive" src="/website_hr_recruitment/static/src/img/1017407_10151536656083963_857938319_n.jpg"/>
 -                              </div>
 -                              <div class="col-md-3 mt16">
 -                                  <img class="img img-responsive" src="/website_hr_recruitment/static/src/img/1044326_10151536655788963_587131144_n.jpg"/>
 -                              </div>
 -                      </div>
 -                  </div>
 -              </div>
 -          </section>
 -      </field>
++            <div class="col-md-12 text-center">
++                        <h2>Our staff at work</h2>
++                        <h3 class="text-muted">Pictures of smart and enthusiastic people</h3>
++                </div>
++            <div class="col-md-12 text-center">
++                <div class="col-md-5 mt16">
++                            <img class="img img-responsive" style="height:355px;" src="/website_hr_recruitment/static/src/img/882207_10151545507603963_1381082528_o.jpg"/>
++                        </div>
++                <div class="col-md-3 mt16">
++                            <img class="img img-responsive" style="height:355px;" src="/website_hr_recruitment/static/src/img/1010054_10151543538268963_186969588_n.jpg"/>
++                        </div>
++                <div class="col-md-3 mt16">
++                            <img class="img img-responsive" src="/website_hr_recruitment/static/src/img/1017407_10151536656083963_857938319_n.jpg"/>
++                        </div>
++                <div class="col-md-3 mt16">
++                            <img class="img img-responsive" src="/website_hr_recruitment/static/src/img/1044326_10151536655788963_587131144_n.jpg"/>
++                        </div>
++            </div>
++            </div>
++        </div>
++        </section>
++    </field>
+     </record>
+ 
+     <record id="hr.job_trainee" model="hr.job">
+         <field name="website_description" type="html">
 -          <section snippet-id="text-block" class="mt16 mb16 dark">
 -              <div class="container">
 -                  <div class="row">
 -                                      <div class="col-md-12">
 -                              You will be responsible for developing and improving applications, such as the You will work autonomously as well as                                    coordinate and supervise small distributed development teams for specific projects. You will become a technical                                 expert of the product.
 -                                      </div>
 -                      </div>
 -                      </div>
 -          </section>
 -          <section snippet-id="pricing" class="mt16 mb16">
++        <section data-snippet-id="text-block" class="mt16 mb16 dark">
++            <div class="container">
++                <div class="row">
++                    <div class="col-md-offset-1 col-md-10 mb16 mt16">
++                    You will be responsible for developing and improving applications, such as the You will work autonomously as well as                     coordinate and supervise small distributed development teams for specific projects. You will become a technical                 expert of the product.
++                    </div>
++                </div>
++            </div>
++        </section>
++        <section data-snippet-id="pricing" class="mt16 mb16">
+             <div class="container">
+                 <div class="row">
 -                                      <div class="col-md-4 mt16">
 -                              <div class="panel panel-info">
 -                                      <!-- Default panel contents -->
 -                                          <div class="panel-heading text-center">
 -                                              <h2 style="margin: 0">Responsibilities</h2>
 -                                              <p style="margin: 0" class="text-muted">
 -                                                What you will do ...
 -                                              </p>
 -                                              </div>
++                    <div class="col-md-4 mt16">
++                        <div class="panel panel-info">
++                              <!-- Default panel contents -->
++                            <div class="panel-heading text-center">
++                                <h2 style="margin: 0">Responsibilities</h2>
++                                <p style="margin: 0" class="text-muted">
++                                  What you will do ...
++                                </p>
++                              </div>
+ 
 -                                                      <!-- List group -->
 -                                                      <ul class="list-group">
 -                                                              <li class="list-group-item">You will work closely with all trainees</li>
 -                                                              <li class="list-group-item">You will report to the head of R&amp;D</li>
 -                                                              <li class="list-group-item">You will initially be coached by senior trainees</li>
 -                                                              <li class="list-group-item">You will become a technical expert of the product.</li>
 -                                                      </ul>
 -                                                      <div class="panel-footer text-center">
 -                                                              <p class="text-muted">
 -                                                              <i>Work in a fun atmosphere</i>
 -                                                              </p>
 -                                                      </div>
 -                          </div>
 -                      </div>
 -                              <div class="col-md-4 mt16">
 -                              <div class="panel panel-info">
 -                                      <!-- Default panel contents -->
 -                                      <div class="panel-heading text-center">
 -                                              <h2 style="margin: 0">Skills</h2>
 -                                              <p style="margin: 0" class="text-muted">
 -                                              Must have ...
 -                                              </p>
 -                                      </div>
 -                                                      <!-- List group -->
 -                                                      <ul class="list-group">
 -                                                          <li class="list-group-item">Master or engineer in computer science</li>
 -                                                          <li class="list-group-item">Preferably 1 year of experience</li>
 -                                                          <li class="list-group-item">Good knowledge of object oriented programming</li>
 -                                                          <li class="list-group-item">Good knowledge of web design</li>
 -                                                      </ul>
 -                                      <div class="panel-footer text-center">
 -                                              <p class="text-muted">
 -                                              <i>You autonomously and quickly learn</i>
 -                                              </p>
 -                                      </div>
 -                              </div>
 -                              </div>
 -                              <div class="col-md-4 mt16">
 -                              <div class="panel panel-info">
 -                                      <!-- Default panel contents -->
 -                                      <div class="panel-heading text-center">
 -                                              <h2 style="margin: 0">Nice to have</h2>
 -                                              <p style="margin: 0" class="text-muted">
 -                                              Close to the perfection ...
 -                                              </p>
 -                                      </div>
 -                                              <!-- List group -->
 -                                              <ul class="list-group">
 -                                                      <li class="list-group-item">Good knowledge of the programming language</li>
 -                                                      <li class="list-group-item">Good knowledge of the latest web technologies</li>
 -                                                      <li class="list-group-item">Good language skills in an other langages</li>
 -                                                      <li class="list-group-item">Contributions to open source projects</li>
 -                                          </ul>
 -                                      <div class="panel-footer text-center">
 -                                              <p class="text-muted">
 -                                              <i>You are passionate</i>
 -                                              </p>
 -                                      </div>
 -                              </div>
 -                              </div>
 -                      </div>
 -                      </div>
 -          </section>
 -          <section snippet-id="image-text" class="mt16 mb16">
 -                      <div class="container">
++                              <!-- List group -->
++                              <ul class="list-group">
++                                <li class="list-group-item">You will work closely with all trainees</li>
++                                <li class="list-group-item">You will report to the head of R&amp;D</li>
++                                <li class="list-group-item">You will initially be coached by senior trainees</li>
++                                <li class="list-group-item">You will become a technical expert of the product.</li>
++                              </ul>
++                              <div class="panel-footer text-center">
++                                <p class="text-muted">
++                                    <i>Work in a fun atmosphere</i>
++                                  </p>
++                              </div>
++                        </div>
++                    </div>
++                    <div class="col-md-4 mt16">
++                        <div class="panel panel-info">
++                              <!-- Default panel contents -->
++                              <div class="panel-heading text-center">
++                                  <h2 style="margin: 0">Skills</h2>
++                                  <p style="margin: 0" class="text-muted">
++                                      Must have ...
++                                  </p>
++                              </div>
++                            <!-- List group -->
++                            <ul class="list-group">
++                                <li class="list-group-item">Master or engineer in computer science</li>
++                                <li class="list-group-item">Preferably 1 year of experience</li>
++                                <li class="list-group-item">Good knowledge of object oriented programming</li>
++                                <li class="list-group-item">Good knowledge of web design</li>
++                            </ul>
++                              <div class="panel-footer text-center">
++                                  <p class="text-muted">
++                                      <i>You autonomously and quickly learn</i>
++                                  </p>
++                              </div>
++                        </div>
++                    </div>
++                    <div class="col-md-4 mt16">
++                        <div class="panel panel-info">
++                              <!-- Default panel contents -->
++                              <div class="panel-heading text-center">
++                                  <h2 style="margin: 0">Nice to have</h2>
++                                  <p style="margin: 0" class="text-muted">
++                                      Close to the perfection ...
++                                  </p>
++                              </div>
++                              <!-- List group -->
++                              <ul class="list-group">
++                                <li class="list-group-item">Good knowledge of the programming language</li>
++                                <li class="list-group-item">Good knowledge of the latest web technologies</li>
++                                <li class="list-group-item">Good language skills in an other langages</li>
++                                <li class="list-group-item">Contributions to open source projects</li>
++                            </ul>
++                              <div class="panel-footer text-center">
++                                  <p class="text-muted">
++                                      <i>You are passionate</i>
++                                  </p>
++                              </div>
++                        </div>
++                    </div>
++                </div>
++            </div>
++        </section>
++        <section data-snippet-id="image-text" class="mt16 mb16">
++            <div class="container">
+                 <div class="row">
 -                                      <div class="col-md-12 text-center">
 -                          <h2>What we offer</h2>
 -                          <h3 class="text-muted">A good job in a young and dynamic team</h3>
 -                              </div>
 -                                      <div class="col-md-12">
 -                                      <p>
 -                              A full time job, with an attractive salary package in a small team of smart people. You will start contract with a full technical and functional training. If you are passionate, motivate and flexible apply for this job, you will certainly join the best company ever.</p>
++                    <div class="col-md-12 text-center">
++                        <h2>What we offer</h2>
++                        <h3 class="text-muted">A good job in a young and dynamic team</h3>
++                    </div>
++                    <div class="col-md-12">
++                        <p>
++                    A full time job, with an attractive salary package in a small team of smart people. You will start contract with a full technical and functional training. If you are passionate, motivate and flexible apply for this job, you will certainly join the best company ever.</p>
+ <p>With our product, which is a suite of 3000 business apps. It is fully open source, full featured and it’s online offer is 3 times cheaper than traditional competitors. We have 2.000.000 users, and we're growing fast.</p>
+ <p>Because of our constant growth, we're now looking for people to reinforce our team of enthusiastic trainees. So if working on an open source project in a friendly and cooperative atmosphere sounds like fun to you, read on...</p>
 -                                      </div>
 -                      </div>
 -                      </div>
 -          </section>
 -          <section snippet-id="image-text" class="mt16 mb16">
++                    </div>
++                </div>
++            </div>
++        </section>
++        <section data-snippet-id="image-text" class="mt16 mb16">
+             <div class="container">
 -              <div class="row">
 -                                      <div class="col-md-12 text-center">
 -                          <h2>Our staff at work</h2>
 -                          <h3 class="text-muted">Pictures of smart and enthusiastic people</h3>
 -                              </div>
 -                                      <div class="col-md-12 text-center">
 -                                              <div class="col-md-5 mt16">
 -                                  <img class="img img-responsive" style="height:355px;" src="/website_hr_recruitment/static/src/img/882207_10151545507603963_1381082528_o.jpg"/>
 -                              </div>
 -                                              <div class="col-md-3 mt16">
 -                                  <img class="img img-responsive" style="height:355px;" src="/website_hr_recruitment/static/src/img/1010054_10151543538268963_186969588_n.jpg"/>
 -                              </div>
 -                                              <div class="col-md-3 mt16">
 -                                  <img class="img img-responsive" src="/website_hr_recruitment/static/src/img/1017407_10151536656083963_857938319_n.jpg"/>
 -                              </div>
 -                                              <div class="col-md-3 mt16">
 -                                  <img class="img img-responsive" src="/website_hr_recruitment/static/src/img/1044326_10151536655788963_587131144_n.jpg"/>
 -                              </div>
 -                                      </div>
 -                      </div>
 -                      </div>
 -          </section>
 -      </field>
++                <div class="row">
++                    <div class="col-md-12 text-center">
++                        <h2>Our staff at work</h2>
++                        <h3 class="text-muted">Pictures of smart and enthusiastic people</h3>
++                    </div>
++                    <div class="col-md-12 text-center">
++                        <div class="col-md-5 mt16">
++                            <img class="img img-responsive" style="height:355px;" src="/website_hr_recruitment/static/src/img/882207_10151545507603963_1381082528_o.jpg"/>
++                        </div>
++                        <div class="col-md-3 mt16">
++                            <img class="img img-responsive" style="height:355px;" src="/website_hr_recruitment/static/src/img/1010054_10151543538268963_186969588_n.jpg"/>
++                        </div>
++                        <div class="col-md-3 mt16">
++                            <img class="img img-responsive" src="/website_hr_recruitment/static/src/img/1017407_10151536656083963_857938319_n.jpg"/>
++                        </div>
++                        <div class="col-md-3 mt16">
++                            <img class="img img-responsive" src="/website_hr_recruitment/static/src/img/1044326_10151536655788963_587131144_n.jpg"/>
++                        </div>
++                    </div>
++                </div>
++            </div>
++        </section>
++    </field>
+     </record>
+ 
+     <record id="hr.job_hrm" model="hr.job">
+         <field name="website_description" type="html">
 -          <section snippet-id="text-block" class="mt16 mb16 dark">
 -              <div class="container">
 -                  <div class="row">
 -                      <div class="col-md-12">
 -                          <p>You will be responsible for developing and improving product communication. You will work autonomously as well as coordinate and supervise small distributed development teams for specific projects. You will become a techinical expert of the product.</p>
 -                          <p class="text-muted">We are looking for a passionated Human Resources Manager to help us make products people love to use. We need someone who is ambitious, passionated, and ..... not afraid to start new things, a lot of new things and scale them.</p>
 -                      </div>
 -                  </div>
 -              </div>
 -          </section>
 -          <section snippet-id="pricing" class="mt16 mb16">
++        <section data-snippet-id="text-block" class="mt16 mb16 dark">
++            <div class="container">
++                <div class="row">
++            <div class="col-md-offset-1 col-md-10 mb16 mt16">
++                    <p>You will be responsible for developing and improving product communication. You will work autonomously as well as coordinate and supervise small distributed development teams for specific projects. You will become a techinical expert of the product.</p>
++                <p class="text-muted">We are looking for a passionated Human Resources Manager to help us make products people love to use. We need someone who is ambitious, passionated, and ..... not afraid to start new things, a lot of new things and scale them.</p>
++            </div>
++            </div>
++        </div>
++        </section>
++        <section data-snippet-id="pricing" class="mt16 mb16">
+                 <div class="container">
+                     <div class="row">
 -                      <div class="col-md-4 mt16" style="width:30%;">
 -                          <div class="panel panel-info">
 -                              <!-- Default panel contents -->
 -                              <div class="panel-heading text-center">
 -                                  <h2 style="margin: 0">Responsibilities</h2>
 -                                  <p style="margin: 0" class="text-muted">
 -                                    What you will do ...
 -                                  </p>
 -                              </div>
 -                              <!-- List group -->
 -                              <ul class="list-group">
 -                                              <li class="list-group-item nowrap">Hire a team of great Human Resources people</li>
 -                                              <li class="list-group-item">Increase the visibility of the product</li>
 -                                              <li class="list-group-item">Increase opportunities</li>
 -                                              <li class="list-group-item">Improve our communication to customers</li>
 -                              </ul>
 -                              <div class="panel-footer text-center">
 -                                  <p class="text-muted">
 -                                      <i>Work in a fun atmosphere</i>
 -                                  </p>
 -                              </div>
 -                          </div>
 -                      </div>
 -                      <div class="col-md-4 mt16" style="padding-right:0px;padding-left:0px;width:36%;">
 -                          <div class="panel panel-info">
 -                            <!-- Default panel contents -->
 -                            <div class="panel-heading text-center">
 -                                <h2 style="margin: 0">Skills</h2>
 -                                <p style="margin: 0" class="text-muted">
 -                                    Must have ...
 -                                </p>
 -                            </div>
 -                            <!-- List group -->
 -                            <ul class="list-group">
 -                              <li class="list-group-item nowrap">Write attractive content and build up Human Resources materials</li>
 -                              <li class="list-group-item">Define a clear communication strategy</li>
 -                              <li class="list-group-item">Scale our events organization all around the world</li>
 -                              <li class="list-group-item nowrap">Launch new products, Human Resources campaigns and offers</li>
 -                            </ul>
 -                            <div class="panel-footer text-center">
 -                                <p class="text-muted">
 -                                    <i>You easily manage them</i>
 -                                </p>
 -                            </div>
 -                          </div>
 -                      </div>
 -                      <div class="col-md-4 mt16">
 -                          <div class="panel panel-info">
 -                            <!-- Default panel contents -->
 -                            <div class="panel-heading text-center">
 -                                <h2 style="margin: 0">Nice to have</h2>
 -                                <p style="margin: 0" class="text-muted">
 -                                    Close to the perfection ...
 -                                </p>
 -                            </div>
 -                            <!-- List group -->
 -                            <ul class="list-group">
 -                              <li class="list-group-item">You are creative</li>
 -                              <li class="list-group-item">You have an affinity with the product</li>
 -                              <li class="list-group-item">You are ready to work in a dynamic company</li>
 -                              <li class="list-group-item">You are approachable, honest and fun team player</li>
 -                            </ul>
 -                            <div class="panel-footer text-center">
 -                                <p class="text-muted">
 -                                    <i>You are passionate</i>
 -                                </p>
 -                            </div>
 -                          </div>
 -                      </div>
 -                  </div>
 -              </div>
 -          </section>
 -          <section snippet-id="image-text" class="mt16 mb16">
++            <div class="col-md-4 mt16" style="width:30%;">
++                    <div class="panel panel-info">
++                        <!-- Default panel contents -->
++                        <div class="panel-heading text-center">
++                            <h2 style="margin: 0">Responsibilities</h2>
++                            <p style="margin: 0" class="text-muted">
++                              What you will do ...
++                            </p>
++                          </div>
++                      <!-- List group -->
++                      <ul class="list-group">
++                        <li class="list-group-item">Hire a team of great Human Resources people</li>
++                        <li class="list-group-item">Increase the visibility of the product</li>
++                        <li class="list-group-item">Increase opportunities</li>
++                        <li class="list-group-item">Improve our communication to customers</li>
++                    </ul>
++                    <div class="panel-footer text-center">
++                        <p class="text-muted">
++                            <i>Work in a fun atmosphere</i>
++                        </p>
++                    </div>
++                            </div>
++                    </div>
++                <div class="col-md-4 mt16">
++                    <div class="panel panel-info">
++                      <!-- Default panel contents -->
++                      <div class="panel-heading text-center">
++                          <h2 style="margin: 0">Skills</h2>
++                          <p style="margin: 0" class="text-muted">
++                              Must have ...
++                          </p>
++                      </div>
++                      <!-- List group -->
++                      <ul class="list-group">
++                        <li class="list-group-item">Write attractive content and build up Human Resources materials</li>
++                        <li class="list-group-item">Define a clear communication strategy</li>
++                        <li class="list-group-item">Scale our events organization all around the world</li>
++                        <li class="list-group-item">Launch new products, Human Resources campaigns and offers</li>
++                      </ul>
++                      <div class="panel-footer text-center">
++                          <p class="text-muted">
++                              <i>You easily manage them</i>
++                          </p>
++                      </div>
++                    </div>
++                </div>
++                <div class="col-md-4 mt16">
++                    <div class="panel panel-info">
++                      <!-- Default panel contents -->
++                      <div class="panel-heading text-center">
++                          <h2 style="margin: 0">Nice to have</h2>
++                          <p style="margin: 0" class="text-muted">
++                              Close to the perfection ...
++                          </p>
++                      </div>
++                      <!-- List group -->
++                      <ul class="list-group">
++                        <li class="list-group-item">You are creative</li>
++                        <li class="list-group-item">You have an affinity with the product</li>
++                        <li class="list-group-item">You are ready to work in a dynamic company</li>
++                        <li class="list-group-item">You are approachable, honest and fun team player</li>
++                      </ul>
++                      <div class="panel-footer text-center">
++                          <p class="text-muted">
++                              <i>You are passionate</i>
++                          </p>
++                      </div>
++                    </div>
++                </div>
++            </div>
++        </div>
++        </section>
++        <section data-snippet-id="image-text" class="mt16 mb16">
+                 <div class="container">
+                     <div class="row">
 -                      <div class="col-md-12 text-center">
 -                          <h2>What we offer</h2>
 -                          <h3 class="text-muted">A good job in a young and dynamic team</h3>
 -                      </div>
 -                      <div class="col-md-12">
 -                          <p>
 -                              A full time job, with an attractive salary package in a small team of smart people. You will start contract with a full technical and functional training. If you are passionate, motivate and flexible apply for this job, you will certainly join the best company ever.</p>
++            <div class="col-md-12 text-center">
++                        <h2>What we offer</h2>
++                        <h3 class="text-muted">A good job in a young and dynamic team</h3>
++                </div>
++            <div class="col-md-12">
++                <p>
++                    A full time job, with an attractive salary package in a small team of smart people. You will start contract with a full technical and functional training. If you are passionate, motivate and flexible apply for this job, you will certainly join the best company ever.</p>
+ <p>With our product, which is a suite of 3000 business apps. It is fully open source, full featured and it’s online offer is 3 times cheaper than traditional competitors. We have 2.000.000 users, and we're growing fast.</p>
+ <p>Because of our constant growth, we're now looking for people to reinforce our team of enthusiastic developers. So if working on an open source project in a friendly and cooperative atmosphere sounds like fun to you, read on...</p>
 -                      </div>
 -                  </div>
 -              </div>
 -          </section>
 -          <section snippet-id="image-text" class="mt16 mb16">
++            </div>
++            </div>
++        </div>
++        </section>
++        <section data-snippet-id="image-text" class="mt16 mb16">
+                 <div class="container">
+                     <div class="row">
 -                      <div class="col-md-12 text-center">
 -                          <h2>Our staff at work</h2>
 -                          <h3 class="text-muted">Pictures of smart and enthusiastic people</h3>
 -                      </div>
 -                      <div class="col-md-12 text-center">
 -                              <div class="col-md-5 mt16">
 -                                  <img class="img img-responsive" style="height:355px;" src="/website_hr_recruitment/static/src/img/882207_10151545507603963_1381082528_o.jpg"/>
 -                              </div>
 -                              <div class="col-md-3 mt16">
 -                                  <img class="img img-responsive" style="height:355px;" src="/website_hr_recruitment/static/src/img/1010054_10151543538268963_186969588_n.jpg"/>
 -                              </div>
 -                              <div class="col-md-3 mt16">
 -                                  <img class="img img-responsive" src="/website_hr_recruitment/static/src/img/1017407_10151536656083963_857938319_n.jpg"/>
 -                              </div>
 -                              <div class="col-md-3 mt16">
 -                                  <img class="img img-responsive" src="/website_hr_recruitment/static/src/img/1044326_10151536655788963_587131144_n.jpg"/>
 -                              </div>
 -                      </div>
 -                  </div>
 -              </div>
 -          </section>
 -      </field>
++            <div class="col-md-12 text-center">
++                        <h2>Our staff at work</h2>
++                        <h3 class="text-muted">Pictures of smart and enthusiastic people</h3>
++                </div>
++            <div class="col-md-12 text-center">
++                <div class="col-md-5 mt16">
++                            <img class="img img-responsive" style="height:355px;" src="/website_hr_recruitment/static/src/img/882207_10151545507603963_1381082528_o.jpg"/>
++                        </div>
++                <div class="col-md-3 mt16">
++                            <img class="img img-responsive" style="height:355px;" src="/website_hr_recruitment/static/src/img/1010054_10151543538268963_186969588_n.jpg"/>
++                        </div>
++                <div class="col-md-3 mt16">
++                            <img class="img img-responsive" src="/website_hr_recruitment/static/src/img/1017407_10151536656083963_857938319_n.jpg"/>
++                        </div>
++                <div class="col-md-3 mt16">
++                            <img class="img img-responsive" src="/website_hr_recruitment/static/src/img/1044326_10151536655788963_587131144_n.jpg"/>
++                        </div>
++            </div>
++            </div>
++        </div>
++        </section>
++    </field>
+     </record>
+     </data>
+ </openerp>

diff --cc addons/website_mail/controllers/main.py
index 64c627d,64c627d..f9a7f07
--- 1/addons/website_mail/controllers/main.py
--- 2/addons/website_mail/controllers/main.py
+++ b/addons/website_mail/controllers/main.py
@@@ -40,12 -40,12 +40,12 @@@ class WebsiteMail(http.Controller)
              partner_ids = [user_obj.browse(request.cr, request.uid, request.uid, request.context).partner_id.id]
          return partner_ids
  
--    @website.route(['/website_mail/follow/'], type='http', auth="public")
--    def website_message_subscribe(self, **post):
--        _id = int(post['id'])
--        _message_is_follower = post['message_is_follower'] == 'on'
--        _object = request.registry[post['object']]
--        partner_ids = self._find_or_create_partner(post.get('email'), request.context)
++    @website.route(['/website_mail/follow/'], type='json', auth="public")
++    def website_message_subscribe(self, id=0, object=None, message_is_follower="on", email=False, **post):
++        _id = int(id)
++        _message_is_follower = message_is_follower == 'on'
++        _object = request.registry[object]
++        partner_ids = self._find_or_create_partner(email, request.context)
  
          if _message_is_follower:
              _object.check_access_rule(request.cr, request.uid, [_id], 'read', request.context)
@@@ -55,4 -55,4 +55,4 @@@
              _object.message_subscribe(request.cr, SUPERUSER_ID, [_id], partner_ids, context=request.context)
          obj = _object.browse(request.cr, request.uid, _id)
  
--        return obj.message_is_follower and "1" or "0"
++        return obj.message_is_follower and 1 or 0

diff --cc addons/website_mail/static/src/js/website_mail.js
index 91cb63f,91cb63f..d0ce827
--- 1/addons/website_mail/static/src/js/website_mail.js
--- 2/addons/website_mail/static/src/js/website_mail.js
+++ b/addons/website_mail/static/src/js/website_mail.js
@@@ -15,12 -15,12 +15,12 @@@ $(document).ready(function () 
          var $email = $data.first().siblings(".js_follow_email");
          var message_is_follower = $data.first().attr("data-follow");
          $data.attr("data-follow", message_is_follower == 'off' ? 'on' : 'off');
--        $.post('/website_mail/follow', {
++        openerp.jsonRpc('/website_mail/follow', 'call', {
              'id': $(this).data('id'),
              'object': $(this).data('object'),
              'message_is_follower': message_is_follower,
              'email': $email && $email.val() || false,
--        }, function (result) {
++        }).then(function (result) {
              $data.attr("data-follow", + result ? 'on' : 'off');
          });
      });