diff --git a/addons/website_hr_recruitment/__openerp__.py b/addons/website_hr_recruitment/__openerp__.py
index f12075d9d5d..a918d58d118 100644
--- a/addons/website_hr_recruitment/__openerp__.py
+++ b/addons/website_hr_recruitment/__openerp__.py
@@ -12,7 +12,6 @@ OpenERP Contact Form
     'data': [
         'views/website_hr_recruitment.xml'
     ],
-    'css': ['static/lib/bootstrap/css/*.css'],
     'installable': True,
     'auto_install': False,
 }
diff --git a/addons/website_hr_recruitment/views/website_hr_recruitment.xml b/addons/website_hr_recruitment/views/website_hr_recruitment.xml
index db973352e76..9e6422cbf3c 100644
--- a/addons/website_hr_recruitment/views/website_hr_recruitment.xml
+++ b/addons/website_hr_recruitment/views/website_hr_recruitment.xml
@@ -7,116 +7,14 @@
             <field name="inherit_id" ref="website.header"/>
             <field name="arch" type="xml">
                 <data>
-                    <xpath expr="//div[@class='container']" position="attributes">
-                        <!-- <attribute name="class">jumbotron subhead</attribute>
-                        <attribute name="id">overview</attribute> -->
-                        <attribute name="class"></attribute>
-                    </xpath>
-                    <!-- <xpath expr="//div[@id='overview']/div[@class='row']/div" position="attributes"> --> 
-                    <xpath expr="//div/div[@class='row']/div" position="attributes">
-                        <attribute name="class">span6</attribute>
-                    </xpath>
-                    <!-- <xpath expr="//div[@id='overview']/div[@class='row']/div[@class='span6']/a" position="replace"> -->
-                    <xpath expr="//div/div[@class='row']/div[@class='span6']/a" position="replace">
-                        <h1>OpenERP</h1>
-                        <p class="lead">Opensource Product.</p>
-                    </xpath>
-                     <!-- <xpath expr="//div[@id='overview']/div[@class='row']/div[@class='span6']" position="after"> --> 
-                    <xpath expr="//div/div[@class='row']/div[@class='span6']" position="after">
-                        <div class="span6">
-                            <!-- <div class="bsa well">
-                                 <div id="bsap_1277971" class="bsarocks bsap_c466df00a3cd5ee8568b5c4983b6bb19"></div> 
-                            </div> -->
-                        </div>
-                    </xpath>
                     <xpath expr="(//li)[last()]" position="after">
                         <li class="pull-right"><a href="/career">Career</a></li>
                     </xpath>
-                    <!-- <xpath expr="//li[@*]" position="attributes">
-                         <li class="pull-right"><a href="/career">Career</a></li> 
-                        <attribute name="class"></attribute>
-                    </xpath> -->
-                    <!-- <xpath expr="(//li)[last()]" position="after">
-                        <li class="pull-right"><a href="/career">Career</a></li>
-                    </xpath>
-                    <xpath expr="(//ul)" position="attributes">
-                        <attribute name="class">nav nav-pills</attribute>
-                    </xpath>
-                    <xpath expr="(//ul)" position="before">
-                        <div class="subnav"></div>
-                    </xpath> -->
-                     <!-- <xpath expr="//div[@id='overview']/div[@class='row']/ul" position="replace">  
-                    <xpath expr="//div/div[@class='row']/ul" position="replace">
-                    </xpath>-->
-                    <!-- <xpath expr="//div[@id='overview']" position="after"> --> 
-                    <!--<xpath expr="//div" position="after">
-                        <div class="subnav">
-                            <ul class="nav nav-pills">
-                                <li><a href="/">Home</a></li>
-                                <li><a href="/page/website.contactus">Contact Us</a></li>
-                                <li><a href="/career">Career</a></li>
-                                <li><a href="/blog">Blog</a></li>
-                            </ul>
-                        </div>
-                    </xpath>
-                -->
-                </data>
-            </field>
-        </record>
-        <record id="footer_career" model="ir.ui.view">
-            <field name="name">footer_career</field>
-            <field name="type">qweb</field>
-            <field name="inherit_id" ref="website.footer"/>
-            <field name="arch" type="xml">
-                <data>
-                    <xpath expr="//div" position="attributes">
-                        <attribute name="class">links</attribute>
-                    </xpath>
-                </data>
-            </field>
-        </record>
-        <record id="body_career" model="ir.ui.view">
-            <field name="name">body_career</field>
-            <field name="type">qweb</field>
-            <field name="inherit_id" ref="website.layout"/>
-            <field name="arch" type="xml">
-                <data>
-                    <xpath expr="//html/body" position="attributes">
-                        <attribute name="class">preview</attribute>
-                        <attribute name="id">top</attribute>
-                        <attribute name="data-spy">scroll</attribute>
-                        <attribute name="data-target">.subnav</attribute>
-                        <attribute name="data-offset">80</attribute>
-                    </xpath>
-                    <xpath expr="//header" position="before">
-                        <div class="container"></div>
-                    </xpath>
-                    <xpath expr="//header" position="attributes">
-                        <!-- <attribute name="class"></attribute> -->
-                        <attribute name="class">jumbotron subhead</attribute>
-                        <attribute name="id">overview</attribute>
-                    </xpath>
-                    <xpath expr="//footer" position="attributes">
-                        <attribute name="class"></attribute>
-                        <attribute name="id">footer</attribute>
-                    </xpath>
-                    <xpath expr="//footer" position="before">
-                        <br/><br/><br/><br/>
-                    </xpath>
-                    <xpath expr="//div[@class='oe_website_body']" position="attributes">
-                        <attribute name="class"></attribute>
-                    </xpath>
                 </data>
             </field>
         </record>
         <template id="career">
             <t t-call="website.layout">
-                <t t-set="head">
-                    <!-- <link rel='stylesheet' href='/website_hr_recruitment/static/lib/bootstrap/css/bootstrap.min.css'/>
-                    <link rel='stylesheet' href='/website_hr_recruitment/static/lib/bootstrap/css/bootstrap.css'/>
-                    <link rel='stylesheet' href='/website_hr_recruitment/static/lib/bootstrap/css/bootswatch.css'/>
-                    <link rel='stylesheet' href='/website_hr_recruitment/static/lib/bootstrap/css/font-awesome.min.css'/> -->
-                </t>
                 <t t-set="title">Career</t>
                 <div class="container">
                     <section id="tables">
@@ -145,18 +43,6 @@
                             </tbody>
                         </table>
                     </section>
-                    <!--<div class="oe_row">
-                        <h2 class="oe_slogan">Job Position</h2>
-                        <table cellspacing="1" cellpadding="1">
-                            <t t-foreach="res_job" t-as="job">
-                               <tr>
-                                   <td><span t-record="job" t-field="name"><t t-esc="job.name"/></span></td>
-                                   <td><span t-record="job" t-field="no_of_recruitment"><t t-esc="job.no_of_recruitment"/></span></td>
-                                   <td t-if="job.description"><span t-record="job" t-field="description"><t t-esc="job.description"/></span></td>
-                               </tr>
-                            </t>
-                        </table>
-                </div>-->
                 </div>
             </t>
         </template>
@@ -168,7 +54,7 @@
                         <li><a t-att-href="'/career'">Back</a></li>
                     </ul>
                 </div>
-                <section id="typography">
+                <div class="container">
                     <div class="page-header">
                         <h1><t t-esc="job.name"/></h1>
                     </div>
@@ -180,9 +66,8 @@
                             <p t-if="job.requirements"><t t-esc="job.requirements"/></p>
                         </div>
                     </div>
-                </section>
-                <t t-call="website_hr_recruitment.applyjobpost">
-                </t>
+                    <t t-call="website_hr_recruitment.applyjobpost"/>
+                </div>
             </t>
         </template>
         <template id="applyjobpost">
@@ -198,29 +83,16 @@
                             <input type="hidden" t-att-value="job.id" name="job_id"/>
                             <input type="hidden" t-att-value="job.name" name="name"/>
                             <div class="control-group">
-                                <label class="control-label" for="nametxt">Full Name</label>
-                                <div class="controls">
-                                    <input type="text" class="input-xlarge" id="nametxt" name="partner_name"/>
-                                </div>
+                                <input type="text" class="input-xlarge" id="nametxt" name="partner_name" required="True" placeholder="Name..."/>
                             </div>
                             <div class="control-group">
-                                <label class="control-label" for="emailtxt">Email</label>
-                                <div class="controls">
-                                    <input type="text" class="input-xlarge" id="emailtxt" name="email_from"/>
-                                </div>
+                                <input type="text" class="input-xlarge" id="emailtxt" name="email_from" required="True" placeholder="Email..."/>
                             </div>
                             <div class="control-group">
-                                <label class="control-label" for="descriptiontxtarea">Description</label>
-                                <div class="controls">
-                                    <textarea rows="4" cols="50" class="input-xlarge" id="descriptiontxtarea" name="description">
-                                    </textarea>
-                                </div>
+                                <textarea class="span8" style="margin-top:5px; height: 140px;" name="description" placeholder="Enter your comment..."> </textarea>
                             </div>
                             <div class="control-group">
-                                <label class="control-label" for="fileInput">Upload resume / cv</label>
-                                <div class="controls">
-                                    <input class="input-file" id="fileInput" type="file" name="ufile"/>
-                                </div>
+                                <input class="input-file" id="fileInput" type="file" name="ufile" required="True"/>
                             </div>
                             <div class="form-actions">
                                 <button type="submit" class="btn btn-primary">Save</button>