From 942497350ef73f232f9e90fec52b90f9f6ee6697 Mon Sep 17 00:00:00 2001
From: Fabien Pinckaers <fp@tinyerp.com>
Date: Tue, 14 Jan 2014 23:31:58 +0100
Subject: [PATCH] [IMP] Features snippets

bzr revid: fp@tinyerp.com-20140114223158-0nlv75aavf0zrntp
---
 addons/website/static/src/css/website.css     |   2 +-
 addons/website/static/src/css/website.sass    |   2 +-
 .../static/src/img/blocks/block_features.png  | Bin 0 -> 1338 bytes
 addons/website/views/snippets.xml             |  42 ++++++++++++++++++
 4 files changed, 44 insertions(+), 2 deletions(-)
 create mode 100644 addons/website/static/src/img/blocks/block_features.png

diff --git a/addons/website/static/src/css/website.css b/addons/website/static/src/css/website.css
index 6680ab21c6e..768ff8ce9c7 100644
--- 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 3e025ec3c11..6032164b45a 100644
--- 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
index 0000000000000000000000000000000000000000..b56b1f7ba9885624abb31a15199ef20cc46d82a5
GIT binary patch
literal 1338
zcmV-A1;zS_P)<h;3K|Lk000e1NJLTq003kF002)20ssI2lI!>O00009a7bBm000XU
z000XU0RWnu7ytkO2XskIMF-vi4i*y#PQafY000EpNkl<Zc-rlnzi-<{6vxko4CtDn
zArTi4wNaW(b)pEg04tz?1y2sVRHzpj$xs9N7dkWrQZyY5*h7OlLkw$4qAs#I39=V~
zog_^aGfCP+4Jkxtuup&ocep}TXp-O^$rKIV+kAq))cf4~bw@AV+}t3raJCEx02aUk
zSO5!P0W3fOumBdo0$2bGU;zSvm58NSzc9A#*=)ABA_#&g2+@Daa5QqQ#HAdUc!~+r
z(Q$3+IJZB_=i~>~D#n=GlNZM|Ldflpw4%CQsYJol>Gm3i;VE9y^{xAxiKO9)VR({4
z2n~j#w)qFQKQCX`J)NPhcDlVNu>43NgxaQgJK}gEYw9@80-EX684QDT+oqY%$%`ve
zCgT}vu0$RTM}B+o53gQV6yM92oGgc|5`*E$j}*0LtF=)shZJA(yjGq%&Xb>?Ml2H;
z<DY(f>{{$w){Em>MCE)=ezd!Ldp%Kc-!zOE`P2v@w}X6aPogXP#dxCPJlzmutf}hf
z1%=}H)3RbAix3h8q4brWl_Z+=onALM@jtvc8?1t&Y*)TntV9JxDe3yF`tM`gj^d1~
z>*Zvm71e+)$z-ms$1R>>O6G?<)v4ng)oSx?De3w~dHvDucTb-F!tE6$HMZ>&!=TC-
z<GJ$Q{y}t7W80qZD7QGn=<sc&LI~O0KUfUlwrL*KY8d0K%}qXM=y%7q{p|4hT$vEk
zY_%GvMplws-HJ8)D5<^ugL&+8i!X;yKv57pXO_Wm)amxLqRKavYO0DcKJij+o95JU
zw4%xltDq=!LiC(<SjEG_qNUOC8Hnhhl$A1ktva9w^({*j1n#o|ZA5<J!{LbO#Pi=D
zq=P{aGD8UAbUKMglNno)4GU}POc6rqH1=^gO<OYeT;sRH1!av85<KDupJxNabF$3T
zl)}R5TW<&<8|8J+BC4tCa5Um`sc%^bA<qMCJ||}-sc*gEj-7bL!@?qjG+Sp`N!qSd
z786Glga<oSjB(@C;NJYUX%-a4b-O@sG6*3J!{CNRn@>SeTwRY(oMFyto2DoVC0#El
zYxZO^w(YDW(MWz-uSXe58>a?NW38wblr<WmIa$t15+UT-;q!<?X~Qr?QP?Q2Yem(z
zZ9-;}l;IOkv3k|Ftdg!56oq2ybbHNKi@T=$drMQV4@N_(OanRK9*Xsd`s;6pT2WmT
zZ<}Vbb;c^5;t1>*k8JT?T_r8P>@!tmV)=<uCga&Rqo0ZcnsP$ozV}&lD<URWJ|}x#
zq_s_xPES!z-F_}5D!v5&Q~H0J-~rahX+hmE<eQIlI!%w+;d{9~33dO=@oFzoabH;9
z|L{2c7!v*k+|+UQ_7B1<Z{6Q4>3Zk`ESvblohqHYqNX9!z-CXvj_;1+Fex*&Hdb-g
z7aUNt;(*0ehQbH4l*uqv3a0UxwG6S&-Y{oD8h+r>p?Q9Oaq%wt1N1MySj_0ltE=YO
z`Sta6bmgy0rO#IHEv_Ug9u!%zkU|Juyn9dQ^71McXAnYf|9b0MNmLxtFs7Py_wJ{$
zJYZ#IW%18DcRq2gaNFv=Ro6<Q;?NDD8v-nV1+V}X7{CHp01IFNEPw?DumBdo0$2bG
wV1WTFfCaDs7Qg~nU;qnX0W5$8us&Y<8vuc|>LubP4*&oF07*qoM6N<$f&gH0>;M1&

literal 0
HcmV?d00001

diff --git a/addons/website/views/snippets.xml b/addons/website/views/snippets.xml
index 6781a831cc6..7690f9de0f8 100644
--- 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">