[ADD] theme saas-11.3

2021-05-12 08:20:52 +02:00
commit 68b9b836c0
3864 changed files with 222422 additions and 0 deletions
@@ -0,0 +1,27 @@
+Odoo Proprietary License v1.0
+
+This software and associated files (the "Software") may only be used (executed,
+modified, executed after modifications) if you have purchased a valid license
+from the authors, typically via Odoo Apps, or if you have received a written
+agreement from the authors of the Software (see the COPYRIGHT file).
+
+You may develop Odoo modules that use the Software as a library (typically
+by depending on it, importing it and using its resources), but without copying
+any source code or material from the Software. You may distribute those
+modules under the license of your choice, provided that this license is
+compatible with the terms of the Odoo Proprietary License (For example:
+LGPL, MIT, or proprietary licenses similar to this one).
+
+It is forbidden to publish, distribute, sublicense, or sell copies of the Software
+or modified copies of the Software.
+
+The above copyright notice and this permission notice must be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT.
+IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM,
+DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE,
+ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER
+DEALINGS IN THE SOFTWARE.
@@ -0,0 +1,30 @@
+{
+    'name':'Graphene theme',
+    'description': 'Light colours, thin text, clean and sharp design.',
+    'category': 'Theme/Corporate',
+    'summary': 'Design, Tech, Computers, IT, Blogs',
+    'sequence': 110,
+    'version':'1.0',
+    'author':'Odoo S.A.',
+    'data': [
+        'views/assets.xml',
+        'views/customize_modal.xml',
+        'views/snippets.xml',
+        'views/options.xml',
+        'views/images_library.xml'
+        ],
+    'demo': [
+        'demo/welcome.xml',
+        'demo/style.xml',
+        'demo/feat.xml',
+        'demo/blocks.xml'
+    ],
+    'images': [
+        'static/description/graphene_poster.jpg',
+        'static/description/graphene_screenshot.jpg',
+    ],
+    'depends': ['theme_common', 'snippet_google_map', 'website_animate'],
+    'price': 199,
+    'currency': 'EUR',
+    'live_test_url': 'https://theme-graphene.odoo.com'
+}
@@ -0,0 +1,303 @@
+<?xml version="1.0" encoding="utf-8"?>
+<odoo>
+
+    <record id="website.layout_logo_show"  model="ir.ui.view" >
+      <field name="active" eval="False"/>
+    </record>
+
+    <template id="blocks" name="Building Blocks">
+      <t t-call="website.layout">
+        <div id="wrap" class="oe_structure demo_blocks text-center">
+
+          <section class="parallax s_parallax bg-img-02 move_to_top" style="padding-top: 40px; height: 424px; overflow: hidden; background-attachment: scroll; background-position: 0px 0px;" data-scroll-background-ratio="0.3" data-scroll-background-offset="0" contenteditable="false">
+            <div>
+              <div class="oe_structure container text-center mt32" contenteditable="true">
+                <h1 class="mt128 o_animate o_not-animable title-boxed">Building Blocks</h1>
+              </div>
+            </div>
+          </section>
+
+          <section class="bg-white">
+            <div id="video" class="bg-white" style="height:80px"></div>
+            <h3 class="text-center bg-white mt0 mb0">Media Block</h3>
+            <hr class="mt4 mb4"/>
+          </section>
+
+          <small class="mt4 mb32">Deligth your visitors with wonderful fullwidth videos</small>
+
+          <div class="text-left mt32">
+            <section class="s_media_block pt256 pb256" src="https://player.vimeo.com/video/86224382?badge=0" muted="muted" loop="loop" autoplay="autoplay" iframefit="fitIframe" background="js-transparent">
+              <div class="v-align text-center">
+                <h1 class="text-center o_animate o_not-animable title-boxed">MEDIA BLOCK</h1>
+              </div>
+            </section>
+            <span id="maps"/>
+          </div>
+
+          <h3 class="text-center bg-white mt128 mb0">GOOGLE MAPS</h3>
+          <hr class="mt4 mb4"/>
+          <small class="mt4 mb48">Create and customize easily your maps</small>
+
+          <section class="s_google_map mt32 pt256 pb256" data-map-type="ROADMAP" data-map-color="" data-map-zoom="12" data-map-gps="(48.856614, 2.3522219000000177)" data-pin-style="flat">
+            <div class="map_container"/>
+            <div class="description">
+              <font>Visit us:</font>
+              <span>Our office is located in Paris. TEL (555) 432 2365</span>
+            </div>
+          </section>
+
+          <h3 class="text-center bg-white mt92 mb0">Map Types</h3>
+          <hr class="mt4 mb32"/>
+
+          <div class="container text-center">
+            <div class="row">
+              <div class="col-md-3 mt32">
+                <h4 class="mb4">Road Map</h4>
+                <hr class="mt0 mb4"/>
+                <section class="s_google_map" data-map-type="ROADMAP" data-map-color="" data-map-zoom="14" data-map-gps="(48.856614, 2.3522219000000177)" data-pin-style="" style="min-height: 200px; height: 200px; overflow: hidden;"><div class="map_container"/></section>
+              </div>
+              <div class="col-md-3 mt32">
+                <h4 class="mb4">Satellite</h4>
+                <hr class="mt0 mb4"/>
+                <section class="s_google_map" data-map-type="SATELLITE" data-map-color="" data-map-zoom="14" data-map-gps="(48.856614, 2.3522219000000177)" data-pin-style="" style="min-height: 200px; height: 200px; overflow: hidden;"><div class="map_container"/></section>
+              </div>
+              <div class="col-md-3 mt32">
+                <h4 class="mb4">Hybrid</h4>
+                <hr class="mt0 mb4"/>
+                <section class="s_google_map" data-map-type="HYBRID" data-map-color="" data-map-zoom="14" data-map-gps="(48.856614, 2.3522219000000177)" data-pin-style="" style="min-height: 200px; height: 200px; overflow: hidden;"><div class="map_container"/></section>
+              </div>
+              <div class="col-md-3 mt32">
+                <h4 class="mb4">Terrain</h4>
+                <hr class="mt0 mb4"/>
+                <section class="s_google_map" data-map-type="TERRAIN" data-map-color="" data-map-zoom="14" data-map-gps="(48.856614, 2.3522219000000177)" data-pin-style="" style="min-height: 200px; height: 200px; overflow: hidden;"><div class="map_container"/></section>
+              </div>
+            </div>
+          </div>
+
+          <h3 class="text-center bg-white mt92 mb0">Color Variations</h3>
+          <hr class="mt4 mb32"/>
+
+          <div class="container text-center">
+            <div class="row">
+
+              <div class="col-md-6 mt32">
+                <h4 class="mb4">Light Mono</h4>
+                <hr class="mt0 mb4"/>
+                <section class="s_google_map pt128 pb128" data-map-type="ROADMAP" data-map-color="lightMonoMap" data-map-zoom="12" data-map-gps="(48.856614, 2.3522219000000177)" data-pin-style="flat"><div class="map_container"/></section>
+              </div>
+              <div class="col-md-6 mt32">
+                <h4 class="mb4">Cupertino</h4>
+                <hr class="mt0 mb4"/>
+                <section class="s_google_map pt128 pb128" data-map-type="ROADMAP" data-map-color="cupertinoMap" data-map-zoom="12" data-map-gps="(48.856614, 2.3522219000000177)" data-pin-style="flat"><div class="map_container"/></section>
+              </div>
+              <div class="col-md-6 mt32">
+                <h4 class="mb4">Retro</h4>
+                <hr class="mt0 mb4"/>
+                <section class="s_google_map pt128 pb128" data-map-type="ROADMAP" data-map-color="retroMap" data-map-zoom="12" data-map-gps="(48.856614, 2.3522219000000177)" data-pin-style="flat"><div class="map_container"/></section>
+              </div>
+              <div class="col-md-6 mt32">
+                <h4 class="mb4">Cobalt</h4>
+                <hr class="mt0 mb4"/>
+                <section class="s_google_map pt128 pb128" data-map-type="ROADMAP" data-map-color="cobaltMap" data-map-zoom="12" data-map-gps="(48.856614, 2.3522219000000177)" data-pin-style="flat"><div class="map_container"/></section>
+              </div>
+              <div class="col-md-6 mt32">
+                <h4 class="mb4">Flat</h4>
+                <hr class="mt0 mb4"/>
+                <section class="s_google_map pt128 pb128" data-map-type="ROADMAP" data-map-color="flatMap" data-map-zoom="12" data-map-gps="(48.856614, 2.3522219000000177)" data-pin-style="flat"><div class="map_container"/></section>
+              </div>
+              <div class="col-md-6 mt32">
+                <h4 class="mb4">Lilla</h4>
+                <hr class="mt0 mb4"/>
+                <section class="s_google_map pt128 pb128" data-map-type="ROADMAP" data-map-color="lillaMap" data-map-zoom="12" data-map-gps="(48.856614, 2.3522219000000177)" data-pin-style="flat"><div class="map_container"/></section>
+              </div>
+              <div class="col-md-6 mt32">
+                <h4 class="mb4">Caramello</h4>
+                <hr class="mt0 mb4"/>
+                <section class="s_google_map pt128 pb128" data-map-type="ROADMAP" data-map-color="carMap" data-map-zoom="12" data-map-gps="(48.856614, 2.3522219000000177)" data-pin-style="flat"><div class="map_container"/></section>
+              </div>
+              <div class="col-md-6 mt32">
+                <h4 class="mb4">B&#38;W</h4>
+                <hr class="mt0 mb4"/>
+                <section class="s_google_map pt128 pb128" data-map-type="ROADMAP" data-map-color="bwMap" data-map-zoom="12" data-map-gps="(48.856614, 2.3522219000000177)" data-pin-style="flat"><div class="map_container"/></section>
+              </div>
+            </div>
+          </div>
+
+          <h3 class="text-center bg-white mt92 mb0">Map Zoom <small>(samples)</small></h3>
+          <hr class="mt4 mb32"/>
+
+          <div class="container text-center">
+            <div class="row">
+              <div class="col-md-3 mt32">
+                <h4 class="mb4">12</h4>
+                <hr class="mt0 mb4"/>
+                <section class="s_google_map" data-map-type="ROADMAP" data-map-color="" data-map-zoom="12" data-map-gps="(48.856614, 2.3522219000000177)" data-pin-style="" style="min-height: 200px; height: 200px; overflow: hidden;"><div class="map_container"/></section>
+              </div>
+              <div class="col-md-3 mt32">
+                <h4 class="mb4">14</h4>
+                <hr class="mt0 mb4"/>
+                <section class="s_google_map" data-map-type="ROADMAP" data-map-color="" data-map-zoom="14" data-map-gps="(48.856614, 2.3522219000000177)" data-pin-style="" style="min-height: 200px; height: 200px; overflow: hidden;"><div class="map_container"/></section>
+              </div>
+              <div class="col-md-3 mt32">
+                <h4 class="mb4">16</h4>
+                <hr class="mt0 mb4"/>
+                <section class="s_google_map" data-map-type="ROADMAP" data-map-color="" data-map-zoom="16" data-map-gps="(48.856614, 2.3522219000000177)" data-pin-style="" style="min-height: 200px; height: 200px; overflow: hidden;"><div class="map_container"/></section>
+              </div>
+              <div class="col-md-3 mt32">
+                <h4 class="mb4">18</h4>
+                <hr class="mt0 mb4"/>
+                <section class="s_google_map" data-map-type="ROADMAP" data-map-color="" data-map-zoom="18" data-map-gps="(48.856614, 2.3522219000000177)" data-pin-style="" style="min-height: 200px; height: 200px; overflow: hidden;"><div class="map_container"/></section>
+                <span id="posts"/>
+              </div>
+            </div>
+          </div>
+
+          <h3 class="text-center bg-white mt128 mb0" id="hook_showcase_slider">Showcase Slider</h3>
+          <hr class="mt4 mb4"/>
+          <small class="mt4 mb48">A new UX solution to show your gallery</small>
+          <div class="container">
+
+            <section class="s_showcase_slider mt32 o_not-animable">
+              <div class="s_ss_slider_wrapper">
+
+                <ul class="s_ss_slider o_animable">
+                  <li class="selected o_not-animable"><img style="max-height: 570px" src="/web/image/theme_common.image_content_20"/></li>
+                  <li><img style="max-height: 570px" class="o_not-animable" src="/web/image/theme_common.image_content_21"/></li>
+                  <li><img style="max-height: 570px" class="o_not-animable" src="/web/image/theme_common.image_content_22"/></li>
+                </ul> <!-- s_ss slider -->
+
+                <ul class="s_ss_slider_navigation">
+                  <li><span contentEditable="false" class="o_not-animable fa fa-chevron-left s_ss_prev inactive"/></li>
+                  <li><span contentEditable="false" class="o_not-animable fa fa-chevron-right s_ss_next"/></li>
+                </ul> <!-- s_ss slider-navigation -->
+
+                <span href="#0" class="s_ss_close fa fa-times">Close</span>
+
+              </div> <!-- s_ss slider-wrapper -->
+
+              <div class="s_ss_item_info o_animable">
+                <h2>My Title</h2>
+
+                <p>A great way to catch your reader's attention is to tell a story. Everything you consider writing can be told as a story.</p>
+
+                <button class="btn btn-primary">Call to action</button>
+              </div> <!-- s_ss info -->
+            </section>
+
+          </div>
+
+          <h3 class="text-center bg-white mt128 mb0">Showcase</h3>
+          <hr class="mt4 mb48"/>
+
+          <section class="s_showcase">
+            <div class="box">
+              <div class="hidden-xs line"/>
+              <div class="row">
+                <div class="col-md-5 col-sm-5 text-right feature">
+                  <h4>
+                    <i class="fa fa-desktop"/>First feature</h4>
+                  <p>I then asked Queequeg whether he himself was ever troubled with dyspepsia; expressing the idea very plainly, so that he could take it in.</p>
+                </div>
+                <div class="col-md-5 col-sm-5 col-sm-offset-2 text-left feature">
+                  <h4>
+                    <i class="fa fa-heart"/>Another feature</h4>
+                  <p>I then asked Queequeg whether he himself was ever troubled with dyspepsia; expressing the idea very plainly, so that he could take it in.</p>
+                </div>
+              </div>
+              <div class="row">
+                <div class="col-md-5 col-sm-5 text-right feature">
+                  <h4>
+                    <i class="fa fa-paint-brush "/>Second feature</h4>
+                  <p>I then asked Queequeg whether he himself was ever troubled with dyspepsia; expressing the idea very plainly, so that he could take it in.</p>
+                </div>
+                <div class="col-md-5 col-sm-5 col-sm-offset-2 text-left feature">
+                  <h4>
+                    <i class="fa fa-sliders "/>Last Feature</h4>
+                  <p>I then asked Queequeg whether he himself was ever troubled with dyspepsia; expressing the idea very plainly, so that he could take it in.</p>
+                </div>
+              </div>
+            </div>
+            <div class="container mt16 text-center">
+              <a class="btn btn-default" href="">Discover all the features</a>
+            </div>
+          </section>
+
+          <h3 class="text-center bg-white mt128 mb0">Masonry Block</h3>
+          <hr class="mt4 mb48"/>
+          <section class="s_masonry_block s_ratio_2_1 mt16">
+            <div class="container-fluid">
+              <div class="row">
+                <div class="col-md-6 text-center bg_patt-05">
+                  <div class="content">
+                    <h2>A great title</h2>
+                    <p>And a great subtitle</p>
+                  </div>
+                </div>
+                <div class="col-md-6 bg-gamma-lighter">
+                  <div class="row">
+                    <div class="col-md-6 col-sm-6 text-center bg-gamma-darker">
+                      <div class="content">
+                        <h3>A great title</h3>
+                        <p>And a great subtitle</p>
+                      </div>
+                    </div>
+                    <div class="col-md-6 col-sm-6 text-center bg_patt-03">
+                      <div class="content">
+                        <h3>A great title</h3>
+                        <p>And a great subtitle</p>
+                      </div>
+                    </div>
+                    <div class="col-md-6 col-sm-6 text-center bg_patt-04">
+                      <div class="content">
+                        <h3>A great title</h3>
+                        <p>And a great subtitle</p>
+                      </div>
+                    </div>
+                    <div class="col-md-6 col-sm-6 text-center bg-epsilon-light">
+                      <div class="content">
+                        <h3>A great title</h3>
+                        <p>And a great subtitle</p>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </section>
+
+          <h3 class="text-center bg-white mt128 mb0">Page Header</h3>
+          <hr class="mt4 mb48"/>
+
+          <section class="s_page_header o_animate_preview text-left bg-gamma-lighter bg_patt-03"><div class="container"><div class="row"><div class="col-md-12 mt32">
+            <span class="label bg-alpha">
+              <span tabindex="-1" contenteditable="false" data-cke-widget-wrapper="1" data-cke-filter="off" class="cke_widget_wrapper cke_widget_inline" data-cke-display-name="i" data-cke-widget-id="26"><i class="fa fa-tag cke_widget_element" data-cke-widget-data="{}" data-cke-widget-keep-attr="0" data-widget="icons"/></span> <strong>Tags</strong> </span>
+              <span class="label bg-gamma"> <span tabindex="-1" contenteditable="false" data-cke-widget-wrapper="1" data-cke-filter="off" class="cke_widget_wrapper cke_widget_inline" data-cke-display-name="i" data-cke-widget-id="25"><i class="fa fa-tag cke_widget_element" data-cke-widget-data="{}" data-cke-widget-keep-attr="0" data-widget="icons"/></span> <strong>Category</strong> </span>
+              <h1>Page Title</h1><p class="lead">Introduce your content in few lines.</p></div></div></div></section>
+
+          <h3 class="text-center bg-white mt128 mb0">Numbers</h3>
+          <hr class="mt4 mb48"/>
+
+          <section class="s_numbers o_animate_preview bg_patt-01 text-gray"><div class="container"><div class="row"><div class="col-md-3 mb32 text-center text-gray"><h1 class="mb0 text-gray">12</h1><p class="text-gray">Useful options</p></div><div class="col-md-3 mb32 text-gray text-center"><h1 class="mb0 text-gray">45</h1><p class="text-gray">Beautiful snippets</p></div><div class="col-md-3 mb32 text-center text-gray"><h1 class="mb0 text-gray">8</h1><p class="text-gray">Amazing pages</p></div><div class="col-md-3 mb32 text-center text-gray"><h1 class="mb0 text-gray">37</h1><p class="text-gray">Outstanding images</p></div></div></div></section>
+
+          <hr class="mt128 mb128"/>
+
+        </div> <!-- #wrap -->
+      </t>
+    </template>
+
+    <record id="blocks_page" model="website.page">
+        <field name="name">Building Blocks</field>
+        <field name="website_published">True</field>
+        <field name="url">/blocks</field>
+        <field name="view_id" ref="blocks" />
+    </record>
+
+    <record id="graphene_blocks_menu" model="website.menu">
+      <field name="name">Building Blocks</field>
+      <field name="url">/blocks</field>
+      <field name="parent_id" ref="demo_blocks_menu"/>
+      <field name="sequence" type="int">3</field>
+      <field name="page_id" ref="blocks_page"/>
+    </record>
+
+</odoo>
@@ -0,0 +1,70 @@
+<?xml version="1.0" encoding="utf-8"?>
+<odoo>
+
+    <record id="website.layout_logo_show"  model="ir.ui.view" >
+      <field name="active" eval="False"/>
+    </record>
+
+    <template id="feat" name="Features">
+      <t t-call="website.layout">
+        <div id="wrap" class="oe_structure demo_feat text-center">
+
+          <section class="parallax s_parallax bg-img-03 move_to_top" style="padding-top: 40px; height: 424px; overflow: hidden; background-attachment: scroll; background-position: 0px 0px;" data-scroll-background-ratio="0.3" data-scroll-background-offset="0" contenteditable="false">
+            <div>
+              <div class="oe_structure container text-center mt32" contenteditable="true">
+                <h1 class="mt128 o_animate o_not-animable title-boxed">Features</h1>
+              </div>
+            </div>
+          </section>
+
+          <div class="bg-white" style="height:80px"></div>
+
+          <section class="container bg-white">
+            <img class="img-responsive o_animate o_anim_fade_in " src="/theme_graphene/static/description/media/anima_editor.png" alt=""/>
+
+            <hr class="mb64 mt64"/>
+
+            <img class="img-responsive o_animate o_anim_fade_in" src="/theme_graphene/static/description/media/video.jpg" alt=""/>
+
+            <a href="/blocks#video" class="btn btn-default">Discover More</a>
+
+            <hr class="mb64 mt64"/>
+
+            <img class="img-responsive o_animate o_anim_fade_in" src="/theme_graphene/static/description/media/move_top.jpg" alt=""/>
+
+            <hr class="mb64 mt64"/>
+
+            <img class="img-responsive o_animate o_anim_fade_in" src="/theme_graphene/static/description/media/typo.jpg" alt=""/>
+
+            <a href="/style" class="btn btn-default">Discover More</a>
+
+            <hr class="mb64 mt64"/>
+
+            <img class="img-responsive o_animate o_anim_fade_in" src="/theme_graphene/static/description/media/maps.jpg" alt=""/>
+
+            <a href="/blocks#maps" class="btn btn-default">Discover More</a>
+
+            <hr class="mb64 mt64"/>
+
+          </section>
+
+        </div> <!-- #wrap -->
+      </t>
+    </template>
+
+    <record id="feat_page" model="website.page">
+      <field name="name">Features</field>
+      <field name="website_published">True</field>
+      <field name="url">/feat</field>
+      <field name="view_id" ref="feat" />
+    </record>
+
+    <record id="graphene_feat_menu" model="website.menu">
+      <field name="name">Features</field>
+      <field name="url">/feat</field>
+      <field name="parent_id" ref="demo_blocks_menu"/>
+      <field name="sequence" type="int">2</field>
+      <field name="page_id" ref="feat_page"/>
+    </record>
+
+</odoo>
@@ -0,0 +1,143 @@
+<?xml version="1.0" encoding="utf-8"?>
+<odoo>
+
+    <record id="theme_graphene.option_font_abel"  model="ir.ui.view" >
+      <field name="active" eval="True"/>
+    </record>
+
+    <record id="style_page" model="website.page">
+      <field name="url">/style</field>
+      <field name="website_published">True</field>
+      <field name="name">Style</field>
+      <field name="type">qweb</field>
+      <field name="key">website.style</field>
+      <field name="arch" type="xml">
+        <t t-name="website.style">
+          <t t-call="website.layout">
+            <div id="wrap" class="oe_structure demo_style text-center">
+
+              <h5 class="text-center mt32 mb0">BUTTONS</h5>
+              <hr class="mt4 mb4"/>
+              <small>Click them to get a preview </small>
+
+              <section class="container text-center mt32 mb48">
+                <button class="btn btn-lg btn-default" type="button">Default</button>
+                <button class="btn btn-lg btn-primary" type="button">Primary</button>
+                <button class="btn btn-lg btn-success" type="button">Success</button>
+                <button class="btn btn-lg btn-info" type="button">Info</button>
+                <button class="btn btn-lg btn-warning" type="button">Warning</button>
+                <button class="btn btn-lg btn-danger" type="button">Danger</button>
+                <button class="btn btn-lg btn-link" type="button">Link</button>
+                <h1 class="mt4 mb4"/>
+                <button class="btn btn-default" type="button">Default</button>
+                <button class="btn btn-primary" type="button">Primary</button>
+                <button class="btn btn-success" type="button">Success</button>
+                <button class="btn btn-info" type="button">Info</button>
+                <button class="btn btn-warning" type="button">Warning</button>
+                <button class="btn btn-danger" type="button">Danger</button>
+                <button class="btn btn-link" type="button">Link</button>
+              </section>
+
+              <h5 class="text-center mt92 mb0">LABELS</h5>
+              <hr class="mt4 mb4"/>
+              <section class="container text-center mt16 mb48">
+                <span class="label label-default">Default</span>
+                <span class="label label-primary">Primary</span>
+                <span class="label label-success">Success</span>
+                <span class="label label-info">Info</span>
+                <span class="label label-warning">Warning</span>
+                <span class="label label-danger">Danger</span>
+              </section>
+
+              <h5 class="text-center mt92 mb0">PATTERNS</h5>
+              <hr class="mt4 mb4"/>
+              <section class="container text-center mt16 mb48">
+                <div class="container">
+                  <div class="row">
+                    <div class="col-md-2">
+                      <div class="panel bg_patt-01" style="height:200px"/>
+                    </div>
+                    <div class="col-md-2">
+                      <div class="panel bg_patt-02" style="height:200px"/>
+                    </div>
+                    <div class="col-md-2">
+                      <div class="panel bg_patt-03" style="height:200px"/>
+                    </div>
+                    <div class="col-md-2">
+                      <div class="panel bg_patt-04" style="height:200px"/>
+                    </div>
+                    <div class="col-md-2">
+                      <div class="panel bg_patt-05" style="height:200px"/>
+                    </div>
+                    <div class="col-md-2">
+                      <div class="panel bg_patt-06" style="height:200px"/>
+                    </div>
+                  </div>
+                </div>
+              </section>
+
+              <h5 class="text-center mt92 mb0">Typography</h5>
+              <hr class="mt4 mb4"/>
+              <div class="container text-left">
+                <div class="col-md-6">
+                  <h1><strong>H1</strong> - My awesome title</h1>
+                  <h2><strong>H2</strong> - My awesome title</h2>
+                  <h3><strong>H3</strong> - My awesome title</h3>
+                  <h4><strong>H4</strong> - My awesome title</h4>
+                  <h5><strong>H5</strong> - My awesome title</h5>
+                  <h6><strong>H6</strong> - My awesome title</h6>
+                </div>
+                <div class="col-md-6">
+                  <p class="mt32">Paragraphs.<br/>Integer dictum condimentum urna in viverra. Sed ut lacus vitae leo ornare rhoncus. Cras accumsan, justo id bibendum sollicitudin, dolor erat rutrum leo, varius sodales enim turpis et lacus. Ut augue ante, pretium nec venenatis et, tempor scelerisque sapien. Nam eu elit efficitur, luctus tellus eget, vehicula augue. Integer porttitor laoreet pellentesque. Aenean non velit ut nibh ultricies commodo posuere congue risus.</p>
+                  <p><strong>This is a strong text</strong></p>
+                  <p><em>This is an italic text</em></p>
+                  <p><u>This is an underlined text</u></p>
+                </div>
+              </div>
+
+              <h5 class="text-center mt92 mb0">Styled Titles</h5>
+              <hr class="mt4 mb32"/>
+              <div class="container">
+                <div class="col-md-6">
+                  <h1 class="text-center o_animate o_not-animable title-boxed">A boxed Title</h1>
+                </div>
+                <div class="col-md-6">
+                  <h1 class="text-center o_animate o_not-animable title-underlined">An underlined Title</h1>
+                </div>
+              </div>
+
+              <h5 class="text-center mt92 mb0">Text costumization</h5>
+              <hr class="mt4 mb32"/>
+              <div class="container mb128">
+                <div class="row">
+                  <div class="col-md-6">
+                    <h3 class="text-center letterSpacing4">Custom letter's spacing</h3>
+                  </div>
+                  <div class="col-md-6">
+                    <h3 class="text-center text-uppercase">Uppercase text</h3>
+                  </div>
+                </div>
+                <div class="row">
+                  <div class="col-md-6">
+                    <h3 class="text-center serif">A serif text</h3>
+                  </div>
+                  <div class="col-md-6">
+                    <h3 class="text-center sans-serif">A sans-serif text</h3>
+                  </div>
+                </div>
+              </div>
+            </div> <!-- #wrap -->
+          </t>
+        </t>
+      </field>
+    </record>
+
+    <record id="graphene_style_menu" model="website.menu">
+      <field name="name">Style</field>
+      <field name="url">/style</field>
+      <field name="parent_id" ref="demo_blocks_menu"/>
+      <field name="sequence" type="int">1</field>
+      <field name="page_id" ref="style_page"/>
+    </record>
+
+</odoo>
@@ -0,0 +1,171 @@
+<?xml version="1.0" encoding="utf-8"?>
+<odoo>
+
+    <record id="website.layout_logo_show"  model="ir.ui.view" >
+      <field name="active" eval="False"/>
+    </record>
+
+    <record id="welcome_page" model="website.page">
+      <field name="url">/welcome</field>
+      <field name="website_published">True</field>
+      <field name="name">Welcome</field>
+      <field name="type">qweb</field>
+      <field name="key">website.welcome</field>
+      <field name="arch" type="xml">
+        <t t-name="website.welcome">
+          <t t-call="website.layout">
+            <div id="wrap"  class="oe_structure demo_welcome">
+
+              <section autoplay="autoplay" class="s_media_block move_to_top preserve3d" custom_content="&lt;iframe src='https://www.youtube.com/embed/LyEz6Ru2IwY'&gt;&lt;/iframe&gt;"  iframefit="fitCont" loop="loop" src="http://media.sublimevideo.net/v/midnight-sun-short-edit-360p.mp4" muted="muted" style="height: 600px;" background="js-animated-bg" opacity="1">
+                <div class="v-align text-center">
+                  <img src="/web/image/theme_common.image_content_logo" style="width: 100%; max-width: 270px;opacity:0" class=" center-block o_animate o_animate_both_scroll o_anim_fade_in o_anim_dur1500"/>
+                </div>
+              </section>
+
+              <section class="mb32 bg-white bg_patt-03 text-gray">
+                <div class="mt48 text-center o_animate o_animate_both_scroll o_anim_fade_in o_anim_dur1500">
+                  <h1 class="letterSpacing10 text-uppercase sans-serif o_animate o_not-animable title-underlined">Welcome</h1>
+                  <p class="serif">
+                    <em>Welcome to Graphene, Awesome multi-porpose Odoo 10 theme</em>
+                  </p>
+                  <!-- <p class="serif"><em>Graphene is a new kind of material, more efficent then silicon and stronger than diamond.</em><br /><em>It inspired the creation of this theme</em></p>-->
+                </div>
+                <div class="mt92 tech">
+                  <div class="row">
+                    <div class="col-xs-4">
+                       <img class="img-responsive" src="/theme_graphene/static/src/img/theme_samples/HTML5.png" alt=""/>
+                     </div>
+                     <div class="col-xs-4 mt8">
+                       <img class="img-responsive" src="/theme_graphene/static/src/img/theme_samples/less.png" alt=""/>
+                     </div>
+                     <div class="col-xs-4">
+                       <img class="img-responsive" src="/theme_graphene/static/src/img/theme_samples/CSS3.png" alt=""/>
+                     </div>
+                   </div>
+                </div>
+              </section>
+
+              <section class="parallax s_parallax o_animate bg-img-03 o_anim_fade_in o_anim_dur2000" contenteditable="false" data-scroll-background-ratio="0.3" style="height: 336px; overflow: hidden; background-attachment: scroll;">
+                <div>
+                  <div class="oe_structure" contenteditable="true"/>
+                </div>
+              </section>
+
+              <section class="s_showcase">
+                <div class="box">
+                  <div class="hidden-xs line o_animate o_anim_fade_in_down o_anim_dur3000 o_anim_del1500"/>
+
+                  <div class="row">
+                    <div class="col-md-5 col-sm-5 text-right feature o_animate o_anim_fade_in_left o_anim_dur1500">
+                      <h4>Fully-equipped <img  src="/theme_graphene/static/description/media/gift.jpg" alt=""/></h4>
+                      <p>HTML5 videos, pure CSS3 Animation, Retina images support... Everyting is out of the box.</p>
+                    </div>
+                    <div class="col-md-5 col-sm-5 col-sm-offset-2 text-left feature o_animate o_anim_fade_in_right o_anim_dur1500">
+                       <h4><img  src="/theme_graphene/static/description/media/custom.jpg" alt=""/> Flexible</h4>
+                      <p>Limitless combination. Use the provided styles or start from scratch, Graphene will take care of everything</p>
+                    </div>
+                  </div>
+
+                  <div class="row">
+                    <div class="col-md-5 col-sm-5 text-right feature  o_animate o_anim_fade_in_left o_anim_dur1500 o_anim_del500">
+                      <h4>Mobile friendly <img  src="/theme_graphene/static/description/media/mobile.jpg" alt=""/></h4>
+                      <p>Media queries are managed for you. Graphene work beautifully on desktop and mobile devices.</p>
+                    </div>
+                    <div class="col-md-5 col-sm-5 col-sm-offset-2 text-left feature o_animate o_anim_fade_in_right o_anim_dur1500 o_anim_del500">
+                      <h4><img  src="/theme_graphene/static/description/media/browsers.jpg" alt=""/>
+                      Cross-browser</h4>
+                      <p>Works on all modern browsers and degrades gracefully on the old ones.</p>
+                    </div>
+                  </div>
+
+                </div>
+                <div class="container mt16 text-center o_animate o_anim_fade_in o_anim_del2000">
+                  <a href="/feat" class="btn btn-default">Discover all the features</a>
+                </div>
+              </section>
+
+              <hr/>
+
+              <section class="s_text_block">
+                <div class="container">
+                  <div class="row">
+                    <div class="col-md-12 text-center title-parent mt64 mb0">
+                      <h2 class="o_animate o_not-animable title-boxed">Powerful snippets</h2>
+                    </div>
+                  </div>
+                </div>
+              </section>
+
+              <section class="s_google_map" data-map-type="ROADMAP" data-map-color="blueMap" data-map-zoom="16" data-map-gps="(48.856614, 2.3522219000000177)" data-pin-title="Discover Our Office:" data-pin-desc="Our office is loceated in the northeast of Brussels. TEL (555) 43W2 2e365" data-pin-style="flat" style="height: 488px; overflow: hidden;">
+                <div class="map_container"/>
+                <div class="description">
+                  <font>Visit us:</font>
+                  <span> Our office is located in the northeast of Brussels. TEL (555) 432 2365 </span>
+                </div>
+              </section>
+
+              <section class="s_text_image mb128 mt64">
+                <div class="col-md-4 col-md-offset-1 mt128">
+                  <h3>Fully Customizable</h3>
+                  <p>Create you unique font and colors combination. Everything in Graphene is ready to be c</p>
+                  <p>Start with the customer – find out what they want and give it to them.</p>
+                </div>
+                <div class="col-md-7 " style="padding:0; overflow:hidden">
+                  <img class="img img-responsive mb16 o_animate o_anim_fade_in_right o_anim_dur1500" src="/theme_graphene/static/src/img/theme_samples/browser_right.png"/>
+                </div>
+              </section>
+
+              <hr/>
+
+              <section class="s_showcase_slider feat o_not-animable mb128">
+                <div class="s_ss_slider_wrapper">
+                  <ul class="s_ss_slider o_animable">
+                    <li class="selected o_not-animable">
+                      <img src="/theme_graphene/static/description/media/move_top.jpg" alt="Product Image 1"/>
+                    </li>
+                    <li><img class="o_not-animable" src="/theme_graphene/static/description/media/anima_editor700.png" alt="Product Image 1"/></li>
+                    <li><img class="o_not-animable" src="/theme_graphene/static/description/media/latest_posts.jpg" alt="Product Image 2"/></li>
+                    <li><img class="o_not-animable" src="/theme_graphene/static/description/media/typo.jpg" alt="Product Image 2"/></li>
+                  </ul> <!-- s_ss slider -->
+
+                  <ul class="s_ss_slider_navigation">
+                    <li><span contentEditable="false" class="o_not-animable fa fa-chevron-left s_ss_prev inactive">Next</span></li>
+                    <li><span contentEditable="false" class="o_not-animable fa fa-chevron-right s_ss_next">Prev</span></li>
+                  </ul> <!-- s_ss slider-navigation -->
+
+                  <span href="#0" class="s_ss_close fa fa-times">Close</span>
+                </div> <!-- s_ss slider-wrapper -->
+
+                <div class="s_ss_item_info o_animable">
+                  <h2>Produt Title</h2>
+
+                  <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Officia, omnis illo iste ratione.</p>
+
+                  <button class="btn btn-primary">Add to cart</button>
+                </div> <!-- s_ss info -->
+              </section>
+
+              <hr/>
+
+            </div> <!-- #wrap -->
+          </t>
+        </t>
+      </field>
+    </record>
+
+    <record id="demo_blocks_menu" model="website.menu">
+        <field name="name">Theme Demo</field>
+        <field name="url"></field>
+        <field name="parent_id" ref="website.main_menu"/>
+        <field name="sequence" type="int">0</field>
+    </record>
+
+    <record id="graphene_welcome_menu" model="website.menu">
+        <field name="name">Welcome</field>
+        <field name="url">/welcome</field>
+        <field name="parent_id" ref="demo_blocks_menu"/>
+        <field name="sequence" type="int">0</field>
+        <field name="page_id" ref="welcome_page"/>
+    </record>
+
+</odoo>
@@ -0,0 +1,346 @@
+# Translation of Odoo Server.
+# This file contains the translation of the following modules:
+# * theme_graphene
+# 
+# Translators:
+# Martin Trigaux <mat@odoo.com>, 2017
+# Roberto Lizana <robertolizana@trey.es>, 2017
+# Alejandro Die Sanchis <marketing@domatix.com>, 2017
+# Antonio Trueba <atgayol@gmail.com>, 2017
+# Luis M. Triana <luis.triana@jarsa.com.mx>, 2017
+# Leonardo J. Caballero G. <leonardocaballero@gmail.com>, 2017
+# Lina Maria Avendaño Carvajal <lina8823@gmail.com>, 2017
+msgid ""
+msgstr ""
+"Project-Id-Version: Odoo Server 10.0+e\n"
+"Report-Msgid-Bugs-To: \n"
+"POT-Creation-Date: 2017-03-24 12:43+0000\n"
+"PO-Revision-Date: 2017-03-24 12:43+0000\n"
+"Last-Translator: Lina Maria Avendaño Carvajal <lina8823@gmail.com>, 2017\n"
+"Language-Team: Spanish (https://www.transifex.com/odoo/teams/41243/es/)\n"
+"MIME-Version: 1.0\n"
+"Content-Type: text/plain; charset=UTF-8\n"
+"Content-Transfer-Encoding: \n"
+"Language: es\n"
+"Plural-Forms: nplurals=2; plural=(n != 1);\n"
+
+#. module: theme_graphene
+#: model:ir.ui.view,arch_db:theme_graphene.theme_customize
+msgid "<i class=\"fa fa-cog\"/>  Customize <span>Graphene</span>"
+msgstr ""
+
+#. module: theme_graphene
+#: model:ir.ui.view,arch_db:theme_graphene.theme_customize
+msgid "<i class=\"fa fa-desktop\"/>  LAYOUT"
+msgstr ""
+
+#. module: theme_graphene
+#: model:ir.ui.view,arch_db:theme_graphene.theme_customize
+msgid "<i class=\"fa fa-font\"/>  FONTS"
+msgstr ""
+
+#. module: theme_graphene
+#: model:ir.ui.view,arch_db:theme_graphene.graphene_typo_pattern
+msgid "<i class=\"fa fa-font\"/>Font Family"
+msgstr ""
+
+#. module: theme_graphene
+#: model:ir.ui.view,arch_db:theme_graphene.graphene_google_map
+msgid "<i class=\"fa fa-fw fa-paint-brush\"/>Style"
+msgstr ""
+
+#. module: theme_graphene
+#: model:ir.ui.view,arch_db:theme_graphene.graphene_top_content_options
+msgid "<i class=\"fa fa-magic\"/>Position"
+msgstr ""
+
+#. module: theme_graphene
+#: model:ir.ui.view,arch_db:theme_graphene.theme_customize
+msgid "<i class=\"fa fa-paint-brush \"/>  PALETTES"
+msgstr ""
+
+#. module: theme_graphene
+#: model:ir.ui.view,arch_db:theme_graphene.graphene_typo_pattern
+msgid "<i class=\"fa fa-paint-brush\"/>Text Effects"
+msgstr ""
+
+#. module: theme_graphene
+#: model:ir.ui.view,arch_db:theme_graphene.graphene_backgrounds
+msgid "<i class=\"fa fa-picture-o\"/>Background Image"
+msgstr "<i class=\"fa fa-picture-o\"/>Imagen del fondo"
+
+#. module: theme_graphene
+#: model:ir.ui.view,arch_db:theme_graphene.graphene_bg_effects
+msgid "<i class=\"fa fa-sliders\"/>Background Effects"
+msgstr ""
+
+#. module: theme_graphene
+#: model:ir.ui.view,arch_db:theme_graphene.graphene_backgrounds
+msgid "<i class=\"fa fa-upload\"/>Upload your image"
+msgstr ""
+
+#. module: theme_graphene
+#: model:ir.ui.view,arch_db:theme_graphene.theme_customize
+msgid "<small>Preview</small>"
+msgstr ""
+
+#. module: theme_graphene
+#: model:ir.ui.view,arch_db:theme_graphene.theme_customize
+msgid "Abel"
+msgstr ""
+
+#. module: theme_graphene
+#. openerp-web
+#: code:addons/theme_graphene/static/src/xml/s_media_block_modal_ext.xml:12
+#, python-format
+msgid "Animated colors"
+msgstr ""
+
+#. module: theme_graphene
+#: model:ir.ui.view,arch_db:theme_graphene.graphene_bg_effects
+msgid "Big Inset Shadow"
+msgstr ""
+
+#. module: theme_graphene
+#: model:ir.ui.view,arch_db:theme_graphene.theme_customize
+msgid "Black Math"
+msgstr ""
+
+#. module: theme_graphene
+#: model:ir.ui.view,arch_db:theme_graphene.graphene_typo_pattern
+#: model:ir.ui.view,arch_db:theme_graphene.theme_customize
+msgid "Boxed"
+msgstr ""
+
+#. module: theme_graphene
+#: model:website.menu,name:theme_graphene.graphene_blocks_menu
+msgid "Building Blocks"
+msgstr ""
+
+#. module: theme_graphene
+#: model:ir.ui.view,arch_db:theme_graphene.theme_customize
+msgid "Cinzel"
+msgstr ""
+
+#. module: theme_graphene
+#: model:ir.ui.view,arch_db:theme_graphene.theme_customize
+msgid "Company"
+msgstr "Compañía"
+
+#. module: theme_graphene
+#: model:ir.ui.view,arch_db:theme_graphene.graphene_typo_pattern
+msgid "Default"
+msgstr "Por defecto"
+
+#. module: theme_graphene
+#: model:website.menu,name:theme_graphene.graphene_feat_menu
+msgid "Features"
+msgstr "Características"
+
+#. module: theme_graphene
+#: model:ir.ui.view,arch_db:theme_graphene.theme_customize
+msgid "Full width"
+msgstr ""
+
+#. module: theme_graphene
+#: model:ir.ui.view,arch_db:theme_graphene.theme_customize
+msgid "Gardenia"
+msgstr ""
+
+#. module: theme_graphene
+#: model:ir.ui.view,arch_db:theme_graphene.graphene_bg_effects
+msgid "Glossy"
+msgstr ""
+
+#. module: theme_graphene
+#: model:ir.ui.view,arch_db:theme_graphene.graphene_bg_effects
+msgid "Glossy Medium"
+msgstr ""
+
+#. module: theme_graphene
+#: model:ir.ui.view,arch_db:theme_graphene.graphene_bg_effects
+msgid "Glossy Soft"
+msgstr ""
+
+#. module: theme_graphene
+#: model:ir.ui.view,arch_db:theme_graphene.graphene_colorpicker_pattern
+msgid "Gray Dark Dark"
+msgstr ""
+
+#. module: theme_graphene
+#: model:ir.ui.view,arch_db:theme_graphene.graphene_colorpicker_pattern
+msgid "Gray Dark Light"
+msgstr ""
+
+#. module: theme_graphene
+#: model:ir.ui.view,arch_db:theme_graphene.graphene_colorpicker_pattern
+msgid "Gray Darkest"
+msgstr ""
+
+#. module: theme_graphene
+#: model:ir.ui.view,arch_db:theme_graphene.graphene_colorpicker_pattern
+msgid "Gray Light Dark"
+msgstr ""
+
+#. module: theme_graphene
+#: model:ir.ui.view,arch_db:theme_graphene.graphene_colorpicker_pattern
+msgid "Gray Light Light"
+msgstr ""
+
+#. module: theme_graphene
+#: model:ir.ui.view,arch_db:theme_graphene.theme_customize
+msgid "Home<span/>About Us<span/>Contact"
+msgstr ""
+
+#. module: theme_graphene
+#: model:ir.ui.view,arch_db:theme_graphene.graphene_bg_effects
+msgid "Inset Shadow"
+msgstr ""
+
+#. module: theme_graphene
+#: model:ir.ui.view,arch_db:theme_graphene.graphene_google_map
+msgid "Light Mono"
+msgstr ""
+
+#. module: theme_graphene
+#: model:ir.ui.view,arch_db:theme_graphene.theme_customize
+msgid "MWAD"
+msgstr ""
+
+#. module: theme_graphene
+#: model:ir.ui.view,arch_db:theme_graphene.graphene_top_content_options
+msgid "Move to top"
+msgstr ""
+
+#. module: theme_graphene
+#: model:ir.ui.view,arch_db:theme_graphene.theme_customize
+msgid "My sans-serif title"
+msgstr ""
+
+#. module: theme_graphene
+#: model:ir.ui.view,arch_db:theme_graphene.theme_customize
+msgid ""
+"My serif text. There was a low rumbling of heavy sea-boots among the "
+"benches, and a still slighter shuffling of women's shoes, and all was quiet "
+"again, and every eye on the preacher. He paused a little; then kneeling in "
+"the pulpit's bows, folded his large brown hands across his chest"
+msgstr ""
+
+#. module: theme_graphene
+#: model:ir.ui.view,arch_db:theme_graphene.graphene_bg_effects
+#: model:ir.ui.view,arch_db:theme_graphene.graphene_typo_pattern
+msgid "No effects"
+msgstr ""
+
+#. module: theme_graphene
+#: model:ir.ui.view,arch_db:theme_graphene.graphene_backgrounds
+msgid "No image"
+msgstr ""
+
+#. module: theme_graphene
+#: model:ir.ui.view,arch_db:theme_graphene.graphene_top_content_options
+msgid "Normal"
+msgstr "Normal"
+
+#. module: theme_graphene
+#: model:ir.ui.view,arch_db:theme_graphene.theme_customize
+msgid "Old Standard"
+msgstr ""
+
+#. module: theme_graphene
+#. openerp-web
+#: code:addons/theme_graphene/static/src/xml/s_media_block_modal_ext.xml:21
+#, python-format
+msgid "Opacity"
+msgstr "Opacidad"
+
+#. module: theme_graphene
+#: model:ir.ui.view,arch_db:theme_graphene.theme_customize
+msgid "Pacifico"
+msgstr ""
+
+#. module: theme_graphene
+#: model:ir.ui.view,arch_db:theme_graphene.theme_customize
+msgid "Playfair"
+msgstr ""
+
+#. module: theme_graphene
+#: model:ir.ui.view,arch_db:theme_graphene.theme_customize
+msgid "Postcard"
+msgstr "Tarjeta Postal"
+
+#. module: theme_graphene
+#: model:ir.ui.view,arch_db:theme_graphene.graphene_typo_pattern
+msgid "Sans-Serif"
+msgstr ""
+
+#. module: theme_graphene
+#: model:ir.ui.view,arch_db:theme_graphene.theme_customize
+msgid "Sans-serif font"
+msgstr ""
+
+#. module: theme_graphene
+#: model:ir.ui.view,arch_db:theme_graphene.graphene_typo_pattern
+msgid "Serif"
+msgstr ""
+
+#. module: theme_graphene
+#: model:ir.ui.view,arch_db:theme_graphene.theme_customize
+msgid "Serif font"
+msgstr ""
+
+#. module: theme_graphene
+#: model:ir.ui.view,arch_db:theme_graphene.theme_customize
+msgid "Source Sans"
+msgstr ""
+
+#. module: theme_graphene
+#: model:ir.ui.view,arch_db:theme_graphene.theme_customize
+msgid "Standard"
+msgstr "Estándar"
+
+#. module: theme_graphene
+#. openerp-web
+#: code:addons/theme_graphene/static/src/xml/s_media_block_modal_ext.xml:13
+#, python-format
+msgid "Static Black"
+msgstr ""
+
+#. module: theme_graphene
+#: model:website.menu,name:theme_graphene.graphene_style_menu
+msgid "Style"
+msgstr "Estilo"
+
+#. module: theme_graphene
+#: model:website.menu,name:theme_graphene.demo_blocks_menu
+msgid "Theme Demo"
+msgstr ""
+
+#. module: theme_graphene
+#. openerp-web
+#: code:addons/theme_graphene/static/src/xml/s_media_block_modal_ext.xml:11
+#, python-format
+msgid "Transparent"
+msgstr "Transparente"
+
+#. module: theme_graphene
+#: model:ir.ui.view,arch_db:theme_graphene.graphene_typo_pattern
+msgid "Underlined"
+msgstr ""
+
+#. module: theme_graphene
+#. openerp-web
+#: code:addons/theme_graphene/static/src/xml/s_media_block_modal_ext.xml:8
+#, python-format
+msgid "Video background"
+msgstr ""
+
+#. module: theme_graphene
+#: model:website.menu,name:theme_graphene.graphene_welcome_menu
+msgid "Welcome"
+msgstr "Bienvenido"
+
+#. module: theme_graphene
+#: model:ir.ui.view,arch_db:theme_graphene.theme_customize
+msgid "http://www.odoo.com/this/is/a/sample/url"
+msgstr ""
@@ -0,0 +1,300 @@
+
+<section id="theme_graphene_description" class="container">
+  <div class="text-center mb64">
+
+    <!-- <img src="main_logo.png" class="img-responsive center-block"/> -->
+    <p class="lead slim">Graphene is a professional responsive HTML5 theme that puts the <br/>full power of all Odoo's technologies at your fingertips<br/><br>
+    We open up everything to you.</p>
+
+    <p>This theme has an <a href="https://apps.odoo.com/apps/10.0/theme_graphene_blog/">additional blog plugin</a>.</p>
+
+  </div>
+
+  <div class="row text-center mb64">
+    <div class="col-md-3 col-sm-6 mb32">
+      <img  src="media/gift.jpg" alt=""/>
+      <h4>Fully-equipped</h4><hr>
+      <p>HTML5 videos, pure CSS3 Animation, Retina images support... Everyting is out of the box.</p>
+    </div>
+
+    <div class="col-md-3 col-sm-6 mb32">
+      <img  src="media/custom.jpg" alt=""/>
+      <h4>Flexible</h4><hr>
+      <p>Limitless combination. Use the provided styles or start from scratch, Graphene will take care of everything</p>
+    </div>
+
+    <div class="col-md-3 col-sm-6 mb32">
+      <img  src="media/mobile.jpg" alt=""/>
+      <h4>Mobile friendly</h4><hr>
+      <p>Media queries are managed for you. Graphene work beautifully on desktop and mobile devices.</p>
+    </div>
+
+    <div class="col-md-3 col-sm-6 mb32">
+      <img  src="media/browsers.jpg" alt=""/>
+      <h4>Cross-browser</h4><hr>
+      <p>Works on all modern browsers and degrades gracefully on the old ones.</p>
+    </div>
+  </div>
+
+  <div class="row text-center mt64 mb64">
+    <h2>Main Features</h2>
+    <!-- <p class="slim">Graphene comes several customization tools, so you can have ultimate control over your designs without write one line of code.</p> -->
+  </div>
+
+  <img class="img-responsive " src="media/anima_editor.png" alt="" />
+
+  <hr class="mb32 mt32 light" />
+
+  <img class="img-responsive" src="media/move_top.jpg" alt="" />
+
+  <hr class="mb32 mt32 light" />
+
+  <p>With Website Blog installed :</p>
+  <img class="img-responsive" src="media/latest_posts.jpg" alt="" />
+
+  <hr class="mb32 mt32 light" />
+
+  <img class="img-responsive" src="media/typo.jpg" alt="" />
+
+  <hr class="mb64 mt64">
+
+  <div class="row text-center mt32 mb64">
+    <h2 class="text-muted">Main options</h2>
+
+    <p class="slim">Graphene comes several customization tools, so you can have ultimate control over your designs without write one line of code.</p>
+  </div>
+
+  <div class="row text-center">
+    <div class="col-md-4">
+      <h4 class="text-muted">Comprehensive layout options</h4><hr>
+      <img class="img-responsive" src="media/layout.jpg" alt=""/>
+    </div>
+
+    <div class="col-md-4">
+      <h4 class="text-muted">Colors that work together</h4> <hr>
+      <img class="img-responsive" src="media/palette.jpg" alt=""/>
+    </div>
+
+    <div class="col-md-4">
+      <h4 class="text-muted">Simple perfect fonts combinations</h4> <hr>
+      <img class="img-responsive" src="media/fonts.jpg" alt=""/>
+    </div>
+
+  </div>
+
+  <hr class="mb64" />
+
+  <div class="row tech mt64 mb64 text-center">
+    <div class="col-xs-4">
+      <img class="img-responsive center-block" src="HTML5.png" alt="" style="height:100px"/>
+    </div>
+    <div class="col-xs-4 mt16">
+      <img class="img-responsive center-block" src="less.png" alt=""/>
+    </div>
+    <div class="col-xs-4">
+      <img class="img-responsive center-block" src="CSS3.png" alt="" style="height:100px"/>
+    </div>
+  </div>
+
+  <hr class="mb64" />
+
+  <div class="row text-center mb32">
+    <h2 class="text-muted">Powerful snippets</h2>
+    <p class="slim">Graphene comes several customization tools, so you can have ultimate control over your designs without write one line of code.</p>
+  </div>
+
+  <img class="img-responsive" src="media/maps.jpg" alt="" />
+
+  <hr class="mb64" />
+
+  <img class="img-responsive" src="media/video.jpg" alt="" />
+  <p class="slim">Some fonts might not work with extended charsets.</p>
+  <p class="slim mb64">The images in the theme are copyrighted and can't be used outside of the odoo.com domain.</p>
+
+  <hr class="mb64" />
+
+  <div class="row text-center mb32">
+    <h2 class="text-muted">Contributors list</h2>
+    <p class="slim">This theme has been created with the help of our user community.</p>
+  </div>
+
+  <h3 class="text-center">CONTRIBUTORS LIST</h3>
+  <br/>
+  <p class="strong text-center">This theme has benn created with the help of our user community.</p>
+  <h3 class="text-center">Thanks to our backers, the Indiegogo campaign was a success!</h3>
+  <p class="text-center"><a>https://www.indiegogo.com/projects/bootstrap-themes-for-odoo-cms/</a></p>
+  <br/>
+
+  <div class="text-center">
+    <h2 class="text-center sponsors">Main Sponsor</h2>
+    <div class="row">
+      <div class="col-md-2">
+        <a href="http://www.aselcis.com/" target="blank">
+          <img src="contributors/aselcis.jpg" class="img-responsive center-block"/>
+        </a>
+      </div>
+      <div class="col-md-2">
+        <a href="http://www.bas-solutions.nl/" target="blank">
+          <img src="contributors/bas-solutions.png" class="img-responsive center-block"/>
+        </a>
+      </div>
+      <div class="col-md-2">
+        <a href="http://www.bloopark.de/" target="blank">
+          <img src="contributors/bloopark.png" class="img-responsive center-block"/>
+        </a>
+      </div>
+      <div class="col-md-2">
+        <a href="http://www.brouwland.com" target="blank">
+          <img src="contributors/brouwland.jpg" class="img-responsive center-block"/>
+        </a>
+      </div>
+      <div class="col-md-2">
+        <a href="http://www.catsanddogs.com/" target="blank">
+          <img src="contributors/catsdogs.png" class="img-responsive center-block"/>
+        </a>
+      </div>
+      <div class="col-md-2">
+        <a href="https://www.hucke-media.de/" target="blank">
+          <img src="contributors/huckemedia.png" class="img-responsive center-block"/>
+        </a>
+      </div>
+    </div>
+
+    <div class="row">
+      <div class="col-md-2">
+        <a href="http://www.datadialog.net/" target="blank">
+          <img src="contributors/dialognet.png" class="img-responsive center-block"/>
+        </a>
+      </div>
+      <div class="col-md-2">
+        <a href="http://www.dynapps.be/" target="blank">
+          <img src="contributors/dynapps.jpg" class="img-responsive center-block"/>
+        </a>
+      </div>
+      <div class="col-md-2">
+        <a href="http://opusvl.com/" target="blank">
+          <img src="contributors/opusvl.png" class="img-responsive center-block"/>
+        </a>
+      </div>
+      <div class="col-md-2">
+        <a href="http://oxenworkwear.com/" target="blank">
+          <img src="contributors/oxen.jpg" class="img-responsive center-block"/>
+        </a>
+      </div>
+      <div class="col-md-2">
+        <a href="http://www.simplit.co/" target="blank">
+          <img src="contributors/simplitco.jpg" class="img-responsive center-block"/>
+        </a>
+      </div>
+      <div class="col-md-2">
+        <a href="http://www.sodexis.com/" target="blank">
+          <img src="contributors/sodexis.jpg" class="img-responsive center-block"/>
+        </a>
+      </div>
+    </div>
+    <div class="row clearfix">
+      <div class="col-md-2 col-md-offset-3">
+        <a href="https://www.techreceptives.com" target="blank">
+          <img src="contributors/tech-receptives.png" class="img-responsive center-block"/>
+        </a>
+      </div>
+      <div class="col-md-2">
+        <a href="http://www.applicatour.com/" target="blank">
+          <img src="contributors/applicatour.jpg" class="img-responsive center-block"/>
+        </a>
+      </div>
+      <div class="col-md-2">
+        <a href="https://vauxoo.com" target="blank">
+          <img src="contributors/vauxoo.png" class="img-responsive center-block"/>
+        </a>
+      </div>
+    </div>
+
+    <small>
+      Ross Whiting, Oxenworkwear - Hans Balis - Stephan Keller, Sodexis, Inc. - Michael Hucke, Hucke Media GmbH &#38; Co. KG - Joachim Grubelnik, DaDi EDV GmbH datadialog.net - DynApps - Cats&#38;Dogs bvba - Bloopark systems GmbH &#38; Co. KG - Parthiv Patel, Tech Receptives Solutions Pvt. Ltd. - Stuart Mackintosh, OpusVL - Erwin van der Ploeg, BAS Solutions - ali Zuaby, simplit co - Aselcis Consulting - Nhomar Hernandez, Vauxoo
+    </small>
+
+    <h2 class="text-center sponsors">Sponsor</h2>
+    <small>
+      Robert Baumgartner, datenpol gmbh - openBIG - Russell Phillippe, Protogenos Ltd - Julien Allo, Julius - EasyPME - Jonathan Wilson, WillowIT Pty Ltd - Xavier Mallein, MAallein - Pedro M. Baeza, Serv. Tecnol. Avanzados - Daniel Dico, OERP Canada - Jantz Business Group b.v. - LogicaSoft Consulting - Eric Caudal, Elico Corp - Ermin Trevisan, Twanda - Jean-Fran&#231;ois Mattler, OpenFid SAS - Alex Ferrer, Lannex IT Solutions - Tony Gu, Shine IT Co. Ltd. 先安科技 - TaPo-IT OG - Jos De Graeve, Apertoso - Nicolas Rigo, eezee-it - Luis Miguel Var&#195;&#179;n E, Colorisa S.A - OpenBias - Stanislas Drouin Applicatour
+    </small>
+
+    <h2 class="text-center sponsors">Power Designer</h2>
+    <small>
+      Rohit Thakral - Fran&ccedil;ois Dhommeaux, Ubic Informatique - Judson Alves, Market Home Delivery - Eric Flaux, ABF Osiell - Gilles Dupont - Arnis Putni&#326;&#353; - Johnson Martt, GetOpenERP (Part of OpenStow Technologies) - Gianluca Milano - Daniel Stolovich, ATEL S.A. - Equitania Software GmbH - Senthilnathan G - Houssine Bakkali - Arend Trip - Kevin Woolf, Baba Kevin's American Barbecue Co., Ltd. - toodoo s&#224;rl - Zoltan Gabor &#39;Apersis&#39; - Tom De Decker, WEB2GO LTD - Nicolás Cavalier Montenegro, STOREGUD CORPORATION SAC - Keirse Jerome - REAL Solutions S.A. - Davide Corio - Brice Muangkhot - Melvin Miguel Martinez, Mendoza Hernandez - Auditores - Chua Wen Ching - Tran Minh Tri working, ungdungtinhoc.com - Badisheng Morena - Sogexis - Josh Wardini - The Tee Shirt Bakery - Bruce Letterle, Red Lab Media - Benoit Vankoningsloo - Francisco Manuel Garcia Claramonte. - Paulina Mikolajczak-Blasco - Collectiv - Tony Fernando - Herbert Riener, rigaConcepts - Kalmen Chia, E-Global SCM Solution Sdn Bhd - Rob North, Pair A Dice Games - David E. Vargas, CloudShop - Fran&ccedil;ois Le Gal - Calin Chete (24h Solutions) - Maria Gabriela Fong, MAGA Systems &#38; Consulting - Pascal Behr, Cytosurge AG - Marc Antwertinger - Opencloud Unipessoal, Lda - Ruchir Shukla, BizzAppDev - Michael Hucke, Hucke Media GmbH &#38; Co. KG - Mathias Neef, copadoMEDIA UG - Pablo Arias - Same Motion - livingprocess.de - Habib Ayob - Igor Jovanovic - Liangming Wang, Weixuan Inc. - Jason Au Yeung, Binary System Limited - Fredrik Arvas, Arvas International AB - Martin Temmink, Zigaret - Mathieu Vanneste, Flockdesign - Filip Fruru, Instant Media - Marianne Wilmsmeier, Fabrik F&#252;nf GmbH - Vertex Group Enterprises - Bingen Eguzkitza - Herczeg P&#233;ter, InnOpen Group Kft  - Giles Hohnen - Luis Felipe Mil&#233;o, KMEE - Maria Gabriela Fong, MAGA Systems &#38; Consulting - Aaron Magon, Web Industries - Andrew Trueman, B.M. Trueman &#38; Partners - Sven Petersen, Conexus - Nous Cambas - Oliver Yuan, OpenStone - Henri Ibowili, A-YANT.COM - Nicolas JEUDY - Helmut Drewes - Maik Steinfeld, Streward - Hans Henrik Gabelgaard - AJ Rosman - Eduard - Patrick Darribet, SUDOKEYS - Camptocamp - Cyril Morisse - Alejandro Santana - Eva Pinter, YBO - Mathias Neef, copadoMEDIA UG - Jean-Christophe Perrot, LOGICASOFT - Zarshed Ali, HiTechnologia - Stefan Reisich - Maxime Chambreuil, Savoir-faire Linux - Mario Gielissen, Openworx - Nicholas Burdic, Aptoworks LLC - Olivier Lenoir
+    </small>
+  </div>
+</section>
+
+<style>
+  #theme_graphene_description{
+    padding-top: 40px;
+    /*font-family: "lato", lato, sans-serif;*/
+    font-size: 1.4rem;
+    overflow-x: hidden;
+  }
+
+  #theme_graphene_description img{
+    pointer-events: none;
+  }
+
+  #theme_graphene_description h1{
+    font-weight: 100;
+    font-size: 100px;
+    font-size: 8vw;
+    display: inline-block;
+    border-bottom: 2px solid #7B7B7B;
+    margin-bottom: .31em;
+  }
+  #theme_graphene_description p.slim{
+    max-width: 600px;
+    position: relative;
+    display: block;
+    margin: 1em auto;
+  }
+  #theme_graphene_description h2:not(.sponsors){
+    color: #535353;
+    font-size: 3em;
+    font-weight: 500;
+    font-weight: 500;
+    letter-spacing: -2px;
+    word-spacing: -4px;
+  }
+
+  #theme_graphene_description h2.sponsors {
+    margin-top: 84px;
+    margin-bottom: 20px;
+  }
+
+  #theme_graphene_description .tech .img-responsive {
+    max-height: 75px;
+    text-align: center;
+    margin: 0 auto;
+    max-width: 150px;
+  }
+
+  hr.light{
+
+  }
+
+  .mt16{
+    margin-top: 16px;
+  }
+
+  .mt64{
+    margin-top: 64px;
+  }
+
+  .mb16{
+    margin-bottom: 16px;
+  }
+
+  .mb64{
+    margin-bottom: 64px;
+  }
+
+  .mb32{
+    margin-bottom: 32px;
+  }
+
+</style>
--- a/Show More
+++ b/Show More