[IMP] snippets text block

bzr revid: fp@openerp.com-20130915111925-sax77eu4a0cxo2mz

addons/website/static/src/css/website.css

@@ -96,7 +96,7 @@
   vertical-align: bottom;
 }
 
-/* Style on images */
+/* Extra Styles */
 img.shadow {
   -webkit-border-radius: 3px;
   -moz-border-radius: 3px;
@@ -109,6 +109,10 @@ img.shadow {
   margin: 0 auto;
 }
 
+h1.text-muted, h2.text-muted, h3.text-muted {
+  margin-top: 10px;
+}
+
 /* ----- BOOTSTRAP HACK FOR STICKY FOOTER ----- */
 html, body {
   box-sizing: border-box;

addons/website/static/src/css/website.sass

@@ -62,7 +62,7 @@
     &.grid-align-bottom > [class*="col-md"]
         vertical-align: bottom
 
-/* Style on images */
+/* Extra Styles */
 
 img.shadow
     -webkit-border-radius: 3px
@@ -75,6 +75,9 @@ img.shadow
     box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.2)
     margin: 0 auto
 
+h1.text-muted, h2.text-muted, h3.text-muted
+    margin-top: 10px
+
 /* ----- BOOTSTRAP HACK FOR STICKY FOOTER ----- */
 
 html,body

addons/website/static/src/xml/website.snippets.xml

@@ -227,6 +227,36 @@
         </section>
     </div>
 
+    <div t-name="website.snippets.text-block" data-snippet-id='text-block' data-category='structure' data-action='insert' data-selector-childs='#wrap, [data-oe-type=html]'>
+        <div class='oe_snippet_thumbnail oe_label'>Text Block</div>
+        <section class="oe_snippet_body">
+            <div class="container">
+                <div class="row">
+                    <div class="col-md-12 text-center mt16 mb32">
+                        <h2>OpenERP Project Management</h2>
+                        <h3 class="text-muted">Infinitely flexible. Incredibly easy to use.</h3>
+                    </div>
+                    <div class="col-md-12 mb16 mt16">
+                        <p>
+                            OpenERP's <b>collaborative and realtime</b> project
+                            management helps your team get work done. Keep
+                            track of everything, from the big picture to the
+                            minute details, from the customer contract to the
+                            billing.
+                        </p><p>
+                            Organize projects around your own processes. Work
+                            on tasks and issues using the kanban view, schedule
+                            tasks using the gantt chart and control deadlines
+                            in the calendar view. Every project may have it's
+                            own stages allowing teams to optimize their job.
+                        </p>
+                    </div>
+                </div>
+            </div>
+        </section>
+    </div>
+
+
     <div t-name="website.snippets.big-picture" data-snippet-id='big-picture' data-category='structure' data-action='insert' data-selector-childs='#wrap, [data-oe-type=html]'>
         <div class='oe_snippet_thumbnail oe_label'>Big Picture</div>
         <section class="oe_snippet_body dark">