[REF] *: BS4, review panel and well structure

Panels and wells were dropped and replaced by the "Card" component.

1 files changed, 84 insertions, 84 deletions

diff --git a/addons/website_hr_recruitment/data/hr_job_demo.xml b/addons/website_hr_recruitment/data/hr_job_demo.xml
index fcf08887d18..9286b123a41 100644
--- a/addons/website_hr_recruitment/data/hr_job_demo.xml
+++ b/addons/website_hr_recruitment/data/hr_job_demo.xml
@@ -18,9 +18,9 @@
     <div class="container">
         <div class="row">
             <div class="col-lg-4 mt16">
-                <div class="panel panel-info">
-                    <!-- Default panel contents -->
-                    <div class="panel-heading text-center">
+                <div class="card bg-info text-white">
+                    <!-- Default card contents -->
+                    <div class="card-header text-center">
                         <h2 style="margin: 0">Responsibilities</h2>
                         <p style="margin: 0" class="text-muted">
                             What you will do ...
@@ -34,7 +34,7 @@
                         <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">
+                    <div class="card-footer text-center">
                         <p class="text-muted">
                             <i>Work in a fun atmosphere</i>
                         </p>
@@ -42,9 +42,9 @@
                 </div>
             </div>
             <div class="col-lg-4 mt16">
-                <div class="panel panel-info">
-                    <!-- Default panel contents -->
-                    <div class="panel-heading text-center">
+                <div class="card bg-info text-white">
+                    <!-- Default card contents -->
+                    <div class="card-header text-center">
                         <h2 style="margin: 0">Skills</h2>
                         <p style="margin: 0" class="text-muted">
                             Must have ...
@@ -57,7 +57,7 @@
                         <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">
+                    <div class="card-footer text-center">
                         <p class="text-muted">
                             <i>You easily manage them</i>
                         </p>
@@ -65,9 +65,9 @@
                 </div>
             </div>
             <div class="col-lg-4 mt16">
-                <div class="panel panel-info">
-                    <!-- Default panel contents -->
-                    <div class="panel-heading text-center">
+                <div class="card bg-info text-white">
+                    <!-- Default card contents -->
+                    <div class="card-header text-center">
                         <h2 style="margin: 0">Nice to have</h2>
                         <p style="margin: 0" class="text-muted">
                             Close to the perfection ...
@@ -81,7 +81,7 @@
                         <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">
+                    <div class="card-footer text-center">
                         <p class="text-muted">
                             <i>You are passionate</i>
                         </p>
@@ -149,9 +149,9 @@
     <div class="container">
         <div class="row">
             <div class="col-lg-4 mt16">
-                <div class="panel panel-info">
-                    <!-- Default panel contents -->
-                    <div class="panel-heading text-center">
+                <div class="card bg-info text-white">
+                    <!-- Default card contents -->
+                    <div class="card-header text-center">
                         <h2 style="margin: 0">Responsibilities</h2>
                         <p style="margin: 0" class="text-muted">
                             What you will do ...
@@ -164,7 +164,7 @@
                         <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">
+                    <div class="card-footer text-center">
                         <p class="text-muted">
                             <i>Work in a fun atmosphere</i>
                         </p>
@@ -172,9 +172,9 @@
                 </div>
             </div>
             <div class="col-lg-4 mt16">
-                <div class="panel panel-info">
-                    <!-- Default panel contents -->
-                    <div class="panel-heading text-center">
+                <div class="card bg-info text-white">
+                    <!-- Default card contents -->
+                    <div class="card-header text-center">
                         <h2 style="margin: 0">Skills</h2>
                         <p style="margin: 0" class="text-muted">
                             Must have ...
@@ -188,7 +188,7 @@
                         <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">
+                    <div class="card-footer text-center">
                         <p class="text-muted">
                             <i>You autonomously and quickly learn</i>
                         </p>
@@ -196,9 +196,9 @@
                 </div>
             </div>
             <div class="col-lg-4 mt16">
-                <div class="panel panel-info">
-                    <!-- Default panel contents -->
-                    <div class="panel-heading text-center">
+                <div class="card bg-info text-white">
+                    <!-- Default card contents -->
+                    <div class="card-header text-center">
                         <h2 style="margin: 0">Nice to have</h2>
                         <p style="margin: 0" class="text-muted">
                             Close to the perfection ...
@@ -214,7 +214,7 @@
                         <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">
+                    <div class="card-footer text-center">
                         <p class="text-muted">
                             <i>You are passionate</i>
                         </p>
@@ -282,9 +282,9 @@
     <div class="container">
         <div class="row">
             <div class="col-lg-4 mt16">
-                <div class="panel panel-info">
-                    <!-- Default panel contents -->
-                    <div class="panel-heading text-center">
+                <div class="card bg-info text-white">
+                    <!-- Default card contents -->
+                    <div class="card-header text-center">
                         <h2 style="margin: 0">Responsibilities</h2>
                         <p style="margin: 0" class="text-muted">
                             What you will do ...
@@ -300,7 +300,7 @@
                         <li class="list-group-item">Deliver generic Odoo 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">
+                    <div class="card-footer text-center">
                         <p class="text-muted">
                             <i>Work in a fun atmosphere</i>
                         </p>
@@ -308,9 +308,9 @@
                 </div>
             </div>
             <div class="col-lg-4 mt16">
-                <div class="panel panel-info">
-                    <!-- Default panel contents -->
-                    <div class="panel-heading text-center">
+                <div class="card bg-info text-white">
+                    <!-- Default card contents -->
+                    <div class="card-header text-center">
                         <h2 style="margin: 0">Skills</h2>
                         <p style="margin: 0" class="text-muted">
                             Must have ...
@@ -324,7 +324,7 @@
                         <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">
+                    <div class="card-footer text-center">
                         <p class="text-muted">
                             <i>You easily manage them</i>
                         </p>
@@ -332,9 +332,9 @@
                 </div>
             </div>
             <div class="col-lg-4 mt16">
-                <div class="panel panel-info">
-                    <!-- Default panel contents -->
-                    <div class="panel-heading text-center">
+                <div class="card bg-info text-white">
+                    <!-- Default card contents -->
+                    <div class="card-header text-center">
                         <h2 style="margin: 0">Nice to have</h2>
                         <p style="margin: 0" class="text-muted">
                             Close to the perfection ...
@@ -348,7 +348,7 @@
                         <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">
+                    <div class="card-footer text-center">
                         <p class="text-muted">
                             <i>You are passionate</i>
                         </p>
@@ -416,9 +416,9 @@
     <div class="container">
         <div class="row">
             <div class="col-lg-4 mt16">
-                <div class="panel panel-info">
-                    <!-- Default panel contents -->
-                    <div class="panel-heading text-center">
+                <div class="card bg-info text-white">
+                    <!-- Default card contents -->
+                    <div class="card-header text-center">
                         <h2 style="margin: 0">Responsibilities</h2>
                         <p style="margin: 0" class="text-muted">
                             What you will do ...
@@ -431,7 +431,7 @@
                         <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">
+                    <div class="card-footer text-center">
                         <p class="text-muted">
                             <i>Work in a fun atmosphere</i>
                         </p>
@@ -439,9 +439,9 @@
                 </div>
             </div>
             <div class="col-lg-4 mt16">
-                <div class="panel panel-info">
-                    <!-- Default panel contents -->
-                    <div class="panel-heading text-center">
+                <div class="card bg-info text-white">
+                    <!-- Default card contents -->
+                    <div class="card-header text-center">
                         <h2 style="margin: 0">Skills</h2>
                         <p style="margin: 0" class="text-muted">
                             Must have ...
@@ -454,7 +454,7 @@
                         <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">
+                    <div class="card-footer text-center">
                         <p class="text-muted">
                             <i>You easily manage them</i>
                         </p>
@@ -462,9 +462,9 @@
                 </div>
             </div>
             <div class="col-lg-4 mt16">
-                <div class="panel panel-info">
-                    <!-- Default panel contents -->
-                    <div class="panel-heading text-center">
+                <div class="card bg-info text-white">
+                    <!-- Default card contents -->
+                    <div class="card-header text-center">
                         <h2 style="margin: 0">Nice to have</h2>
                         <p style="margin: 0" class="text-muted">
                             Close to the perfection ...
@@ -477,7 +477,7 @@
                         <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">
+                    <div class="card-footer text-center">
                         <p class="text-muted">
                             <i>You are passionate</i>
                         </p>
@@ -544,9 +544,9 @@
     <div class="container">
         <div class="row">
             <div class="col-lg-4 mt16">
-                <div class="panel panel-info">
-                    <!-- Default panel contents -->
-                        <div class="panel-heading text-center">
+                <div class="card bg-info text-white">
+                    <!-- Default card contents -->
+                        <div class="card-header text-center">
                             <h2 style="margin: 0">Responsibilities</h2>
                             <p style="margin: 0" class="text-muted">
                                 What you will do ...
@@ -559,7 +559,7 @@
                             <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">
+                        <div class="card-footer text-center">
                             <p class="text-muted">
                                 <i>Work in a fun atmosphere</i>
                             </p>
@@ -567,9 +567,9 @@
                     </div>
             </div>
             <div class="col-lg-4 mt16">
-            <div class="panel panel-info">
-                <!-- Default panel contents -->
-                    <div class="panel-heading text-center">
+            <div class="card bg-info text-white">
+                <!-- Default card contents -->
+                    <div class="card-header text-center">
                         <h2 style="margin: 0">Skills</h2>
                         <p style="margin: 0" class="text-muted">
                             Must have ...
@@ -582,7 +582,7 @@
                         <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">
+                    <div class="card-footer text-center">
                         <p class="text-muted">
                             <i>You autonomously and quickly learn</i>
                         </p>
@@ -590,9 +590,9 @@
                 </div>
             </div>
             <div class="col-lg-4 mt16">
-                <div class="panel panel-info">
-                    <!-- Default panel contents -->
-                    <div class="panel-heading text-center">
+                <div class="card bg-info text-white">
+                    <!-- Default card contents -->
+                    <div class="card-header text-center">
                         <h2 style="margin: 0">Nice to have</h2>
                         <p style="margin: 0" class="text-muted">
                             Close to the perfection ...
@@ -605,7 +605,7 @@
                         <li class="list-group-item">Good language skills in another language</li>
                         <li class="list-group-item">Contributions to open source projects</li>
                     </ul>
-                    <div class="panel-footer text-center">
+                    <div class="card-footer text-center">
                         <p class="text-muted">
                             <i>You are passionate</i>
                         </p>
@@ -672,9 +672,9 @@
     <div class="container">
         <div class="row">
             <div class="col-lg-4 mt16">
-                <div class="panel panel-info">
-                    <!-- Default panel contents -->
-                    <div class="panel-heading text-center">
+                <div class="card bg-info text-white">
+                    <!-- Default card contents -->
+                    <div class="card-header text-center">
                         <h2 style="margin: 0">Responsibilities</h2>
                         <p style="margin: 0" class="text-muted">
                             What you will do ...
@@ -687,7 +687,7 @@
                         <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">
+                    <div class="card-footer text-center">
                         <p class="text-muted">
                             <i>Work in a fun atmosphere</i>
                         </p>
@@ -695,9 +695,9 @@
                 </div>
             </div>
             <div class="col-lg-4 mt16">
-                <div class="panel panel-info">
-                    <!-- Default panel contents -->
-                    <div class="panel-heading text-center">
+                <div class="card bg-info text-white">
+                    <!-- Default card contents -->
+                    <div class="card-header text-center">
                         <h2 style="margin: 0">Skills</h2>
                         <p style="margin: 0" class="text-muted">
                             Must have ...
@@ -710,7 +710,7 @@
                         <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">
+                    <div class="card-footer text-center">
                         <p class="text-muted">
                             <i>You autonomously and quickly learn</i>
                         </p>
@@ -718,9 +718,9 @@
                 </div>
             </div>
             <div class="col-lg-4 mt16">
-                <div class="panel panel-info">
-                    <!-- Default panel contents -->
-                    <div class="panel-heading text-center">
+                <div class="card bg-info text-white">
+                    <!-- Default card contents -->
+                    <div class="card-header text-center">
                         <h2 style="margin: 0">Nice to have</h2>
                         <p style="margin: 0" class="text-muted">
                             Close to the perfection ...
@@ -733,7 +733,7 @@
                         <li class="list-group-item">Good language skills in another language</li>
                         <li class="list-group-item">Contributions to open source projects</li>
                     </ul>
-                    <div class="panel-footer text-center">
+                    <div class="card-footer text-center">
                         <p class="text-muted">
                             <i>You are passionate</i>
                         </p>
@@ -801,9 +801,9 @@
     <div class="container">
         <div class="row">
             <div class="col-lg-4 mt16" style="width:30%;">
-                <div class="panel panel-info">
-                    <!-- Default panel contents -->
-                    <div class="panel-heading text-center">
+                <div class="card bg-info text-white">
+                    <!-- Default card contents -->
+                    <div class="card-header text-center">
                         <h2 style="margin: 0">Responsibilities</h2>
                         <p style="margin: 0" class="text-muted">
                             What you will do ...
@@ -816,7 +816,7 @@
                         <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">
+                    <div class="card-footer text-center">
                         <p class="text-muted">
                             <i>Work in a fun atmosphere</i>
                         </p>
@@ -824,9 +824,9 @@
                 </div>
             </div>
             <div class="col-lg-4 mt16">
-                <div class="panel panel-info">
-                    <!-- Default panel contents -->
-                    <div class="panel-heading text-center">
+                <div class="card bg-info text-white">
+                    <!-- Default card contents -->
+                    <div class="card-header text-center">
                         <h2 style="margin: 0">Skills</h2>
                         <p style="margin: 0" class="text-muted">
                             Must have ...
@@ -839,7 +839,7 @@
                         <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">
+                    <div class="card-footer text-center">
                         <p class="text-muted">
                             <i>You easily manage them</i>
                         </p>
@@ -847,9 +847,9 @@
                 </div>
             </div>
             <div class="col-lg-4 mt16">
-                <div class="panel panel-info">
-                    <!-- Default panel contents -->
-                    <div class="panel-heading text-center">
+                <div class="card bg-info text-white">
+                    <!-- Default card contents -->
+                    <div class="card-header text-center">
                         <h2 style="margin: 0">Nice to have</h2>
                         <p style="margin: 0" class="text-muted">
                             Close to the perfection ...
@@ -862,7 +862,7 @@
                         <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">
+                    <div class="card-footer text-center">
                         <p class="text-muted">
                             <i>You are passionate</i>
                         </p>