[IMP] website: change layout of s_references and s_big_message snippets

- s_references
    * Replace demo images (lighter ones)
    * Move title to left
    * Review responsiveness
- s_big_message
    * Add background
    * Use grid system

addons/website/data/website_data.xml

@@ -423,13 +423,5 @@
             <field name="url">/website/static/src/img/snippets_demo/s_references_5.png</field>
         </record>
 
-        <record id="website.s_reference_demo_image_6" model="ir.attachment">
-            <field name="public" eval="True"/>
-            <field name="name">Reference Snippet - Demo Image 6</field>
-            <field name="datas_fname">s_reference_demo_image_6.png</field>
-            <field name="type">url</field>
-            <field name="url">/website/static/src/img/snippets_demo/s_references_6.png</field>
-        </record>
-
     </data>
 </odoo>

addons/website/views/snippets.xml

@@ -88,17 +88,15 @@
 </template>
 
 <template id="s_big_message" name="Big message">
-    <section class="jumbotron s_big_message">
+    <section class="jumbotron s_big_message" style="background-image: url('/web/image/website.s_background_image_01');">
         <div class="container">
-            <h1>Sell Online. Easily.</h1>
-            <p>
-                Write one sentence to convince visitor about your message.
-            </p>
-            <p>
-                <a class="btn btn-primary btn-lg" href="/page/website.contactus">
-                    Contact us
-                </a>
-            </p>
+            <div class="row">
+                <div class="mb32 col-md-offset-1 col-md-8">
+                    <h1>Sell Online. Easily.</h1>
+                    <p>Write one sentence to convince visitor about your message.</p>
+                    <a class="btn btn-warning btn-lg" href="/page/website.contactus">Contact us</a>
+                </div>
+            </div>
         </div>
     </section>
 </template>
@@ -452,28 +450,27 @@
 </template>
 
 <template id="s_references" name="References">
-    <section class="s_references">
+    <section class="s_references bg-gray-lighter">
         <div class="container">
-            <h2 class="text-center">Our References</h2>
             <div class="row">
-                <div class="col-md-2 col-sm-4 col-xs-6">
+                <div class="col-md-2 mt48">
+                  <h4 class="text-center mt16">Our References</h4>
+                </div>
+                <div class="col-md-2 col-sm-3 col-xs-6 mt16 mb16">
                   <img src="/web/image/website.s_reference_demo_image_1" class="img img-responsive " alt="Demo Logo"/>
                 </div>
-                <div class="col-md-2 col-sm-4 col-xs-6">
+                <div class="col-md-2 col-sm-3 col-xs-6 mt16 mb16">
                   <img src="/web/image/website.s_reference_demo_image_2" class="img img-responsive " alt="Demo Logo"/>
                 </div>
-                <div class="col-md-2 col-sm-4 col-xs-6">
+                <div class="col-md-2 col-sm-3 col-xs-6 mt16 mb16">
                   <img src="/web/image/website.s_reference_demo_image_3" class="img img-responsive " alt="Demo Logo"/>
                 </div>
-                <div class="col-md-2 col-sm-4 col-xs-6">
+                <div class="col-md-2 col-sm-3 col-xs-6 mt16 mb16">
                   <img src="/web/image/website.s_reference_demo_image_4" class="img img-responsive " alt="Demo Logo"/>
                 </div>
-                <div class="col-md-2 col-sm-4 col-xs-6">
+                <div class="col-md-2 col-sm-3 col-xs-6 mt16 mb16">
                   <img src="/web/image/website.s_reference_demo_image_5" class="img img-responsive " alt="Demo Logo"/>
                 </div>
-                <div class="col-md-2 col-sm-4 col-xs-6">
-                  <img src="/web/image/website.s_reference_demo_image_6" class="img img-responsive " alt="Demo Logo"/>
-                </div>
             </div>
         </div>
     </section>