[IMP] Features snippets

bzr revid: fp@tinyerp.com-20140114223158-0nlv75aavf0zrntp

diff --git a/addons/website/static/src/css/website.css b/addons/website/static/src/css/website.css
index 6680ab2..768ff8c 100644 (file)
--- a/addons/website/static/src/css/website.css
+++ b/addons/website/static/src/css/website.css
@@ -357,7 +357,7 @@ div.carousel[data-snippet-id="slider"] .carousel-indicators .active {
 /* Background */
 .oe_dark {
   background: #eff8f8;
-  background: rgba(100, 200, 200, 0.14);
+  background: rgba(200, 200, 200, 0.14);
   -webkit-box-shadow: 0px 5px 9px -7px rgba(0, 0, 255, 0.5) inset, 0px -3px 9px -7px rgba(0, 0, 255, 0.5) inset;
   -moz-box-shadow: 0px 5px 9px -7px rgba(0, 0, 255, 0.5) inset, 0px -3px 9px -7px rgba(0, 0, 255, 0.5) inset;
   box-shadow: 0px 5px 9px -7px rgba(0, 0, 255, 0.5) inset, 0px -3px 9px -7px rgba(0, 0, 255, 0.5) inset;

diff --git a/addons/website/static/src/css/website.sass b/addons/website/static/src/css/website.sass
index 3e025ec..6032164 100644 (file)
--- a/addons/website/static/src/css/website.sass
+++ b/addons/website/static/src/css/website.sass
@@ -287,7 +287,7 @@ div.carousel[data-snippet-id="slider"]
 
 .oe_dark
     background: #eff8f8
-    background: rgba(100, 200, 200, 0.14)
+    background: rgba(200, 200, 200, 0.14)
     +box-shadow(0px 5px 9px -7px rgba(0, 0, 255, 0.5) inset, 0px -3px 9px -7px rgba(0, 0, 255, 0.5) inset)
 
 .oe_black

diff --git a/addons/website/static/src/img/blocks/block_features.png b/addons/website/static/src/img/blocks/block_features.png
new file mode 100644 (file)
index 0000000..b56b1f7
Binary files /dev/null and b/addons/website/static/src/img/blocks/block_features.png differ

diff --git a/addons/website/views/snippets.xml b/addons/website/views/snippets.xml
index 6781a83..7690f9d 100644 (file)
--- a/addons/website/views/snippets.xml
+++ b/addons/website/views/snippets.xml
@@ -676,6 +676,48 @@
         </section>
     </div>
 
+    <div data-snippet-id="features" data-selector-children=".oe_structure, [data-oe-type=html]">
+        <div class="oe_snippet_thumbnail">
+            <img class="oe_snippet_thumbnail_img" src="/website/static/src/img/blocks/block_features.png"/>
+            <span class="oe_snippet_thumbnail_title">Features</span>
+        </div>
+        <section class="oe_snippet_body mb16">
+            <div class="container">
+                <div class="row">
+                    <div class="col-md-12 text-center mb16">
+                        <h2>List of Features</h2>
+                        <h4 class="text-muted">Add a great slogan</h4>
+                    </div>
+                    <div class="col-md-3 text-center">
+                        <span class="fa fa-suitcase fa-5x"></span>
+                        <h3 class="mt8 mb0">First Feature</h3>
+                        <p class="text-muted">Tell what's the value for the customer for this feature.</p>
+                        <p><a class="btn btn-primary">Learn More</a></p>
+                    </div>
+                    <div class="col-md-3 text-center">
+                        <span class="fa fa-lock fa-5x"></span>
+                        <h3 class="mt8 mb0">Second Feature</h3>
+                        <p class="text-muted">Talk about what the customer would like to know, not what you want to show.</p>
+                        <p><a class="btn btn-success">Take Tour</a></p>
+                    </div>
+                    <div class="col-md-3 text-center">
+                        <span class="fa fa-heart fa-5x"></span>
+                        <h3 class="mt8 mb0">Third Feature</h3>
+                        <p class="text-muted">A small explanation of this great feature, in clear words.</p>
+                        <p><a class="btn btn-info">Buy Now</a></p>
+                    </div>
+                    <div class="col-md-3 text-center">
+                        <span class="fa fa-credit-card fa-5x"></span>
+                        <h3 class="mt8 mb0">Fourth Feature</h3>
+                        <p class="text-muted">A small explanation of this great feature on two lines.</p>
+                        <p><a class="btn btn-danger">Buy Now</a></p>
+                    </div>
+                </div>
+            </div>
+        </section>
+    </div>
+
+
 </div>
 
 <div id="snippet_effect" class="tab-pane fade">