diff --git a/addons/website/__manifest__.py b/addons/website/__manifest__.py
index 1f260fdf816..9dc42a5537b 100644
--- a/addons/website/__manifest__.py
+++ b/addons/website/__manifest__.py
@@ -46,6 +46,7 @@
         'views/snippets/s_facebook_page.xml',
         'views/snippets/s_image_gallery.xml',
         'views/snippets/s_countdown.xml',
+        'views/snippets/s_comparisons.xml',
         'views/website_views.xml',
         'views/website_visitor_views.xml',
         'views/res_config_settings_views.xml',
diff --git a/temp_scss b/addons/website/static/src/scss/website.scss
similarity index 97%
rename from temp_scss
rename to addons/website/static/src/scss/website.scss
index 4a9729fb1f8..f973c7adbfc 100644
--- a/temp_scss
+++ b/addons/website/static/src/scss/website.scss
@@ -410,30 +410,6 @@ table.table_desc tr td {
     }
 }
 
-
-// Comparisons
-.s_comparisons {
-    .card-body {
-        .card-title {
-            margin: 0;
-        }
-        .s_comparisons_currency,
-        .s_comparisons_price,
-        .s_comparisons_decimal {
-            display: inline-block;
-            vertical-align: middle;
-        }
-        .s_comparisons_currency,
-        .s_comparisons_decimal {
-            font-size: 80%;
-        }
-        .s_comparisons_price {
-            font-size: 200%;
-        }
-    }
-}
-
-
 // FAQ
 .s_faq_collapse {
     .accordion .card {
diff --git a/addons/website/static/src/snippets/s_comparisons/000.scss b/addons/website/static/src/snippets/s_comparisons/000.scss
new file mode 100644
index 00000000000..cf1e921860c
--- /dev/null
+++ b/addons/website/static/src/snippets/s_comparisons/000.scss
@@ -0,0 +1,21 @@
+
+.s_comparisons {
+    .card-body {
+        .card-title {
+            margin: 0;
+        }
+        .s_comparisons_currency,
+        .s_comparisons_price,
+        .s_comparisons_decimal {
+            display: inline-block;
+            vertical-align: middle;
+        }
+        .s_comparisons_currency,
+        .s_comparisons_decimal {
+            font-size: 80%;
+        }
+        .s_comparisons_price {
+            font-size: 200%;
+        }
+    }
+}
diff --git a/addons/website/views/snippets/s_comparisons.xml b/addons/website/views/snippets/s_comparisons.xml
new file mode 100644
index 00000000000..09fbfb72e25
--- /dev/null
+++ b/addons/website/views/snippets/s_comparisons.xml
@@ -0,0 +1,93 @@
+<?xml version="1.0" encoding="utf-8"?>
+<odoo>
+
+<template id="s_comparisons" name="Comparisons">
+    <section class="s_comparisons pt48 pb24">
+        <div class="container">
+            <div class="row s_nb_column_fixed">
+                <div class="col-lg-12 s_title pt16 pb16" style="text-align: center;">
+                    <h1 class="s_title_thin"><font style="font-size: 62px;">Our offers</font></h1>
+                </div>
+            </div>
+            <div class="row">
+                <div class="col-lg-4 s_col_no_bgcolor text-center pt16 pb16" data-name="Box">
+                    <div class="card bg-200">
+                        <h4 class="card-header">Beginner</h4>
+                        <div class="card-body text-center">
+                            <h2 class="card-title">
+                                <span class="s_comparisons_currency">$</span>
+                                <span class="s_comparisons_price"><b>35</b></span>
+                                <span class="s_comparisons_decimal">.00</span>
+                            </h2>
+                            <small>/ month</small>
+                        </div>
+                        <ul class="list-group list-group-flush">
+                            <li class="list-group-item">Basic sales &amp; marketing for up to 2 users</li>
+                            <li class="list-group-item">Account &amp; Sales management</li>
+                            <li class="list-group-item">No customization</li>
+                            <li class="list-group-item">No support</li>
+                        </ul>
+                        <div class="card-footer">
+                            <p><i>Instant setup, satisfied or reimbursed.</i></p>
+                            <a href="/contactus" class="btn btn-secondary">Order now</a>
+                        </div>
+                    </div>
+                </div>
+                <div class="col-lg-4 s_col_no_bgcolor text-center pt16 pb16" data-name="Box">
+                    <div class="card bg-primary">
+                        <h4 class="card-header">Professional</h4>
+                        <div class="card-body">
+                            <h2 class="card-title">
+                                <span class="s_comparisons_currency">$</span>
+                                <span class="s_comparisons_price"><b>65</b></span>
+                                <span class="s_comparisons_decimal">.00</span>
+                            </h2>
+                            <small>/ month</small>
+                        </div>
+                        <ul class="list-group list-group-flush">
+                            <li class="list-group-item">Complete CRM for any size team</li>
+                            <li class="list-group-item">Get access to all modules</li>
+                            <li class="list-group-item">Limited customization</li>
+                            <li class="list-group-item">Email support</li>
+                        </ul>
+                        <div class="card-footer">
+                            <p><i>Instant setup, satisfied or reimbursed.</i></p>
+                            <a href="/contactus" class="btn btn-light">Start now</a>
+                        </div>
+                    </div>
+                </div>
+                <div class="col-lg-4 s_col_no_bgcolor text-center pt16 pb16" data-name="Box">
+                    <div class="card bg-secondary">
+                        <h4 class="card-header">Expert</h4>
+                        <div class="card-body text-center">
+                            <h2 class="card-title">
+                                <span class="s_comparisons_currency">$</span>
+                                <span class="s_comparisons_price"><b>125</b></span>
+                                <span class="s_comparisons_decimal">.00</span>
+                            </h2>
+                            <small>/ month</small>
+                        </div>
+                        <ul class="list-group list-group-flush">
+                            <li class="list-group-item">Unlimited CRM power and support</li>
+                            <li class="list-group-item">Get access to all modules and features</li>
+                            <li class="list-group-item">Unlimited customization</li>
+                            <li class="list-group-item">24x7 toll-free support</li>
+                        </ul>
+                        <div class="card-footer">
+                            <p><i>Instant setup, satisfied or reimbursed.</i></p>
+                            <a href="/contactus" class="btn btn-light">Contact us</a>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </section>
+</template>
+
+<template id="assets_snippet_s_comparisons_css_000" inherit_id="website.assets_frontend">
+    <xpath expr="//link[last()]" position="after">
+        <link rel="stylesheet" type="text/scss" href="/website/static/src/snippets/s_comparisons/000.scss"/>
+    </xpath>
+</template>
+
+</odoo>
diff --git a/temp_xml b/addons/website/views/snippets/snippets.xml
similarity index 91%
rename from temp_xml
rename to addons/website/views/snippets/snippets.xml
index 6410b13f20b..e3a90fff679 100644
--- a/temp_xml
+++ b/addons/website/views/snippets/snippets.xml
@@ -1,89 +1,6 @@
 <?xml version="1.0" encoding="utf-8"?>
 <odoo>
 
-<template id="s_comparisons" name="Comparisons">
-    <section class="s_comparisons pt48 pb24">
-        <div class="container">
-            <div class="row s_nb_column_fixed">
-                <div class="col-lg-12 s_title pt16 pb16" style="text-align: center;">
-                    <h1 class="s_title_thin"><font style="font-size: 62px;">Our offers</font></h1>
-                </div>
-            </div>
-            <div class="row">
-                <div class="col-lg-4 s_col_no_bgcolor text-center pt16 pb16" data-name="Box">
-                    <div class="card bg-200">
-                        <h4 class="card-header">Beginner</h4>
-                        <div class="card-body text-center">
-                            <h2 class="card-title">
-                                <span class="s_comparisons_currency">$</span>
-                                <span class="s_comparisons_price"><b>35</b></span>
-                                <span class="s_comparisons_decimal">.00</span>
-                            </h2>
-                            <small>/ month</small>
-                        </div>
-                        <ul class="list-group list-group-flush">
-                            <li class="list-group-item">Basic sales &amp; marketing for up to 2 users</li>
-                            <li class="list-group-item">Account &amp; Sales management</li>
-                            <li class="list-group-item">No customization</li>
-                            <li class="list-group-item">No support</li>
-                        </ul>
-                        <div class="card-footer">
-                            <p><i>Instant setup, satisfied or reimbursed.</i></p>
-                            <a href="/contactus" class="btn btn-secondary">Order now</a>
-                        </div>
-                    </div>
-                </div>
-                <div class="col-lg-4 s_col_no_bgcolor text-center pt16 pb16" data-name="Box">
-                    <div class="card bg-primary">
-                        <h4 class="card-header">Professional</h4>
-                        <div class="card-body">
-                            <h2 class="card-title">
-                                <span class="s_comparisons_currency">$</span>
-                                <span class="s_comparisons_price"><b>65</b></span>
-                                <span class="s_comparisons_decimal">.00</span>
-                            </h2>
-                            <small>/ month</small>
-                        </div>
-                        <ul class="list-group list-group-flush">
-                            <li class="list-group-item">Complete CRM for any size team</li>
-                            <li class="list-group-item">Get access to all modules</li>
-                            <li class="list-group-item">Limited customization</li>
-                            <li class="list-group-item">Email support</li>
-                        </ul>
-                        <div class="card-footer">
-                            <p><i>Instant setup, satisfied or reimbursed.</i></p>
-                            <a href="/contactus" class="btn btn-light">Start now</a>
-                        </div>
-                    </div>
-                </div>
-                <div class="col-lg-4 s_col_no_bgcolor text-center pt16 pb16" data-name="Box">
-                    <div class="card bg-secondary">
-                        <h4 class="card-header">Expert</h4>
-                        <div class="card-body text-center">
-                            <h2 class="card-title">
-                                <span class="s_comparisons_currency">$</span>
-                                <span class="s_comparisons_price"><b>125</b></span>
-                                <span class="s_comparisons_decimal">.00</span>
-                            </h2>
-                            <small>/ month</small>
-                        </div>
-                        <ul class="list-group list-group-flush">
-                            <li class="list-group-item">Unlimited CRM power and support</li>
-                            <li class="list-group-item">Get access to all modules and features</li>
-                            <li class="list-group-item">Unlimited customization</li>
-                            <li class="list-group-item">24x7 toll-free support</li>
-                        </ul>
-                        <div class="card-footer">
-                            <p><i>Instant setup, satisfied or reimbursed.</i></p>
-                            <a href="/contactus" class="btn btn-light">Contact us</a>
-                        </div>
-                    </div>
-                </div>
-            </div>
-        </div>
-    </section>
-</template>
-
 <template id="s_company_team" name="Company Team">
     <section class="s_company_team">
         <div class="container">