[IMP]Added demo data for HR and added separator before buttons.

bzr revid: bth@tinyerp.com-20130926130249-i3aycjt9oqjgu98r

diff --cc addons/website_hr_recruitment/website_hr_recruitment_demo.xml
index 3b0bb12,0287ad6..bc87ee9
--- 1/addons/website_hr_recruitment/website_hr_recruitment_demo.xml
--- 2/addons/website_hr_recruitment/website_hr_recruitment_demo.xml
+++ b/addons/website_hr_recruitment/website_hr_recruitment_demo.xml
@@@ -138,6 -138,6 +138,9 @@@
            <section snippet-id="cta" class="mt16 mb16">
                <div class="container">
                            <div class="row">
++                      <section snippet-id="hr" class="mt16 mb16 dark">
++                          <hr/>
++                      </section>
                        <div class="col-md-12 text-center mt16 mb16">
                            <a href="/page/website.aboutus" class="btn btn-info btn-lg">About us</a>
                            <a t-att-href="/apply/job.id" class="btn btn-primary btn-lg">Apply</a>
@@@ -284,6 -284,6 +287,9 @@@
            <section snippet-id="cta" class="mt16 mb16">
                <div class="container">
                            <div class="row">
++                      <section snippet-id="hr" class="mt16 mb16 dark">
++                          <hr/>
++                      </section>
                        <div class="col-md-12 text-center mt16 mb16">
                            <a href="/page/website.aboutus" class="btn btn-info btn-lg">About us</a>
                            <a t-att-href="/apply/job.id" class="btn btn-primary btn-lg">Apply</a>
@@@ -429,6 -429,6 +435,9 @@@
            <section snippet-id="cta" class="mt16 mb16">
                <div class="container">
                            <div class="row">
++                      <section snippet-id="hr" class="mt16 mb16 dark">
++                          <hr/>
++                      </section>
                        <div class="col-md-12 text-center mt16 mb16">
                            <a href="/page/website.aboutus" class="btn btn-info btn-lg">About us</a>
                            <a t-att-href="/apply/job.id" class="btn btn-primary btn-lg">Apply</a>
@@@ -573,6 -573,6 +582,9 @@@
            <section snippet-id="cta" class="mt16 mb16">
                <div class="container">
                            <div class="row">
++                      <section snippet-id="hr" class="mt16 mb16 dark">
++                          <hr/>
++                      </section>
                        <div class="col-md-12 text-center mt16 mb16">
                            <a href="/page/website.aboutus" class="btn btn-info btn-lg">About us</a>
                            <a t-att-href="/apply/job.id" class="btn btn-primary btn-lg">Apply</a>
@@@ -717,6 -717,6 +729,9 @@@
            <section snippet-id="cta" class="mt16 mb16">
                <div class="container">
                            <div class="row">
++                      <section snippet-id="hr" class="mt16 mb16 dark">
++                          <hr/>
++                      </section>
                        <div class="col-md-12 text-center mt16 mb16">
                            <a href="/page/website.aboutus" class="btn btn-info btn-lg">About us</a>
                            <a t-att-href="/apply/job.id" class="btn btn-primary btn-lg">Apply</a>
@@@ -861,6 -861,6 +876,9 @@@
            <section snippet-id="cta" class="mt16 mb16">
                <div class="container">
                            <div class="row">
++                      <section snippet-id="hr" class="mt16 mb16 dark">
++                          <hr/>
++                      </section>
                        <div class="col-md-12 text-center mt16 mb16">
                            <a href="/page/website.aboutus" class="btn btn-info btn-lg">About us</a>
                            <a t-att-href="/apply/job.id" class="btn btn-primary btn-lg">Apply</a>
@@@ -871,5 -871,149 +889,151 @@@
        </field>
      </record>
  
 -      <record id="hr.job_hrm" model="hr.job">
++    <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 text-center mt16">
 -                          <h2>Human Resources Manager</h2>
+                           <h2>Job description</h2>
+                           <h3 class="text-muted">Human Resources Manager expert of the best product ever</h3>
+                       </div>
+                       <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">
+                 <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">
+                                     Into ...
+                                   </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-primary">
+                             <!-- Default panel contents -->
+                             <div class="panel-heading text-center">
+                                 <h2 style="margin: 0">Skills</h2>
+                                 <p style="margin: 0">
+                                     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 snippet-id="image-text" class="mt16 mb16">
+                 <div class="container">
+                     <div class="row">
+                       <div class="col-md-12 text-center mt16">
+                           <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 class="container">
+                     <div class="row">
+                       <div class="col-md-12 text-center mt16">
+                           <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 mt16">
+                               <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>
+           <section snippet-id="cta" class="mt16 mb16">
+               <div class="container">
+                           <div class="row">
++                      <section snippet-id="hr" class="mt16 mb16 dark">
++                          <hr/>
++                      </section>
+                       <div class="col-md-12 text-center mt16 mb16">
+                           <a href="/page/website.aboutus" class="btn btn-info btn-lg">About us</a>
+                           <a t-att-href="/apply/job.id" class="btn btn-primary btn-lg">Apply</a>
+                       </div>
+                           </div>
+               </div>
+           </section>
+       </field>
+     </record>
      </data>
  </openerp>